feat: migrate rest of scss vars to native css
This commit is contained in:
parent
4bc7d37022
commit
c592d7c04c
@ -1,11 +1,11 @@
|
||||
@mixin menu {
|
||||
--shadow-color: rgba(var(--background), 0.2);
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
$shadow-color: rgba(var(--background), 0.2);
|
||||
$shadow: 0 10px $shadow-color, -10px 10px $shadow-color, 10px 10px $shadow-color;
|
||||
--shadow: 0 10px var(--shadow-color), -10px 10px var(--shadow-color), 10px 10px var(--shadow-color);
|
||||
position: absolute;
|
||||
background: var(--background);
|
||||
box-shadow: $shadow;
|
||||
box-shadow: var(--shadow);
|
||||
color: white;
|
||||
border: 2px solid;
|
||||
margin: 0;
|
||||
|
@ -44,12 +44,12 @@
|
||||
}
|
||||
|
||||
&-title {
|
||||
$border: 3px dotted var(--accent);
|
||||
--border: 3px dotted var(--accent);
|
||||
position: relative;
|
||||
color: var(--accent);
|
||||
margin: 0 0 15px;
|
||||
padding-bottom: 15px;
|
||||
border-bottom: $border;
|
||||
border-bottom: var(--border);
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
@ -57,7 +57,7 @@
|
||||
bottom: 2px;
|
||||
display: block;
|
||||
width: 100%;
|
||||
border-bottom: $border;
|
||||
border-bottom: var(--border);
|
||||
}
|
||||
|
||||
a {
|
||||
|
@ -117,9 +117,9 @@ pre[class*="language-"] {
|
||||
}
|
||||
|
||||
.code-toolbar {
|
||||
$code-margin: 40px;
|
||||
--code-margin: 40px;
|
||||
position: relative;
|
||||
margin: $code-margin 0;
|
||||
margin: var(--code-margin) 0;
|
||||
padding: 20px;
|
||||
border: 1px solid rgba(255, 255, 255, .1);
|
||||
|
||||
@ -127,7 +127,7 @@ pre[class*="language-"] {
|
||||
+ .highlight,
|
||||
+ .highlight .code-toolbar {
|
||||
border-top: 0;
|
||||
margin-top: calc(-1 * $code-margin);
|
||||
margin-top: calc(-1 * var(--code-margin));
|
||||
}
|
||||
|
||||
pre, code {
|
||||
|
Loading…
Reference in New Issue
Block a user