Rename brand-text mixin to brand-color

This is consistent with the `body-colors` mixin and with other mixins
we're about to add, like `anchor-color`.
This commit is contained in:
Javi Martín
2022-10-29 14:30:29 +02:00
parent d4c8606f43
commit a2c032573f
10 changed files with 29 additions and 29 deletions

View File

@@ -633,7 +633,7 @@ code {
display: block;
&.is-active {
@include brand-text;
@include brand-color;
font-weight: bold;
text-decoration: underline;
}

View File

@@ -20,7 +20,7 @@
}
.ballot-list-price {
@include brand-text;
@include brand-color;
display: block;
font-weight: bold;
margin-top: $line-height / 2;

View File

@@ -8,7 +8,7 @@
}
.heading {
@include brand-text;
@include brand-color;
border: 2px solid $border;
border-radius: rem-calc(6);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);

View File

@@ -332,7 +332,7 @@
}
.is-active {
@include brand-text;
@include brand-color;
position: relative;
&::before {
@@ -347,11 +347,11 @@
}
a {
@include brand-text;
@include brand-color;
}
[class^="icon-"] {
@include brand-text;
@include brand-color;
}
}
@@ -365,7 +365,7 @@
border-bottom: 2px solid;
.has-tip {
@include brand-text;
@include brand-color;
font-weight: bold;
}
}

View File

@@ -260,7 +260,7 @@ button,
}
&.is-active {
@include brand-text;
@include brand-color;
border-bottom: 2px solid;
padding-bottom: rem-calc(1);
}
@@ -287,7 +287,7 @@ button,
padding: 0;
&.is-active {
@include brand-text;
@include brand-color;
font-weight: bold;
}
}
@@ -297,7 +297,7 @@ button,
}
&.is-active {
@include brand-text;
@include brand-color;
border-bottom: 2px solid;
}
}
@@ -359,14 +359,14 @@ button,
position: relative;
&:hover {
@include brand-text;
@include brand-color;
background: none;
text-decoration: none;
}
&[aria-selected="true"],
&.is-active {
@include brand-text;
@include brand-color;
border-bottom: 0;
font-weight: bold;
@@ -519,7 +519,7 @@ body > header,
padding: rem-calc(6);
[type="submit"] {
@include brand-text;
@include brand-color;
background: none;
border: 0;
cursor: pointer;
@@ -599,7 +599,7 @@ body > header,
text-align: left;
@include breakpoint(medium) {
@include brand-text;
@include brand-color;
background: $body-background;
text-align: center;
}
@@ -774,7 +774,7 @@ body > header,
}
&.is-active {
@include brand-text;
@include brand-color;
border-bottom: 2px solid;
margin-bottom: 1px;
}
@@ -846,7 +846,7 @@ body > header,
}
.is-active {
@include brand-text;
@include brand-color;
border-bottom: 2px solid;
&:hover {

View File

@@ -20,7 +20,7 @@
text-decoration: none;
&:hover {
@include brand-text;
@include brand-color;
}
}
}

View File

@@ -134,7 +134,7 @@
margin-bottom: rem-calc(40);
.debate-type {
@include brand-text;
@include brand-color;
text-transform: uppercase;
font-weight: 700;
font-size: $small-font-size;
@@ -145,7 +145,7 @@
}
.debate-title a {
@include brand-text;
@include brand-color;
}
}
@@ -194,7 +194,7 @@
}
h4 a {
@include brand-text;
@include brand-color;
&:hover {
text-decoration: none;
@@ -211,7 +211,7 @@
}
.quiz-next {
@include brand-text;
@include brand-color;
background: #ccdbe5;
font-size: $small-font-size;
font-weight: bold;

View File

@@ -11,7 +11,7 @@
@include background-with-text-contrast($brand);
}
@mixin brand-text {
@mixin brand-color {
@include normal-selection;
color: $brand;
}
@@ -43,8 +43,8 @@
@include brand-background;
}
%brand-text {
@include brand-text;
%brand-color {
@include brand-color;
}
%body-colors {

View File

@@ -57,7 +57,7 @@
.more-info-content {
h3 {
@include brand-text;
@include brand-color;
}
.additional-info {

View File

@@ -830,7 +830,7 @@
}
.is-active {
@include brand-text;
@include brand-color;
&::after {
content: "\6c";
@@ -1082,7 +1082,7 @@
}
.current-phase {
@include brand-text;
@include brand-color;
}
.progress-votes {
@@ -1119,7 +1119,7 @@
}
span {
@include brand-text;
@include brand-color;
font-size: $base-font-size;
}
}
@@ -1144,7 +1144,7 @@
}
span {
@include brand-text;
@include brand-color;
font-size: rem-calc(24);
}
}