| /* ========================================================================== |
| Syntax highlighting |
| ========================================================================== */ |
| |
| div.highlighter-rouge, |
| figure.highlight { |
| position: relative; |
| margin-bottom: 1em; |
| font-family: $monospace; |
| font-size: 15px; |
| line-height: 22.5px; |
| border: 1px solid $border-color; |
| border-radius: $border-radius; |
| background-color: $code-background-color; |
| box-shadow: $box-shadow; |
| |
| &:before { |
| position: absolute; |
| top: 0; |
| right: 0; |
| padding: 0.5em; |
| background-color: $lighter-gray; |
| content: "\f121"; |
| font-family: "fontawesome" !important; |
| line-height: 1; |
| text-transform: none; |
| speak: none; |
| } |
| |
| .highlight { |
| margin: 0; |
| padding: 1em; |
| } |
| } |
| |
| figure.highlight { |
| padding-left: 1em; |
| padding-right: 1em; |
| } |
| |
| .highlight table { |
| font-size: 1em; |
| border: 0; |
| |
| td { |
| padding: 5px; |
| border: 0; |
| |
| /* line numbers*/ |
| &.gutter { |
| padding-right: 1em; |
| color: $light-gray; |
| } |
| } |
| |
| pre { |
| margin: 0; |
| } |
| } |
| |
| .highlight pre { width: 100%; } |
| |
| /* |
| Solarized Light |
| http://ethanschoonover.com/solarized |
| |
| SOLARIZED HEX ROLE |
| --------- -------- ------------------------------------------ |
| base01 #586e75 body text / default code / primary content |
| base1 #93a1a1 comments / secondary content |
| base3 #fdf6e3 background |
| orange #cb4b16 constants |
| red #dc322f regex, special keywords |
| blue #22b3eb reserved keywords |
| cyan #2aa198 strings, numbers |
| green #859900 operators, other keywords |
| ========================================================================== */ |
| |
| .highlight .c { color: #93a1a1 } /* Comment */ |
| .highlight .err { color: #586e75 } /* Error */ |
| .highlight .g { color: #586e75 } /* Generic */ |
| .highlight .k { color: #859900 } /* Keyword */ |
| .highlight .l { color: #586e75 } /* Literal */ |
| .highlight .n { color: #586e75 } /* Name */ |
| .highlight .o { color: #859900 } /* Operator */ |
| .highlight .x { color: #cb4b16 } /* Other */ |
| .highlight .p { color: #586e75 } /* Punctuation */ |
| .highlight .cm { color: #93a1a1 } /* Comment.Multiline */ |
| .highlight .cp { color: #859900 } /* Comment.Preproc */ |
| .highlight .c1 { color: #93a1a1 } /* Comment.Single */ |
| .highlight .cs { color: #859900 } /* Comment.Special */ |
| .highlight .gd { color: #2aa198 } /* Generic.Deleted */ |
| .highlight .ge { color: #586e75; font-style: italic } /* Generic.Emph */ |
| .highlight .gr { color: #dc322f } /* Generic.Error */ |
| .highlight .gh { color: #cb4b16 } /* Generic.Heading */ |
| .highlight .gi { color: #859900 } /* Generic.Inserted */ |
| .highlight .go { color: #586e75 } /* Generic.Output */ |
| .highlight .gp { color: #586e75 } /* Generic.Prompt */ |
| .highlight .gs { color: #586e75; font-weight: bold } /* Generic.Strong */ |
| .highlight .gu { color: #cb4b16 } /* Generic.Subheading */ |
| .highlight .gt { color: #586e75 } /* Generic.Traceback */ |
| .highlight .kc { color: #cb4b16 } /* Keyword.Constant */ |
| .highlight .kd { color: #22b3eb } /* Keyword.Declaration */ |
| .highlight .kn { color: #859900 } /* Keyword.Namespace */ |
| .highlight .kp { color: #859900 } /* Keyword.Pseudo */ |
| .highlight .kr { color: #22b3eb } /* Keyword.Reserved */ |
| .highlight .kt { color: #dc322f } /* Keyword.Type */ |
| .highlight .ld { color: #586e75 } /* Literal.Date */ |
| .highlight .m { color: #2aa198 } /* Literal.Number */ |
| .highlight .s { color: #2aa198 } /* Literal.String */ |
| .highlight .na { color: #586e75 } /* Name.Attribute */ |
| .highlight .nb { color: #B58900 } /* Name.Builtin */ |
| .highlight .nc { color: #22b3eb } /* Name.Class */ |
| .highlight .no { color: #cb4b16 } /* Name.Constant */ |
| .highlight .nd { color: #22b3eb } /* Name.Decorator */ |
| .highlight .ni { color: #cb4b16 } /* Name.Entity */ |
| .highlight .ne { color: #cb4b16 } /* Name.Exception */ |
| .highlight .nf { color: #22b3eb } /* Name.Function */ |
| .highlight .nl { color: #586e75 } /* Name.Label */ |
| .highlight .nn { color: #586e75 } /* Name.Namespace */ |
| .highlight .nx { color: #586e75 } /* Name.Other */ |
| .highlight .py { color: #586e75 } /* Name.Property */ |
| .highlight .nt { color: #22b3eb } /* Name.Tag */ |
| .highlight .nv { color: #22b3eb } /* Name.Variable */ |
| .highlight .ow { color: #859900 } /* Operator.Word */ |
| .highlight .w { color: #586e75 } /* Text.Whitespace */ |
| .highlight .mf { color: #2aa198 } /* Literal.Number.Float */ |
| .highlight .mh { color: #2aa198 } /* Literal.Number.Hex */ |
| .highlight .mi { color: #2aa198 } /* Literal.Number.Integer */ |
| .highlight .mo { color: #2aa198 } /* Literal.Number.Oct */ |
| .highlight .sb { color: #93a1a1 } /* Literal.String.Backtick */ |
| .highlight .sc { color: #2aa198 } /* Literal.String.Char */ |
| .highlight .sd { color: #586e75 } /* Literal.String.Doc */ |
| .highlight .s2 { color: #2aa198 } /* Literal.String.Double */ |
| .highlight .se { color: #cb4b16 } /* Literal.String.Escape */ |
| .highlight .sh { color: #586e75 } /* Literal.String.Heredoc */ |
| .highlight .si { color: #2aa198 } /* Literal.String.Interpol */ |
| .highlight .sx { color: #2aa198 } /* Literal.String.Other */ |
| .highlight .sr { color: #dc322f } /* Literal.String.Regex */ |
| .highlight .s1 { color: #2aa198 } /* Literal.String.Single */ |
| .highlight .ss { color: #2aa198 } /* Literal.String.Symbol */ |
| .highlight .bp { color: #22b3eb } /* Name.Builtin.Pseudo */ |
| .highlight .vc { color: #22b3eb } /* Name.Variable.Class */ |
| .highlight .vg { color: #22b3eb } /* Name.Variable.Global */ |
| .highlight .vi { color: #22b3eb } /* Name.Variable.Instance */ |
| .highlight .il { color: #2aa198 } /* Literal.Number.Integer.Long */ |