Created
June 22, 2020 03:43
-
-
Save minimaldesign/b97be750cf44277918c0d1fde9541f71 to your computer and use it in GitHub Desktop.
Styling for Anki deck on coding
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.card { | |
font-family: "Source Sans Pro", -apple-system, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; | |
font-size: 16px; | |
color: #333; | |
background-color: #fff; | |
} | |
.text { | |
line-height: 1.4em; | |
} | |
.text code, | |
.text pre { | |
padding: 0.15em 0.5em; | |
font-family: Menlo, monospace; | |
font-size: 0.85rem; | |
background: #e6eff0; | |
color: #4966b8; | |
border-radius: 3px; | |
} | |
.links a { | |
display: inline-block; | |
padding: 5px 0.5em; | |
background: #eee; | |
text-decoration: none; | |
color: #333; | |
border-radius: 3px; | |
} | |
/* CODE BLOCKS FORMATTING */ | |
.snippet code, | |
.snippet pre { | |
font-size: 0.9rem; | |
} | |
.snippet pre { | |
margin: 0; | |
padding: 16px; | |
background-color: #272822; | |
} | |
.snippet span[class] { | |
font-family: Menlo, monospace !important; | |
} | |
.snippet table { | |
width: 100%; | |
border-collapse: collapse; | |
text-align: left; | |
} | |
.highlight .hll { | |
background-color: #272822; | |
} | |
.highlight .c { | |
color: #75715e; | |
} /* Comment */ | |
.highlight .err { | |
color: #960050; | |
background-color: #1e0010; | |
} /* Error */ | |
.highlight .k { | |
color: #66d9ef; | |
} /* Keyword */ | |
.highlight .l { | |
color: #ae81ff; | |
} /* Literal */ | |
.highlight .n { | |
color: #f8f8f2; | |
} /* Name */ | |
.highlight .o { | |
color: #f92672; | |
} /* Operator */ | |
.highlight .p { | |
color: #f8f8f2; | |
} /* Punctuation */ | |
.highlight .cm { | |
color: #75715e; | |
} /* Comment.Multiline */ | |
.highlight .cp { | |
color: #75715e; | |
} /* Comment.Preproc */ | |
.highlight .c1 { | |
color: #75715e; | |
} /* Comment.Single */ | |
.highlight .cs { | |
color: #75715e; | |
} /* Comment.Special */ | |
.highlight .ge { | |
font-style: italic; | |
} /* Generic.Emph */ | |
.highlight .gs { | |
font-weight: bold; | |
} /* Generic.Strong */ | |
.highlight .kc { | |
color: #66d9ef; | |
} /* Keyword.Constant */ | |
.highlight .kd { | |
color: #66d9ef; | |
} /* Keyword.Declaration */ | |
.highlight .kn { | |
color: #f92672; | |
} /* Keyword.Namespace */ | |
.highlight .kp { | |
color: #66d9ef; | |
} /* Keyword.Pseudo */ | |
.highlight .kr { | |
color: #66d9ef; | |
} /* Keyword.Reserved */ | |
.highlight .kt { | |
color: #66d9ef; | |
} /* Keyword.Type */ | |
.highlight .ld { | |
color: #e6db74; | |
} /* Literal.Date */ | |
.highlight .m { | |
color: #ae81ff; | |
} /* Literal.Number */ | |
.highlight .s { | |
color: #e6db74; | |
} /* Literal.String */ | |
.highlight .na { | |
color: #a6e22e; | |
} /* Name.Attribute */ | |
.highlight .nb { | |
color: #f8f8f2; | |
} /* Name.Builtin */ | |
.highlight .nc { | |
color: #a6e22e; | |
} /* Name.Class */ | |
.highlight .no { | |
color: #66d9ef; | |
} /* Name.Constant */ | |
.highlight .nd { | |
color: #a6e22e; | |
} /* Name.Decorator */ | |
.highlight .ni { | |
color: #f8f8f2; | |
} /* Name.Entity */ | |
.highlight .ne { | |
color: #a6e22e; | |
} /* Name.Exception */ | |
.highlight .nf { | |
color: #a6e22e; | |
} /* Name.Function */ | |
.highlight .nl { | |
color: #f8f8f2; | |
} /* Name.Label */ | |
.highlight .nn { | |
color: #f8f8f2; | |
} /* Name.Namespace */ | |
.highlight .nx { | |
color: #a6e22e; | |
} /* Name.Other */ | |
.highlight .py { | |
color: #f8f8f2; | |
} /* Name.Property */ | |
.highlight .nt { | |
color: #f92672; | |
} /* Name.Tag */ | |
.highlight .nv { | |
color: #f8f8f2; | |
} /* Name.Variable */ | |
.highlight .ow { | |
color: #f92672; | |
} /* Operator.Word */ | |
.highlight .w { | |
color: #f8f8f2; | |
} /* Text.Whitespace */ | |
.highlight .mf { | |
color: #ae81ff; | |
} /* Literal.Number.Float */ | |
.highlight .mh { | |
color: #ae81ff; | |
} /* Literal.Number.Hex */ | |
.highlight .mi { | |
color: #ae81ff; | |
} /* Literal.Number.Integer */ | |
.highlight .mo { | |
color: #ae81ff; | |
} /* Literal.Number.Oct */ | |
.highlight .sb { | |
color: #e6db74; | |
} /* Literal.String.Backtick */ | |
.highlight .sc { | |
color: #e6db74; | |
} /* Literal.String.Char */ | |
.highlight .sd { | |
color: #e6db74; | |
} /* Literal.String.Doc */ | |
.highlight .s2 { | |
color: #e6db74; | |
} /* Literal.String.Double */ | |
.highlight .se { | |
color: #ae81ff; | |
} /* Literal.String.Escape */ | |
.highlight .sh { | |
color: #e6db74; | |
} /* Literal.String.Heredoc */ | |
.highlight .si { | |
color: #e6db74; | |
} /* Literal.String.Interpol */ | |
.highlight .sx { | |
color: #e6db74; | |
} /* Literal.String.Other */ | |
.highlight .sr { | |
color: #e6db74; | |
} /* Literal.String.Regex */ | |
.highlight .s1 { | |
color: #e6db74; | |
} /* Literal.String.Single */ | |
.highlight .ss { | |
color: #e6db74; | |
} /* Literal.String.Symbol */ | |
.highlight .bp { | |
color: #f8f8f2; | |
} /* Name.Builtin.Pseudo */ | |
.highlight .vc { | |
color: #f8f8f2; | |
} /* Name.Variable.Class */ | |
.highlight .vg { | |
color: #f8f8f2; | |
} /* Name.Variable.Global */ | |
.highlight .vi { | |
color: #f8f8f2; | |
} /* Name.Variable.Instance */ | |
.highlight .il { | |
color: #ae81ff; | |
} /* Literal.Number.Integer.Long */ | |
/* Generic Heading & Diff Header */ | |
.highlight .gu { | |
color: #75715e; | |
} /* Generic.Subheading & Diff Unified/Comment? */ | |
.highlight .gd { | |
color: #f92672; | |
} /* Generic.Deleted & Diff Deleted */ | |
.highlight .gi { | |
color: #a6e22e; | |
} /* Generic.Inserted & Diff Inserted */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment