setup style

This commit is contained in:
Spedon
2023-03-09 17:06:52 +08:00
parent fe15035e94
commit 0786c8573f
4 changed files with 38 additions and 0 deletions

View File

@@ -0,0 +1,15 @@
html {
font-family: $global-font-family;
font-weight: $global-font-weight;
font-size: $global-font-size;
line-height: $global-line-height;
width: 100%;
scroll-behavior: smooth;
}
body {
background-color: white;
height: 100vh;
margin: 0;
overflow: hidden;
}

View File

View File

@@ -0,0 +1,13 @@
.image {
width: 40vmin;
position: absolute;
transform: translate(-50%, -50%);
}
.image[data-status="inactive"] {
display: none;
}
.image[data-status="active"] {
display: block;
}

View File

@@ -0,0 +1,10 @@
// ==============================
// Variables
// ==============================
// ========== Global ========== //
// Font and Line Height
$global-font-family: system-ui, -apple-system, BlinkMacSystemFont, PingFang SC, Microsoft YaHei UI, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif !default;
$global-font-size: 16px;
$global-font-weight: 400;
$global-line-height: 1.5rem;