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;
|
||||
|
||||
&__link {
|
||||
background-color: var(--background-colour-translucent);
|
||||
background-color: var(--background-colour-translucent-9);
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
.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;
|
||||
text-shadow: 0 1px 4px #000;
|
||||
overflow: hidden;
|
||||
|
|
|
@ -24,7 +24,6 @@
|
|||
--background-colour-translucent-7: fade(@background-colour, 70%);
|
||||
--background-colour-translucent-8: fade(@background-colour, 80%);
|
||||
--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;
|
||||
|
||||
--text-colour: #fff;
|
||||
|
|
|
@ -211,7 +211,7 @@
|
|||
border-top: 1px solid var(--accent-colour);
|
||||
|
||||
&: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);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -33,7 +33,7 @@
|
|||
}
|
||||
|
||||
&__content {
|
||||
background-color: var(--background-colour-translucent);
|
||||
background-color: var(--background-colour-translucent-9);
|
||||
display: flex;
|
||||
padding: 1px;
|
||||
|
||||
|
|
|
@ -14,7 +14,7 @@
|
|||
}
|
||||
|
||||
&__content {
|
||||
background-color: var(--background-colour-translucent);
|
||||
background-color: var(--background-colour-translucent-9);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
|
|
|
@ -36,7 +36,7 @@
|
|||
transition: background-color .2s;
|
||||
|
||||
&:hover {
|
||||
background-color: var(--background-colour-translucent);
|
||||
background-color: var(--background-colour-translucent-9);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue