93 lines
1.8 KiB
SCSS
93 lines
1.8 KiB
SCSS
$siteHeadingFontFamily: 'Exo 2', sans-serif;
|
|
$siteFontFamily: 'Overpass', sans-serif;
|
|
$siteFontSize: 18px;
|
|
|
|
$mainBorderRadius: 16px;
|
|
|
|
$contentWidth: 1400px;
|
|
$contentPadding: 8px;
|
|
|
|
$fontSize: (
|
|
h1: 4rem,
|
|
h2: 2rem,
|
|
h3: 1.5rem,
|
|
h4: 1rem,
|
|
h5: 0.875rem,
|
|
h6: 0.75rem
|
|
);
|
|
|
|
[data-bs-theme="light"] {
|
|
--siteBackground: linear-gradient(to bottom right, rgb(136, 200, 255), rgb(135, 165, 255));
|
|
--siteTextColor: #000;
|
|
--mainBackground: #001030;
|
|
--mainTextColor: #fff;
|
|
}
|
|
|
|
[data-bs-theme="dark"] {
|
|
--siteBackground: linear-gradient(to bottom right, rgb(70, 81, 110), rgb(16, 20, 60));
|
|
--siteTextColor: #000;
|
|
--mainBackground: #001030;
|
|
--mainTextColor: #fff;
|
|
}
|
|
|
|
.navbar-brand img {
|
|
max-width: 40px;
|
|
transform: rotate(340deg);
|
|
}
|
|
|
|
body {
|
|
position: relative;
|
|
min-height: 100%;
|
|
color: var(--siteTextColor);
|
|
|
|
background: var(--siteBackground);
|
|
|
|
background: {
|
|
repeat: no-repeat;
|
|
attachment: fixed;
|
|
}
|
|
|
|
font: {
|
|
family: $siteFontFamily;
|
|
size: $siteFontSize;
|
|
}
|
|
}
|
|
|
|
// main {
|
|
// height: 100%;
|
|
// display: flex;
|
|
// justify-content: center;
|
|
|
|
// &>.container {
|
|
// width: 100%;
|
|
// height: 100%;
|
|
// max-width: $contentWidth;
|
|
// padding: $contentPadding;
|
|
|
|
// background: $mainBackground;
|
|
// border-radius: $mainBorderRadius;
|
|
// color: $mainTextColor;
|
|
// }
|
|
|
|
// .flex {
|
|
// display: flex;
|
|
// flex-flow: row wrap;
|
|
|
|
// &.center {
|
|
// justify-content: center;
|
|
// }
|
|
// }
|
|
// }
|
|
|
|
@each $tag, $size in $fontSize {
|
|
#{$tag} {
|
|
font: {
|
|
family: $siteHeadingFontFamily;
|
|
size: $size;
|
|
weight: bold;
|
|
}
|
|
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
} |