selfhosted
/
zer0bin
mirror of https://github.com/zer0bin-dev/zer0bin
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

style: 💄 Clean up SCSS

This commit is contained in:
ThatOneCalculator 2022-03-21 17:49:57 -07:00
parent a66540ca5a
commit be2e0ad5c2
2 changed files with 16 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/style/style.scss
View File

@ -1,5 +1,3 @@
@import url("./font.scss");
$love: #eb6f92;
$gold: #f6c177;
$rose: #ebbcba;
@ -16,6 +14,8 @@ $bg_trans: rgba(31, 29, 46, 0.8);
$font-mono: "Cartograph CF", ui-monospace, SFMono-Regular, Menlo, Monaco,
Consolas, "Liberation Mono", "Courier New", monospace;
@import "./font.scss";
@keyframes rainbow {
0%,
100% {

41
frontend/style/tooltip.scss
View File

@ -1,36 +1,23 @@
@import url("./font.scss");
$color_1: #e0def4;
$font-mono: "Cartograph CF", ui-monospace, SFMono-Regular, Menlo, Monaco,
Consolas, "Liberation Mono", "Courier New", monospace;
$bg: #26233a;
@import "./font.scss";
.tippy-box[data-theme~="rosepine"] {
color: #e0def4;
color: $color_1;
box-shadow: 0 0 20px 4px rgba(82, 79, 103, 0.15),
0 4px 80px -8px rgba(64, 61, 82, 0.25),
0 4px 4px -2px rgba(33, 32, 46, 0.15);
background-color: #26233a;
background-color: $bg;
opacity: 0.8;
margin-top: 10px;
padding: 10px;
font-family: "Cartograph CF", ui-monospace, SFMono-Regular, Menlo, Monaco,
Consolas, "Liberation Mono", "Courier New", monospace;
}
.tippy-box[data-theme~="rosepine"][data-placement^="top"]
> .tippy-arrow:before {
border-top-color: #26233a;
}
.tippy-box[data-theme~="rosepine"][data-placement^="bottom"]
> .tippy-arrow:before {
border-bottom-color: #26233a;
}
.tippy-box[data-theme~="rosepine"][data-placement^="left"]
> .tippy-arrow:before {
border-left-color: #26233a;
}
.tippy-box[data-theme~="rosepine"][data-placement^="right"]
> .tippy-arrow:before {
border-right-color: #26233a;
}
.tippy-box[data-theme~="rosepine"] > .tippy-backdrop {
background-color: #26233a;
}
.tippy-box[data-theme~="rosepine"] > .tippy-svg-arrow {
fill: #26233a;
font-family: $font-mono;
> .tippy-backdrop {
background-color: $bg;
}
> .tippy-svg-arrow {
fill: #26233a;
}
}