simplify css/main.scss

This commit is contained in:
Aminda Suomalainen 2024-05-27 09:03:12 +03:00
parent fe93b3a0e7
commit abd1aa9005
Signed by: Mikaela
SSH Key Fingerprint: SHA256:CXLULpqNBdUKB6E6fLA1b/4SzG0HvKD19PbIePU175Q
2 changed files with 10 additions and 39 deletions

View File

@ -14,6 +14,7 @@ url: "https://aminda.eu" # the base hostname & protocol for your site
# Build settings # Build settings
markdown: kramdown markdown: kramdown
theme: minima
#theme: jekyll-theme-midnight #theme: jekyll-theme-midnight
redcarpet: redcarpet:
extensions: extensions:

48
css/main.scss vendored
View File

@ -8,27 +8,6 @@
$base-font-family: "Liberation Serif", "Tinos", "Times New Roman", serif; $base-font-family: "Liberation Serif", "Tinos", "Times New Roman", serif;
$monospace-font-family: "Liberation Mono", "Cousine", "Courier New", monospace; $monospace-font-family: "Liberation Mono", "Cousine", "Courier New", monospace;
//$base-font-family: "Liberation Sans", "Arimo", "Arial", sans-serif; //$base-font-family: "Liberation Sans", "Arimo", "Arial", sans-serif;
//$base-font-size: 16px;
$base-font-size: revert;
//$small-font-size: $base-font-size * 0.875;
$small-font-size: revert;
$base-line-height: 1.5;
$spacing-unit: 30px;
$text-color: revert;
//#111;
$background-color: revert;
//#fdfdfd;
$brand-color: revert;
//#2a7ae2;
$grey-color: revert;
//#828282;
$grey-color-light: revert;
//lighten($grey-color, 40%);
$grey-color-dark: revert;
//darken($grey-color, 25%);
// Width of the content area // Width of the content area
$content-width: 800px; $content-width: 800px;
@ -36,24 +15,20 @@ $content-width: 800px;
$on-palm: 600px; $on-palm: 600px;
$on-laptop: 800px; $on-laptop: 800px;
// Using media queries with like this: @import "{{ site.theme }}";
// @include media-query($on-palm) {
// .wrapper {
// padding-right: $spacing-unit / 2;
// padding-left: $spacing-unit / 2;
// }
// }
@mixin media-query($device) {
@media screen and (max-width: $device) {
@content;
}
}
// As high in css as can be edited. If I understand correctly, user // As high in css as can be edited. If I understand correctly, user
// preference will take priority over this, but if the user hasn't expressed // preference will take priority over this, but if the user hasn't expressed
// it, this will make dark default. // it, this will make dark default.
:root { :root {
color-scheme: dark light; color-scheme: dark light !important;
}
// Revert to defaults
* {
color: revert !important;
text-color: revert !important;
background-color: revert !important;
} }
// Overrides for dark themes // Overrides for dark themes
@ -140,8 +115,3 @@ img {
border: 1px solid; border: 1px solid;
//black; //black;
} }
// Also in index, hidden text
//#cake {
// color: rgba(0, 0, 0, 0);
//}