Mikaela
/
Limnoria
mirror of https://github.com/Mikaela/Limnoria.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

import css improvements

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

33
css/main.scss
View File

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