diff --git a/assets/styles.scss b/assets/styles.scss index 7b8d750..026a0dd 100644 --- a/assets/styles.scss +++ b/assets/styles.scss @@ -1,7 +1,6 @@ // Colors $midnight-blue: #07608f; $midnight-matte: #4c7e99; -$text-color: #444; $tab-border-color: #ddd; $tab-active-color: #474a4f; $heading-gray: #333; @@ -11,8 +10,10 @@ $close-hover-gray: #bbb; $contactlinks-color: #eee; $contactlinks-text-color: #524e59; $cv-red: #b25347; -$light-text: #5f5a6f; -$very-light-text: #767676; +$text-dark: #444; +$text-normal: #777; +$text-light: #5f5a6f; +$text-very-light: #767676; $medium-light-text: #4f4a5f; $code-background: #f3f3f3; $codeblock-background: #f6f8fa; @@ -117,7 +118,7 @@ h1, h2, h3, h4, h5, h6 { } p, li { - color: $text-color; + color: $text-normal; font-family: FreeSerif, serif; text-align: justify; } @@ -136,7 +137,7 @@ em { kbd, code { font-family: Mononoki, monospace; - color: $text-color; + color: $text-normal; background-color: $code-background; font-size: 0.9em; } @@ -152,12 +153,12 @@ pre { th { font-family: FreeSerif, serif; font-weight: bold; - color: $text-color; + color: $text-normal; } td { font-family: FreeSerif, serif; - color: $text-color; + color: $text-normal; } .footnotes ol li { @@ -239,7 +240,7 @@ figcaption { } h4 { margin: 0.3em 0; - color: $text-color; + color: $text-normal; text-align: left; } } @@ -283,7 +284,7 @@ nav li { } nav a { - color: $text-color; + color: $text-normal; padding: .25em .63em; font-family: FreeSans, sans-serif; font-size: 1.1em; @@ -298,7 +299,7 @@ nav li:hover { display: none; position: absolute; background-color: #f9f9f9; - color: $text-color; + color: $text-normal; cursor: pointer; border-width: 0 0 .3em 0; min-width: 6em; @@ -320,7 +321,7 @@ nav li:hover { display: block; text-align: left; padding: .2em .63em; - color: $text-color; + color: $text-normal; } .dropdown.activetab, .activetab, li.activetab { @@ -333,7 +334,7 @@ nav li:hover { } .page-header { - border-bottom: 2px solid black; + border-bottom: 2px solid $text-dark; background-color: #f7f7f7; text-align: center; display: flex; @@ -367,7 +368,7 @@ nav li:hover { } .myname a { - color: black; + color: $text-dark; text-decoration: none; font-family: FreeSerif, serif; font-style: normal; @@ -413,7 +414,7 @@ nav li:hover { .blog-post-info { margin: 0.2em 0; font-size: 0.8em; - color: $light-text; + color: $text-light; margin-left: 1em; text-align: left; @@ -438,7 +439,7 @@ em.taxonomy-emph { justify-content: center; margin: 0; padding: 0; - border-bottom: 2px solid $text-color; + border-bottom: 2px solid $text-normal; li { flex-grow: 1; @@ -452,7 +453,7 @@ em.taxonomy-emph { background-color: $tab-border-color; font-size: 1.5em; text-align: center; - color: $text-color; + color: $text-normal; padding: .5em; flex-grow: 1; text-transform: capitalize; @@ -469,12 +470,12 @@ em.taxonomy-emph { } .page-item { - color: $text-color; + color: $text-normal; display: inline-block; padding: .2em .6em; a { - color: $text-color; + color: $text-normal; } } @@ -517,7 +518,7 @@ em.taxonomy-emph { p { margin: 0; font-size: 0.9em; - color: $light-text; + color: $text-light; } ul { @@ -530,7 +531,7 @@ em.taxonomy-emph { } li { font-size: 0.9em; - color: $light-text; + color: $text-light; } } @@ -541,14 +542,14 @@ em.taxonomy-emph { font-family: FreeSans, serif; text-align: left; font-size: 1.0em; - color: $text-color; + color: $text-normal; } .resume-entry-data { font-family: FreeSans, serif; text-align: left; font-size: 0.8em; - color: $very-light-text; + color: $text-very-light; margin-left: 0.9rem; } @@ -560,7 +561,7 @@ em.taxonomy-emph { p, ul, ol, li { font-family: FreeSerif, serif; - color: $light-text; + color: $text-light; text-align: left; font-size: 0.9em; } @@ -678,7 +679,7 @@ p.resume-subcategory { blockquote { font-family: FreeSerif, serif; font-size: .9em; - color: $text-color; + color: $text-normal; } cite { @@ -831,7 +832,7 @@ cite { footer { position: fixed; width: 100vw; - color: $light-text; + color: $text-light; font-size: .8em; padding: 0.2em 1em; text-align: center;