|
|
- /* // Config ----------------------------------- */
- /* @syntax-hue: 220; */
- /* @syntax-saturation: 13%; */
- /* @syntax-brightness: 18%; */
-
-
- /* // Monochrome ----------------------------------- */
- /* @mono-1: hsl(@syntax-hue, 14%, 71%); // default text */
- /* @mono-2: hsl(@syntax-hue, 9%, 55%); */
- /* @mono-3: hsl(@syntax-hue, 10%, 40%); */
-
- /* // Colors ----------------------------------- */
- /* @hue-1: hsl(187, 47%, 55%); // <-cyan */
- /* @hue-2: hsl(207, 82%, 66%); // <-blue */
- /* @hue-3: hsl(286, 60%, 67%); // <-purple */
- /* @hue-4: hsl( 95, 38%, 62%); // <-green */
-
- /* @hue-5: hsl(355, 65%, 65%); // <-red 1 */
- /* @hue-5-2: hsl( 5, 48%, 51%); // <-red 2 */
-
- /* @hue-6: hsl( 29, 54%, 61%); // <-orange 1 */
- /* @hue-6-2: hsl( 39, 67%, 69%); // <-orange 2 */
-
-
- /* // Base colors ----------------------------------- */
- /* @syntax-fg: @mono-1; */
- /* @syntax-bg: hsl(@syntax-hue, @syntax-saturation, @syntax-brightness); */
- /* @syntax-gutter: darken(@syntax-fg, 26%); */
- /* @syntax-guide: fade(@syntax-fg, 15%); */
- /* @syntax-accent: hsl(@syntax-hue, 100%, 66% ); */
-
- @font-face {
- font-family: Input;
- src: url('InputMono-Regular.ttf');
- font-weight: normal;
- }
-
- body {
- font-family: Input, sans-serif;
- background-color: hsl(220, 13%, 18%);
- }
- p {
- color: hsl(220, 14%, 71%);
- }
- h1 {
- color: hsl( 29, 54%, 61%);
- }
- h2 {
- color: hsl(187, 47%, 55%);
- }
- h3 {
- color: hsl(286, 60%, 67%);
- }
- h4 {
- color: hsl(286, 60%, 77%);
- }
- h5 {
- color: hsl(286, 60%, 87%);
- }
- #table-of-contents h2 {
- color: hsl( 95, 38%, 62%);
- }
- ul > li, ul > li a {
- color: hsl(187, 47%, 55%);
- /* color: hsl(286, 60%, 57%); */
- }
- ul > li > ul > li, ul > li > ul > li a {
- color: hsl(286, 60%, 67%)
- }
- ul > li > ul > li > ul > li, ul > li > ul > li > ul > li a {
- color: hsl(286, 60%, 77%)
- }
- ul > li > ul > li > ul > li > ul > li, ul > li > ul > li > ul > li > ul > li a {
- color: hsl(286, 60%, 87%)
- }
- .org-src-container pre {
- background-color: hsl(220, 14%, 95%);
- }
- #postamble p:nth-child(3) {
- display: none;
- }
- p.validation {
- display: none;
- }
|