mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-25 12:56:41 +07:00
replaced node-sass with sass
This commit is contained in:
parent
8ee5b09b65
commit
5c9fdf93db
39 changed files with 148 additions and 1162 deletions
|
@ -1,4 +1,6 @@
|
|||
|
||||
@use "sass:math";
|
||||
|
||||
@mixin outer_shadow() {
|
||||
box-shadow:
|
||||
inset transparentize(white, 0.95) 1px 1px,
|
||||
|
@ -96,7 +98,7 @@
|
|||
@content;
|
||||
|
||||
& > * {
|
||||
margin: $gap/2 0 !important;
|
||||
margin: $gap*0.5 0 !important;
|
||||
|
||||
&:first-child {
|
||||
margin-top: 0 !important;
|
||||
|
@ -115,7 +117,7 @@
|
|||
}
|
||||
|
||||
@mixin blur($color: $content_bg, $radius: 15px, $opacity: 0.5) {
|
||||
background: transparentize($color, $opacity / 1.5);
|
||||
background: transparentize($color, math.div($opacity, 1.5));
|
||||
backdrop-filter: blur($radius);
|
||||
-webkit-backdrop-filter: blur($radius);
|
||||
|
||||
|
@ -172,7 +174,7 @@
|
|||
@mixin editor_round_button {
|
||||
width: $upload_button_height;
|
||||
height: $upload_button_height;
|
||||
border-radius: ($upload_button_height / 2) !important;
|
||||
border-radius: ($upload_button_height * 0.5) !important;
|
||||
flex: 0 0 $upload_button_height;
|
||||
position: relative;
|
||||
border-radius: $radius;
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
@use "sass:math";
|
||||
|
||||
@import "../variables";
|
||||
|
||||
$margin: 1em;
|
||||
|
@ -5,7 +7,7 @@ $margin: 1em;
|
|||
.wrapper {
|
||||
blockquote {
|
||||
border-left: 4px solid $wisegreen;
|
||||
padding: $margin / 2 0;
|
||||
padding: $margin * 0.5 0;
|
||||
margin-bottom: $margin;
|
||||
color: $wisegreen;
|
||||
font-size: 0.9em;
|
||||
|
@ -55,10 +57,10 @@ $margin: 1em;
|
|||
|
||||
h5, h4, h3, h2, h1 {
|
||||
line-height: 1.2em;
|
||||
margin: $margin * 1.5 0 $margin / 2;
|
||||
margin: $margin * 1.5 0 $margin * 0.5;
|
||||
|
||||
&:first-child {
|
||||
margin-top: $margin / 4;
|
||||
margin-top: $margin * 0.25;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -68,7 +70,7 @@ $margin: 1em;
|
|||
margin-bottom: $margin;
|
||||
|
||||
li {
|
||||
margin: $margin/3 0;
|
||||
margin: math.div($margin, 3) 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue