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

feat: migrate to native CSS variables

Browse Source
This commit is contained in:
Mirus
2024-07-30 18:39:09 +03:00
parent 22dc46fb81
commit 4bc7d37022
19 changed files with 103 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
assets/css/code.scss
View File

@@ -1,5 +1,5 @@
.collapsable-code {
$border-color: mix($accent, #999, 90%);
--border-color: color-mix(in srgb, var(--accent) 90%, #999 10%);
position: relative;
width: 100%;
@@ -39,13 +39,13 @@
min-width: 30px;
min-height: 30px;
margin: 0;
border-bottom: 1px solid $border-color;
border-bottom: 1px solid var(--border-color);
cursor: pointer;
}
&__title {
flex: 1;
color: $accent;
color: var(--accent);
padding: 3px 10px;
text-overflow: ellipsis;
white-space: nowrap;
@@ -53,15 +53,15 @@
}
&__language {
color: $accent;
border: 1px solid $border-color;
color: var(--accent);
border: 1px solid var(--border-color);
border-bottom: none;
text-transform: uppercase;
padding: 3px 10px;
}
&__toggle {
color: $accent;
color: var(--accent);
font-size: 16px;
padding: 3px 10px;