mirror of
https://github.com/Unkn0wnCat/Unkn0wnCat.net.git
synced 2025-07-28 13:58:14 +02:00
36 lines
753 B
SCSS
36 lines
753 B
SCSS
$fontMain: "Noto Sans Display", "Noto Sans", sans-serif;
|
|
$layoutPadding: 20px;
|
|
$layoutNavHeight: 60px;
|
|
$layoutBorderRadius: 5px;
|
|
$layoutWidth: 1100px;
|
|
|
|
@mixin layoutBox {
|
|
max-width: $layoutWidth;
|
|
width: 100%;
|
|
padding: $layoutPadding;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
@mixin layoutBoxFirst {
|
|
@include layoutBox;
|
|
padding-top: 40px;
|
|
}
|
|
|
|
@mixin glass {
|
|
background-color: var(--color-background);
|
|
|
|
@supports (backdrop-filter: blur(10px)) {
|
|
background-color: var(--color-glass-background);
|
|
backdrop-filter: blur(10px);
|
|
}
|
|
}
|
|
|
|
@mixin floatingBoxShadow {
|
|
box-shadow: 0 20px 20px rgba(black, 0.05);
|
|
}
|
|
|
|
@mixin respectReducedMotion {
|
|
@media (prefers-reduced-motion: reduce) {
|
|
transition: none !important;
|
|
}
|
|
}
|