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; display: block;
&.is-active { &.is-active {
@include brand-text; @include brand-color;
font-weight: bold; font-weight: bold;
text-decoration: underline; text-decoration: underline;
} }

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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