Merge pull request #4530 from consul/body_background

Reduce duplication in background color definitions
This commit is contained in:
Javi Martín
2021-06-30 19:28:54 +02:00
committed by GitHub
8 changed files with 25 additions and 36 deletions

View File

@@ -226,7 +226,7 @@ $table-header: #ecf1f6;
border: $table-border;
&:hover {
background: #f3f6f7;
background: adjust-color(darken($table-background, 2%), $red: -4, $green: -1);
}
}
@@ -509,10 +509,6 @@ code {
// 04. Stats
// ---------
.stats {
background: #fff;
}
.stats-numbers {
p {
color: $text-medium;
@@ -715,7 +711,7 @@ table {
// ---------------
.markdown-editor {
background-color: #fff;
background-color: $body-background;
.markdown-area,
.markdown-preview {

View File

@@ -14,7 +14,7 @@
list-style: none;
padding: $line-height / 4 $line-height / 3;
display: block;
background: #fff;
background: $body-background;
border: 1px solid $border;
font-size: $small-font-size;

View File

@@ -74,7 +74,7 @@
}
a {
background: $white;
background: $body-background;
color: inherit;
height: 100%;
padding: $line-height $line-height * 1.5;

View File

@@ -234,10 +234,9 @@
position: relative;
&::before {
background: #fff;
background: $body-background;
border: 1px solid $border;
border-radius: rem-calc(36);
color: #000;
content: "\77";
font-family: "icons";
font-size: rem-calc(24);
@@ -264,7 +263,6 @@
position: relative;
&::before {
color: #000;
font-family: "icons";
font-size: rem-calc(24);
left: 6px;

View File

@@ -345,7 +345,6 @@ a {
font-weight: bold;
&::after {
background: $brand;
border-bottom: 2px solid;
bottom: 0;
content: "";
@@ -570,7 +569,7 @@ body > header,
@include breakpoint(medium) {
@include brand-text;
background: #fff;
background: $body-background;
text-align: center;
}
}
@@ -586,7 +585,7 @@ body > header,
.menu {
&.is-dropdown-submenu {
background: #fff;
background: $body-background;
color: $text;
margin: 0;
margin-top: rem-calc(-12);
@@ -686,7 +685,7 @@ body > header,
.subnavigation {
@include breakpoint(medium) {
background: #fff;
background: $body-background;
color: $text;
padding-bottom: 0;
}
@@ -967,7 +966,7 @@ footer {
text-align: center;
span {
background: #fff;
background: $body-background;
box-decoration-break: clone;
font-weight: bold;
padding: 0 $line-height / 2;
@@ -992,7 +991,7 @@ footer {
select {
option {
background: #fff;
background: $body-background;
color: $text;
border: 0;
outline: none;
@@ -1353,7 +1352,7 @@ form {
}
&::before {
background: #fff;
background: $body-background;
color: $brand;
content: "\4d";
font-family: "icons" !important;
@@ -1434,11 +1433,11 @@ table {
}
&:nth-child(odd) {
background: #fff;
background: $table-background;
}
&:nth-child(even) {
background: #fafcfb;
background: adjust-color($table-background, $red: -3, $green: -1, $blue: -2);
}
}
@@ -1774,7 +1773,7 @@ table {
position: relative;
.icon-letter {
background: #fff;
background: $body-background;
color: $color-info;
font-size: rem-calc(24);
margin-left: -27px;
@@ -1789,7 +1788,7 @@ table {
// ------------
.comments {
background: #fff;
background: $body-background;
background-repeat: repeat-x;
padding-bottom: $line-height * 4;
@@ -1834,7 +1833,6 @@ table {
}
.reply {
background: #fff;
border: 1px solid $border;
border-left: 0;
border-right: 0;
@@ -2177,7 +2175,6 @@ table {
.debates-inner,
.proposals-inner,
.budget-investments-inner {
background: #fff;
max-height: rem-calc(350);
@include breakpoint(small) {
@@ -2269,7 +2266,7 @@ table {
}
.recommendation {
background: #fff;
background: $body-background;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
display: block;
margin-bottom: $line-height / 4;
@@ -2691,9 +2688,9 @@ table {
}
span {
background: #fff;
background: $body-background;
border-radius: rem-calc(4);
color: #000;
color: $text;
display: inline-block;
font-size: $small-font-size;
font-weight: bold;

View File

@@ -40,7 +40,6 @@
// -----------------
.legislation {
margin: 0 0 $line-height;
background: #fff;
border: 1px solid;
border-color: #e5e6e9 #dfe0e4 #d0d1d5;
border-radius: 0;

View File

@@ -583,7 +583,6 @@
}
.calc-comments {
background: #fff;
cursor: auto;
@include breakpoint(small only) {

View File

@@ -539,7 +539,7 @@
.fixed-mobile-content {
@include breakpoint(medium down) {
background: #fff;
background: $body-background;
margin-bottom: rem-calc(-1) !important;
padding-top: $line-height / 2;
}
@@ -598,7 +598,7 @@
}
%panel {
background: #fff;
background: $body-background;
border: 1px solid;
border-color: #e5e6e9 #dfe0e4 #d0d1d5;
border-radius: 0;
@@ -1086,7 +1086,7 @@
margin-top: 0;
&:hover {
background: #fff;
background: $body-background;
color: $text;
}
}
@@ -1202,7 +1202,7 @@
}
.jumbo-budget {
background: $white;
background: $body-background;
border-bottom: 2px solid $border;
&.budget-heading {
@@ -1405,7 +1405,7 @@
transition: height 0.3s;
&.is-fixed {
background: $white;
background: $body-background;
border-bottom: 2px solid $border;
height: auto;
left: 0;
@@ -1631,9 +1631,9 @@
}
.zoom-link {
background: #fff;
background: $body-background;
border-radius: rem-calc(48);
color: #000;
color: $text;
font-size: rem-calc(24);
font-weight: bold;
height: rem-calc(48);