Skip to content

Instantly share code, notes, and snippets.

@minimaldesign
Created June 22, 2020 03:43
Show Gist options
  • Save minimaldesign/b97be750cf44277918c0d1fde9541f71 to your computer and use it in GitHub Desktop.
Save minimaldesign/b97be750cf44277918c0d1fde9541f71 to your computer and use it in GitHub Desktop.
Styling for Anki deck on coding
.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