aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rw-r--r--COPY-TO-ROOT-SASS/abridge.scss2
-rw-r--r--sass/_colors.scss26
-rw-r--r--sass/abridge.scss16
-rw-r--r--templates/archive.html2
-rw-r--r--templates/index.html2
5 files changed, 32 insertions, 16 deletions
diff --git a/COPY-TO-ROOT-SASS/abridge.scss b/COPY-TO-ROOT-SASS/abridge.scss
index 5b64dd1..b3cb77d 100644
--- a/COPY-TO-ROOT-SASS/abridge.scss
+++ b/COPY-TO-ROOT-SASS/abridge.scss
@@ -81,6 +81,7 @@
//$a1d: #f90,// link color
//$a2d: #fb0,// link hover/focus color
//$a3d: #f90,// link h1-h2 hover/focus color
+ //$a4d: #f90,// link visited color
//$cgd: #593,// ins green, success
//$crd: #e33,// del red, errors
@@ -94,6 +95,7 @@
//$a1: #c40,// link color
//$a2: #e60,// link hover/focus color
//$a3: #f90,// link h1-h2 hover/focus color
+ //$a4: #c40,// link visited color
//$cg: #373,// ins green, success
//$cr: #d33,// del red, errors
diff --git a/sass/_colors.scss b/sass/_colors.scss
index 1d11df8..07a37f4 100644
--- a/sass/_colors.scss
+++ b/sass/_colors.scss
@@ -1,4 +1,4 @@
-@mixin dark($cs,$f1,$f2,$c1,$c2,$c3,$c4,$a1,$a2,$a3,$cg,$cr) {
+@mixin dark($cs,$f1,$f2,$c1,$c2,$c3,$c4,$a1,$a2,$a3,$a4,$cg,$cr) {
#{--cs}: $cs;// color-scheme Variable for scrollbars, required for Chrome.
#{--f1}: $f1;// Font Color Primary
#{--f2}: $f2;// Font Color Headers
@@ -9,10 +9,11 @@
#{--a1}: $a1;// link color
#{--a2}: $a2;// link hover/focus color
#{--a3}: $a3;// link h1-h2 hover/focus color
+ #{--a4}: $a4;// link visited color
#{--cg}: $cg;// ins green, success
#{--cr}: $cr;// del red, errors
}
-@mixin light($cs,$f1,$f2,$c1,$c2,$c3,$c4,$a1,$a2,$a3,$cg,$cr) {
+@mixin light($cs,$f1,$f2,$c1,$c2,$c3,$c4,$a1,$a2,$a3,$a4,$cg,$cr) {
#{--cs}: $cs;// color-scheme Variable for scrollbars, required for Chrome.
#{--f1}: $f1;// Font Color Primary
#{--f2}: $f2;// Font Color Headers
@@ -23,11 +24,12 @@
#{--a1}: $a1;// link color
#{--a2}: $a2;// link hover/focus color
#{--a3}: $a3;// link h1-h2 hover/focus color
+ #{--a4}: $a4;// link visited color
#{--cg}: $cg;// ins green, success
#{--cr}: $cr;// del red, errors
}
-@function color($color,$dark,$cs,$f1,$f2,$c1,$c2,$c3,$c4,$a1,$a2,$a3,$cg,$cr) {
+@function color($color,$dark,$cs,$f1,$f2,$c1,$c2,$c3,$c4,$a1,$a2,$a3,$a4,$cg,$cr) {
@if $color == "blue" {
@if $dark {/// Dark Colors
$cs: dark !default;// color-scheme Variable for scrollbars, required for Chrome.
@@ -40,9 +42,10 @@
$a1: #09f !default;// link color
$a2: #0bf !default;// link hover/focus color
$a3: #0af !default;// link h1-h2 hover/focus color
+ $a4: #09f !default;// link visited color
$cg: #593 !default;// ins green, success
$cr: #e33 !default;// del red, errors
- $result: $cs $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $cg $cr;
+ $result: $cs $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $a4 $cg $cr;
@return $result;
} @else {/// Light Colors
$cs: light !default;// color-scheme Variable for scrollbars, required for Chrome.
@@ -55,9 +58,10 @@
$a1: #06e !default;// link color
$a2: #09f !default;// link hover/focus color
$a3: #07f !default;// link h1-h2 hover/focus color
+ $a4: #06e !default;// link visited color
$cg: #373 !default;// ins green, success
$cr: #d33 !default;// del red, errors
- $result: $cs $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $cg $cr;
+ $result: $cs $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $a4 $cg $cr;
@return $result;
}
} @else if $color == "blueshade" {
@@ -72,9 +76,10 @@
$a1: #09f !default;// link color
$a2: #0bf !default;// link hover/focus color
$a3: #0af !default;// link h1-h2 hover/focus color
+ $a4: #09f !default;// link visited color
$cg: #593 !default;// ins green, success
$cr: #e33 !default;// del red, errors
- $result: $cs $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $cg $cr;
+ $result: $cs $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $a4 $cg $cr;
@return $result;
} @else {/// Light Colors
$cs: light !default;// color-scheme Variable for scrollbars, required for Chrome.
@@ -87,9 +92,10 @@
$a1: #06e !default;// link color
$a2: #09f !default;// link hover/focus color
$a3: #07f !default;// link h1-h2 hover/focus color
+ $a4: #06e !default;// link visited color
$cg: #373 !default;// ins green, success
$cr: #d33 !default;// del red, errors
- $result: $cs $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $cg $cr;
+ $result: $cs $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $a4 $cg $cr;
@return $result;
}
} @else {//orange (default)
@@ -104,9 +110,10 @@
$a1: #f90 !default;// link color
$a2: #fb0 !default;// link hover/focus color
$a3: #f90 !default;// link h1-h2 hover/focus color
+ $a4: #f90 !default;// link visited color
$cg: #593 !default;// ins green, success
$cr: #e33 !default;// del red, errors
- $result: $cs $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $cg $cr;
+ $result: $cs $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $a4 $cg $cr;
@return $result;
} @else {/// Light Colors
$cs: light !default;// color-scheme Variable for scrollbars, required for Chrome.
@@ -119,9 +126,10 @@
$a1: #c40 !default;// link color
$a2: #e60 !default;// link hover/focus color
$a3: #f90 !default;// link h1-h2 hover/focus color
+ $a4: #c40 !default;// link visited color
$cg: #373 !default;// ins green, success
$cr: #d33 !default;// del red, errors
- $result: $cs $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $cg $cr;
+ $result: $cs $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $a4 $cg $cr;
@return $result;
}
}
diff --git a/sass/abridge.scss b/sass/abridge.scss
index d844403..6dc2f50 100644
--- a/sass/abridge.scss
+++ b/sass/abridge.scss
@@ -98,9 +98,10 @@ $c4d: null !default;// Disabled Buttons, Borders, mark background
$a1d: null !default;// link color
$a2d: null !default;// link hover/focus color
$a3d: null !default;// link h1-h2 hover/focus color
+$a4d: null !default;// link visited color
$cgd: null !default;// ins green, success
$crd: null !default;// del red, errors
-$dark: colors.color($color,true,$csd,$f1d,$f2d,$c1d,$c2d,$c3d,$c4d,$a1d,$a2d,$a3d,$cgd,$crd);
+$dark: colors.color($color,true,$csd,$f1d,$f2d,$c1d,$c2d,$c3d,$c4d,$a1d,$a2d,$a3d,$a4d,$cgd,$crd);
/// Light Colors
$cs: null !default;// Color-scheme Variable for scrollbars, required for Chrome.
@@ -113,9 +114,10 @@ $c4: null !default;// Disabled Buttons, Borders, mark background
$a1: null !default;// link color
$a2: null !default;// link hover/focus color
$a3: null !default;// link h1-h2 hover/focus color
+$a4: null !default;// link visited color
$cg: null !default;// ins green, success
$cr: null !default;// del red, errors
-$light: colors.color($color,false,$cs,$f1,$f2,$c1,$c2,$c3,$c4,$a1,$a2,$a3,$cg,$cr);
+$light: colors.color($color,false,$cs,$f1,$f2,$c1,$c2,$c3,$c4,$a1,$a2,$a3,$a4,$cg,$cr);
/// Dark Syntax Colors
$h0d: null !default;// background color
@@ -429,9 +431,6 @@ $syntax: true !default;//syntax highlighting for code blocks
}
}
@if $typography {
- .c {
- text-align: center;// The <center> does not pass validation, use: <div class="c"></div>
- }
h1,
h2,
h3,
@@ -472,10 +471,16 @@ $syntax: true !default;//syntax highlighting for code blocks
color: var(--a2);
text-decoration: underline;
}
+ a:visited {
+ color: var(--a4);
+ }
h1 a, h2 a, main nav a, header span > a {
color: var(--f2);
text-decoration: none;
font-weight: var(--fh);
+ &:visited {
+ color: var(--f2);
+ }
&:hover {
color: var(--a3);
text-decoration: none;
@@ -1363,6 +1368,7 @@ $syntax: true !default;//syntax highlighting for code blocks
.rpad {padding-right: var(--s1)}
.tpad {padding-top: var(--s1)}
.b {font-weight: var(--fh)}
+ .c {text-align: center}// <center> does not pass validation, use: <div class="c"></div>
}
@if $syntax {
// Unstyled Text Color, and background color
diff --git a/templates/archive.html b/templates/archive.html
index e4f7e06..587d7ea 100644
--- a/templates/archive.html
+++ b/templates/archive.html
@@ -1,5 +1,5 @@
{#
-This Page Shows the Posts Grouped by Year: example.com/archive/
+This Template Shows the Posts Grouped by Year: example.com/archive/
This Template can also be used as the rendering template for Sections, eg: example.com/blog/ example.com/software/
#}
diff --git a/templates/index.html b/templates/index.html
index 705c630..d7091de 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,5 +1,5 @@
{#
-This Tempalte Shows a paginated page of the Posts of a section with a short summary.
+This Template Shows a paginated page of the Posts of a section with a short summary.
This Template can also be used directly for the index eg: example.com/ or as the rendering template for Sections, eg: example.com/blog/ example.com/software/
#}
generated by cgit v1.3.1 (git 2.54.0) at 2026-11-08 16:58:35 +0000