|  | 
|  | 1 | +--- | 
|  | 2 | +# Only the main Sass file needs front matter (the dashes are enough) | 
|  | 3 | +--- | 
|  | 4 | + | 
|  | 5 | +$grey-color: #000000 !default; | 
|  | 6 | +$grey-color-light: #e5e5e5 !default; | 
|  | 7 | +$grey-color-dark: #000000 !default; | 
|  | 8 | + | 
|  | 9 | +$main-color: #7d2000; | 
|  | 10 | +$main-color-light: #b88574; | 
|  | 11 | +$main-color-white: #c1a0a0; | 
|  | 12 | +$main-color-light: #cfa090; | 
|  | 13 | +$background-color: $grey-color-light !default; | 
|  | 14 | +$content-width: 100vh; | 
|  | 15 | + | 
|  | 16 | +@import "minima"; | 
|  | 17 | + | 
|  | 18 | +.site-header { | 
|  | 19 | +  border: 5px solid $background-color; | 
|  | 20 | +  border: 0px; | 
|  | 21 | + | 
|  | 22 | +  background: $main-color-light; | 
|  | 23 | +  border-radius: 25px; | 
|  | 24 | +  margin-left: auto; | 
|  | 25 | +  margin-right: auto; | 
|  | 26 | +  margin-top: 10px; | 
|  | 27 | +  margin-bottom: 0px; | 
|  | 28 | + | 
|  | 29 | +  width: $content-width; | 
|  | 30 | +} | 
|  | 31 | + | 
|  | 32 | +.site-footer { | 
|  | 33 | +  background: #d0d0e0; | 
|  | 34 | +  border: 0px; | 
|  | 35 | +  border-radius: 25px; | 
|  | 36 | +  margin: 20px; | 
|  | 37 | +  margin-top: 0px; | 
|  | 38 | +  margin-left: auto; | 
|  | 39 | +  margin-right: auto; | 
|  | 40 | + | 
|  | 41 | +  width: $content-width; | 
|  | 42 | +} | 
|  | 43 | + | 
|  | 44 | +.page-content { | 
|  | 45 | +  border-radius: 25px; | 
|  | 46 | +  background: lighten(#cfcf8f, 25%); | 
|  | 47 | +  margin: 20px; | 
|  | 48 | +  margin-left: auto; | 
|  | 49 | +  margin-right: auto; | 
|  | 50 | + | 
|  | 51 | +  width: $content-width; | 
|  | 52 | +} | 
|  | 53 | + | 
|  | 54 | +/** | 
|  | 55 | + * Syntax highlighting styles | 
|  | 56 | + */ | 
|  | 57 | +.highlight { | 
|  | 58 | +  background: #fff; | 
|  | 59 | +  background: #000; | 
|  | 60 | +  @extend %vertical-rhythm; | 
|  | 61 | + | 
|  | 62 | +  .highlighter-rouge & { | 
|  | 63 | +    background: #eef; | 
|  | 64 | +    background: #000; | 
|  | 65 | +  } | 
|  | 66 | + | 
|  | 67 | +  pre { background-color: #272822; } | 
|  | 68 | +  .hll { background-color: #272822; } | 
|  | 69 | +  .c { color: #75715e } /* Comment */ | 
|  | 70 | +  .err { color: #960050; background-color: #1e0010 } /* Error */ | 
|  | 71 | +  .k { color: #66d9ef } /* Keyword */ | 
|  | 72 | +  .l { color: #ae81ff } /* Literal */ | 
|  | 73 | +  .n { color: #f8f8f2 } /* Name */ | 
|  | 74 | +  .o { color: #f92672 } /* Operator */ | 
|  | 75 | +  .p { color: #f8f8f2 } /* Punctuation */ | 
|  | 76 | +  .cm { color: #75715e } /* Comment.Multiline */ | 
|  | 77 | +  .cp { color: #75715e } /* Comment.Preproc */ | 
|  | 78 | +  .c1 { color: #75715e } /* Comment.Single */ | 
|  | 79 | +  .cs { color: #75715e } /* Comment.Special */ | 
|  | 80 | +  .ge { font-style: italic } /* Generic.Emph */ | 
|  | 81 | +  .gs { font-weight: bold } /* Generic.Strong */ | 
|  | 82 | +  .kc { color: #66d9ef } /* Keyword.Constant */ | 
|  | 83 | +  .kd { color: #66d9ef } /* Keyword.Declaration */ | 
|  | 84 | +  .kn { color: #f92672 } /* Keyword.Namespace */ | 
|  | 85 | +  .kp { color: #66d9ef } /* Keyword.Pseudo */ | 
|  | 86 | +  .kr { color: #66d9ef } /* Keyword.Reserved */ | 
|  | 87 | +  .kt { color: #66d9ef } /* Keyword.Type */ | 
|  | 88 | +  .ld { color: #e6db74 } /* Literal.Date */ | 
|  | 89 | +  .m { color: #ae81ff } /* Literal.Number */ | 
|  | 90 | +  .s { color: #e6db74 } /* Literal.String */ | 
|  | 91 | +  .na { color: #a6e22e } /* Name.Attribute */ | 
|  | 92 | +  .nb { color: #f8f8f2 } /* Name.Builtin */ | 
|  | 93 | +  .nc { color: #a6e22e } /* Name.Class */ | 
|  | 94 | +  .no { color: #66d9ef } /* Name.Constant */ | 
|  | 95 | +  .nd { color: #a6e22e } /* Name.Decorator */ | 
|  | 96 | +  .ni { color: #f8f8f2 } /* Name.Entity */ | 
|  | 97 | +  .ne { color: #a6e22e } /* Name.Exception */ | 
|  | 98 | +  .nf { color: #a6e22e } /* Name.Function */ | 
|  | 99 | +  .nl { color: #f8f8f2 } /* Name.Label */ | 
|  | 100 | +  .nn { color: #f8f8f2 } /* Name.Namespace */ | 
|  | 101 | +  .nx { color: #a6e22e } /* Name.Other */ | 
|  | 102 | +  .py { color: #f8f8f2 } /* Name.Property */ | 
|  | 103 | +  .nt { color: #f92672 } /* Name.Tag */ | 
|  | 104 | +  .nv { color: #f8f8f2 } /* Name.Variable */ | 
|  | 105 | +  .ow { color: #f92672 } /* Operator.Word */ | 
|  | 106 | +  .w { color: #f8f8f2 } /* Text.Whitespace */ | 
|  | 107 | +  .mf { color: #ae81ff } /* Literal.Number.Float */ | 
|  | 108 | +  .mh { color: #ae81ff } /* Literal.Number.Hex */ | 
|  | 109 | +  .mi { color: #ae81ff } /* Literal.Number.Integer */ | 
|  | 110 | +  .mo { color: #ae81ff } /* Literal.Number.Oct */ | 
|  | 111 | +  .sb { color: #e6db74 } /* Literal.String.Backtick */ | 
|  | 112 | +  .sc { color: #e6db74 } /* Literal.String.Char */ | 
|  | 113 | +  .sd { color: #e6db74 } /* Literal.String.Doc */ | 
|  | 114 | +  .s2 { color: #e6db74 } /* Literal.String.Double */ | 
|  | 115 | +  .se { color: #ae81ff } /* Literal.String.Escape */ | 
|  | 116 | +  .sh { color: #e6db74 } /* Literal.String.Heredoc */ | 
|  | 117 | +  .si { color: #e6db74 } /* Literal.String.Interpol */ | 
|  | 118 | +  .sx { color: #e6db74 } /* Literal.String.Other */ | 
|  | 119 | +  .sr { color: #e6db74 } /* Literal.String.Regex */ | 
|  | 120 | +  .s1 { color: #e6db74 } /* Literal.String.Single */ | 
|  | 121 | +  .ss { color: #e6db74 } /* Literal.String.Symbol */ | 
|  | 122 | +  .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ | 
|  | 123 | +  .vc { color: #f8f8f2 } /* Name.Variable.Class */ | 
|  | 124 | +  .vg { color: #f8f8f2 } /* Name.Variable.Global */ | 
|  | 125 | +  .vi { color: #f8f8f2 } /* Name.Variable.Instance */ | 
|  | 126 | +  .il { color: #ae81ff } /* Literal.Number.Integer.Long */ | 
|  | 127 | + | 
|  | 128 | +  .gh { } /* Generic Heading & Diff Header */ | 
|  | 129 | +  .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */ | 
|  | 130 | +  .gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */ | 
|  | 131 | +  .gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */ | 
|  | 132 | +} | 
|  | 133 | + | 
|  | 134 | +/* NOTE(opadron): fix highlighting inconsistencies */ | 
|  | 135 | +figure.highlight > pre > code { | 
|  | 136 | +  background: none; | 
|  | 137 | +} | 
|  | 138 | + | 
|  | 139 | +div.highlighter-rouge > div > pre { | 
|  | 140 | +  background: #272822 !important; | 
|  | 141 | +  color: #f8f8f2; | 
|  | 142 | +  code { | 
|  | 143 | +    background: none; | 
|  | 144 | +  } | 
|  | 145 | +} | 
|  | 146 | + | 
|  | 147 | +figure.highlight > pre > code.language-plaintext { | 
|  | 148 | +  background: none; | 
|  | 149 | +  color: #f8f8f2; | 
|  | 150 | +} | 
0 commit comments