Mikaela/Limnoria
1
0
Fork 0
mirror of https://github.com/Mikaela/Limnoria.git synced 2024-11-21 18:09:23 +01:00
Code Issues Projects Releases Wiki Activity

import css improvements

Browse Source
This commit is contained in:
Aminda Suomalainen 2024-05-25 11:00:56 +03:00
parent 0aa194e6ca
commit b2bcdfc9a2
Signed by: Mikaela
SSH Key Fingerprint: SHA256:CXLULpqNBdUKB6E6fLA1b/4SzG0HvKD19PbIePU175Q
2 changed files with 35 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
_sass/_base.scss
View File

@ -1,3 +1,7 @@
:root {
color-scheme: dark light;
}
/** /**
* Reset some basic elements * Reset some basic elements
*/ */
@ -90,15 +94,16 @@ h1, h2, h3, h4, h5, h6 {
*/ */
a { a {
color: $brand-color; color: $brand-color;
text-decoration: none; //text-decoration: none;
text-decoration: underline;
&:visited { &:visited {
color: darken($brand-color, 15%); //color: darken($brand-color, 15%);
} }
&:hover { &:hover {
color: $text-color; color: $text-color;
text-decoration: underline; //text-decoration: underline;
} }
} }
@ -127,10 +132,11 @@ blockquote {
*/ */
pre, pre,
code { code {
font-family: $monospace-font-family;
font-size: 15px; font-size: 15px;
border: 1px solid $grey-color-light; border: 1px solid; //$grey-color-light;
border-radius: 3px; border-radius: 3px;
background-color: #eef; background-color: revert; //#eef;
} }
code { code {

33
css/main.scss
View File

@ -6,20 +6,35 @@
// Our variables // Our variables
$base-font-family: Helvetica, Arial, sans-serif; $base-font-family: "Liberation Sans", "Arimo", "Arial", sans-serif;
$base-font-size: 16px; $monospace-font-family: "Liberation Mono", "Cousine", "Courier New", monospace;
$small-font-size: $base-font-size * 0.875; //$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; $base-line-height: 1.5;
$spacing-unit: 30px; $spacing-unit: 30px;
$text-color: #111; // $text-color: #111;
$background-color: #fdfdfd; // $background-color: #fdfdfd;
$brand-color: #2a7ae2; // $brand-color: #2a7ae2;
//
// $grey-color: #828282;
// $grey-color-light: lighten($grey-color, 40%);
// $grey-color-dark: darken($grey-color, 25%);
$grey-color: #828282; $text-color: revert;
$grey-color-light: lighten($grey-color, 40%); $background-color: revert;
$grey-color-dark: darken($grey-color, 25%); $brand-color: revert;
// $grey-color: #828282;
// $grey-color-light: lighten($grey-color, 40%);
// $grey-color-dark: darken($grey-color, 25%);
$grey-color: revert;
$grey-color-light: revert;
$grey-color-dark: revert;
// Width of the content area // Width of the content area
$content-width: 800px; $content-width: 800px;