diff --git a/assets/scss/colors.scss b/assets/scss/colors.scss index d78a823..4956379 100644 --- a/assets/scss/colors.scss +++ b/assets/scss/colors.scss @@ -1,18 +1,12 @@ -$light-bg: #dde4ff ; -$light-bg-alt: #733c7c ; +$light-bg: #d2c9a5; +$light-bg-alt: #4b726e ; $light-fg: #4b3d44; -$light-ln: #733c7c ; -$light-accent1: #007582 ; -$light-accent2: #225091 ; -$light-accent3: #27234c ; +$light-ln: #79444a ; -$dark-bg: #27234c ; -$dark-bg-alt: #f2504b ; -$dark-fg: #e88dc3 ; -$dark-ln: #f2504b ; -$dark-accent1: #b296ff; -$dark-accent2: #39b8a3 ; -$dark-accent3: #dde4ff ; +$dark-bg: #4b3d44; +$dark-bg-alt: #8caba1; +$dark-fg: #d2c9a5; +$dark-ln: #c77b58; $transition-time: 1s; @@ -110,69 +104,4 @@ article { } background-color: $dark-bg; border-color: $dark-bg-alt; - transition: $transition-time; -} - -article h2 { - background-color: $dark-accent1; - color: $dark-bg; - transition: $transition-time; -} -article h3 { - background-color: $dark-accent2; - color: $dark-bg; - transition: $transition-time; -} - -article.light h3 { - background-color: $light-accent2; - color: $light-bg; - transition: $transition-time; -} -article h4 { - background-color: $dark-accent3; - color: $dark-bg; - transition: $transition-time; -} - -article.light h4 { - background-color: $light-accent3; - color: $light-bg; - transition: $transition-time; -} - -article.light h2 { - background-color: $light-accent1; - color: $light-bg; - transition: $transition-time; -} - -article h5, -article h6, -article a { - background-color: $dark-ln; - color: $dark-bg; - transition: $transition-time; -} - -article.light h5, -article.light h6, -article.light a { - background-color: $light-ln; - color: $light-bg; - transition: $transition-time; -} - -a:hover { - &.light { - color: $light-ln; - background-color: transparent; - } - color: $dark-ln; - background-color: transparent; -} - -article.light a:hover { - color: $light-ln; - background-color: transparent; } diff --git a/assets/scss/font.scss b/assets/scss/font.scss index e698513..fd3db4f 100644 --- a/assets/scss/font.scss +++ b/assets/scss/font.scss @@ -1,7 +1,7 @@ $huge: 42pt; -$large: 32pt; -$big: 24pt; -$medium: 18pt; +$large: 24pt; +$big: 20pt; +$medium: 16pt; $small: 12pt; @font-face { @@ -23,25 +23,12 @@ h1 { font-size: $huge; } -h2 { - font-size: $huge; - font-style:bold; -} - -h3, h4 { - font-size: $large; -} - -h5 h6 { - font-size: $big; -} - a { text-decoration: none; } footer * { - font-size: $big; + font-size: $large; font-family: CaskaydiaCoveMono; } @@ -49,7 +36,3 @@ label::after { font-family: CaskaydiaCoveMono; font-size: $big; } - -h6 { - font-style: italic; -} diff --git a/assets/scss/layout.scss b/assets/scss/layout.scss index 09b066d..55ffdb2 100644 --- a/assets/scss/layout.scss +++ b/assets/scss/layout.scss @@ -18,15 +18,7 @@ footer { #content { min-height: calc(100% - 42pt * 3); right: auto; - margin-bottom: 84pt; -} - -#content p, -#content ul, -#content ol, -#content table { - margin-right: 24%; - margin-left: 24%; + padding: 42pt; } #footer-left { @@ -63,13 +55,13 @@ footer { margin: 0; } -#footer-right * { +#footer-right *{ display: flex; margin-top: auto; margin-bottom: auto; } -#footer-center * { +#footer-center *{ display: flex; margin-right: 8pt; margin-left: 8pt; @@ -79,36 +71,9 @@ footer { align-items: center; } -h1, -h2, -h3, -h4, -h5, -h6 { - padding-right: 6%; - padding-top: 12pt; - padding-bottom: 12pt; - margin-right: 6%; - justify-content: right; - display: flex; - align-items: center; -} - -h2, -h3, -h4, -h5, -h6 { - margin-top: 1em; - margin-bottom: 1em; -} article { + margin-top: 42pt; margin-inline: auto; + padding: 4em; } - -.titlecontainer { - width: 100%; - padding-top: 42pt; -} - diff --git a/assets/scss/style.scss b/assets/scss/style.scss index 039f738..0950907 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -1,4 +1,4 @@ -$radius: 48pt; +$radius: 24pt; $toggle-width: 42pt; $toggle-height: 24pt; @@ -11,7 +11,7 @@ input[type="checkbox"]{ } .toggleinput{ opacity: 0; - max-height: 0; + max-height: 0; overflow: hidden; } @@ -62,20 +62,11 @@ input:checked + label::after{ border-style: solid; } +article { + border-style: solid; + border-radius: $radius; +} + .togglelabel{ border: solid; } - -h1, h2, h3, h4, h5, h6 { - border-top-right-radius: $radius; - border-bottom-right-radius: $radius; -} - -#content p, -#content ul, -#content ol, -#content table { - border-left-style: solid; - border-width: 0.24em; - padding-left: 2em; -} diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 84eaccb..3ea86bc 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -1,8 +1,6 @@ {{ define "main" }}
-
-

{{ .Title }}

-
+

Single Page {{ .Title }}

{{ with .PrevInSection }}