Removed all uses of legacy translucent background variable.
This commit is contained in:
parent
fc476ac28c
commit
2414a66a97
7 changed files with 6 additions and 7 deletions
|
@ -143,7 +143,7 @@
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
|
|
||||||
&__link {
|
&__link {
|
||||||
background-color: var(--background-colour-translucent);
|
background-color: var(--background-colour-translucent-9);
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
.container {
|
.container {
|
||||||
background: var(--accent-colour) linear-gradient(0deg, var(--background-colour-translucent), var(--background-colour-translucent));
|
background: var(--accent-colour) linear-gradient(0deg, var(--background-colour-translucent-9), var(--background-colour-translucent-9));
|
||||||
box-shadow: 0 1px 2px #000A;
|
box-shadow: 0 1px 2px #000A;
|
||||||
text-shadow: 0 1px 4px #000;
|
text-shadow: 0 1px 4px #000;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
|
@ -24,7 +24,6 @@
|
||||||
--background-colour-translucent-7: fade(@background-colour, 70%);
|
--background-colour-translucent-7: fade(@background-colour, 70%);
|
||||||
--background-colour-translucent-8: fade(@background-colour, 80%);
|
--background-colour-translucent-8: fade(@background-colour, 80%);
|
||||||
--background-colour-translucent-9: fade(@background-colour, 90%);
|
--background-colour-translucent-9: fade(@background-colour, 90%);
|
||||||
--background-colour-translucent: var(--background-colour-translucent-9); // switch to the numbered ones
|
|
||||||
--background-pattern: url('/images/clouds.png') fixed;
|
--background-pattern: url('/images/clouds.png') fixed;
|
||||||
|
|
||||||
--text-colour: #fff;
|
--text-colour: #fff;
|
||||||
|
|
|
@ -211,7 +211,7 @@
|
||||||
border-top: 1px solid var(--accent-colour);
|
border-top: 1px solid var(--accent-colour);
|
||||||
|
|
||||||
&:nth-child(2n) {
|
&:nth-child(2n) {
|
||||||
background-image: linear-gradient(0deg, var(--background-colour-translucent), var(--background-colour-translucent));
|
background-image: linear-gradient(0deg, var(--background-colour-translucent-9), var(--background-colour-translucent-9));
|
||||||
background-color: var(--accent-colour);
|
background-color: var(--accent-colour);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -33,7 +33,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&__content {
|
&__content {
|
||||||
background-color: var(--background-colour-translucent);
|
background-color: var(--background-colour-translucent-9);
|
||||||
display: flex;
|
display: flex;
|
||||||
padding: 1px;
|
padding: 1px;
|
||||||
|
|
||||||
|
|
|
@ -14,7 +14,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&__content {
|
&__content {
|
||||||
background-color: var(--background-colour-translucent);
|
background-color: var(--background-colour-translucent-9);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
@ -36,7 +36,7 @@
|
||||||
transition: background-color .2s;
|
transition: background-color .2s;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: var(--background-colour-translucent);
|
background-color: var(--background-colour-translucent-9);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue