Migrate SASS
This commit is contained in:
@@ -1,3 +1,7 @@
|
||||
@use "common";
|
||||
@use "var";
|
||||
@use "color";
|
||||
|
||||
#map {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
@@ -16,7 +20,7 @@
|
||||
|
||||
.separator {
|
||||
border-top: 1px solid #CCC;
|
||||
margin: $elem-spacing 0 $block-spacing 0;
|
||||
margin: var.$elem-spacing 0 var.$block-spacing 0;
|
||||
}
|
||||
|
||||
/* Marker Popup */
|
||||
@@ -31,10 +35,10 @@
|
||||
|
||||
p {
|
||||
font-size: 1.0em;
|
||||
margin: $elem-spacing 0 0 0;
|
||||
margin: var.$elem-spacing 0 0 0;
|
||||
|
||||
a {
|
||||
color: $post-color;
|
||||
color: color.$post;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -44,7 +48,7 @@
|
||||
a {
|
||||
display: inline-block;
|
||||
|
||||
margin: $block-spacing $block-spacing 0 0;
|
||||
margin: var.$block-spacing var.$block-spacing 0 0;
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
@@ -71,7 +75,7 @@
|
||||
height: auto;
|
||||
max-width: 200px;
|
||||
max-height: 100px;
|
||||
border-radius: $block-radius;
|
||||
border-radius: var.$block-radius;
|
||||
image-orientation: from-image;
|
||||
transition: All 0.2s;
|
||||
}
|
||||
@@ -90,16 +94,16 @@
|
||||
}
|
||||
|
||||
h1, .description {
|
||||
@include no-text-overflow();
|
||||
@include common.no-text-overflow();
|
||||
}
|
||||
.body {
|
||||
padding-left: calc(1.25em*1.4 + #{$elem-spacing} );
|
||||
padding-left: calc(1.25em * 1.4 + var.$elem-spacing );
|
||||
|
||||
.details {
|
||||
margin-top: -$block-spacing;
|
||||
margin-top: var.$block-spacing * -1;
|
||||
|
||||
p.detail {
|
||||
margin-top: $block-spacing;
|
||||
margin-top: var.$block-spacing;
|
||||
width: 50%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user