adrian/hugo-theme-re-terminal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: migrate rest of scss vars to native css

Browse Source
This commit is contained in:
Mirus 2024-07-30 18:56:54 +03:00
parent 4bc7d37022
commit c592d7c04c
3 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
assets/css/menu.scss
View File

@ -1,11 +1,11 @@
@mixin menu { @mixin menu {
--shadow-color: rgba(var(--background), 0.2);
display: none; display: none;
flex-direction: column; flex-direction: column;
$shadow-color: rgba(var(--background), 0.2); --shadow: 0 10px var(--shadow-color), -10px 10px var(--shadow-color), 10px 10px var(--shadow-color);
$shadow: 0 10px $shadow-color, -10px 10px $shadow-color, 10px 10px $shadow-color;
position: absolute; position: absolute;
background: var(--background); background: var(--background);
box-shadow: $shadow; box-shadow: var(--shadow);
color: white; color: white;
border: 2px solid; border: 2px solid;
margin: 0; margin: 0;

6
assets/css/post.scss
View File

@ -44,12 +44,12 @@
} }
&-title { &-title {
$border: 3px dotted var(--accent); --border: 3px dotted var(--accent);
position: relative; position: relative;
color: var(--accent); color: var(--accent);
margin: 0 0 15px; margin: 0 0 15px;
padding-bottom: 15px; padding-bottom: 15px;
border-bottom: $border; border-bottom: var(--border);
&:after { &:after {
content: ''; content: '';
@ -57,7 +57,7 @@
bottom: 2px; bottom: 2px;
display: block; display: block;
width: 100%; width: 100%;
border-bottom: $border; border-bottom: var(--border);
} }
a { a {

6
assets/css/syntax.scss
View File

@ -117,9 +117,9 @@ pre[class*="language-"] {
} }
.code-toolbar { .code-toolbar {
$code-margin: 40px; --code-margin: 40px;
position: relative; position: relative;
margin: $code-margin 0; margin: var(--code-margin) 0;
padding: 20px; padding: 20px;
border: 1px solid rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .1);
@ -127,7 +127,7 @@ pre[class*="language-"] {
+ .highlight, + .highlight,
+ .highlight .code-toolbar { + .highlight .code-toolbar {
border-top: 0; border-top: 0;
margin-top: calc(-1 * $code-margin); margin-top: calc(-1 * var(--code-margin));
} }
pre, code { pre, code {