xaymar/com.xaymar.www
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Initial Public Release

Browse Source
This commit is contained in:
Michael Fabian 'Xaymar' Dirks
2021-12-24 11:00:43 +01:00
commit 6c25961683
112 changed files with 14174 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
_sass/_base.scss
+64
View File
@@ -0,0 +1,64 @@
$theme-width: 1000px;
$theme-width-sidebar: 250px;
$theme-hue: 215;
$theme-content-background: hsl($theme-hue, 33%, 20%);
$theme-content-color: hsl($theme-hue, 0%, 90%);
$theme-header-logo-height: 90px;
$theme-header-background: hsl($theme-hue, 0%, 7.5%);
$theme-header-color: hsl($theme-hue, 100%, 99%);
$theme-menu-background: $theme-header-background;
$theme-menu-color: hsl($theme-hue, 0%, 85%);
$theme-menu-color-active: hsl($theme-hue, 0%, 100%);
$theme-article-background: hsl($theme-hue, 50%, 10%);
$theme-article-color: $theme-content-color;
$theme-article-link-color: hsl($theme-hue, 50%, 75%);
$theme-article-link-color-active: hsl($theme-hue, 100%, 85%);
$theme-article-title-background: hsl($theme-hue, 60%, 50%);
$theme-article-title-color: hsl($theme-hue, 100%, 100%);
$theme-article-meta-background: hsl($theme-hue, 50%, 7.5%);
$theme-article-meta-color: hsl($theme-hue, 0%, 70%);
$theme-article-meta-link-color: hsl($theme-hue, 100%, 70%);
$theme-article-meta-link-color-active: hsl($theme-hue, 100%, 90%);
$theme-article-shadow: 3px 3px 6px 1px hsla(0, 0, 0, 0.75);
$theme-comments-background: $theme-article-background;
$theme-comments-color: $theme-article-color;
$theme-comments-title-background: hsl($theme-hue, 40%, 35%);
$theme-comments-title-color: $theme-article-title-color;
$theme-comments-shadow: 3px 3px 6px 1px hsla(0, 0, 0, 0.75);
$theme-breadcrumbs-background: hsl($theme-hue, 33%, 15%);
$theme-breadcrumbs-color: hsl($theme-hue, 100%, 100%);
$theme-breadcrumbs-link-color: hsl($theme-hue, 100%, 75%);
$theme-breadcrumbs-link-color-active: hsl($theme-hue, 100%, 85%);
* {
box-sizing: border-box;
}
html {
// Font
font-size: 1.05rem;
}
body {
margin: 0;
padding: 0;
background: $theme-content-background;
// Font
font-family: "Roboto", sans-serif;
text-rendering: optimizelegibility;
color: $theme-content-color;
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
}
a,
a.visited,
a.focus,
a.active {
color: inherit;
text-decoration: inherit;
}
@import "_header.scss";
@import "_content.scss";