From 6955d770fe5fdeba40377509d12030e9ebfe0130 Mon Sep 17 00:00:00 2001 From: Barry Clark Date: Wed, 30 Jul 2014 17:36:13 -0400 Subject: Update Sass files to be built by GitHub Pages --- _scss/_highlights.scss | 93 ++++++++++++++++++++++++++++++++++++++++++++++++++ _scss/_reset.scss | 53 ++++++++++++++++++++++++++++ _scss/_variables.scss | 27 +++++++++++++++ 3 files changed, 173 insertions(+) create mode 100644 _scss/_highlights.scss create mode 100644 _scss/_reset.scss create mode 100644 _scss/_variables.scss (limited to '_scss') diff --git a/_scss/_highlights.scss b/_scss/_highlights.scss new file mode 100644 index 0000000..d764cd0 --- /dev/null +++ b/_scss/_highlights.scss @@ -0,0 +1,93 @@ + +/***********************/ +/* SYNTAX HIGHLIGHTING */ +/***********************/ + +.highlight { + background-color: $darkerGray; + padding: 5px 10px; + margin: 20px 0; +} + +.highlight pre { + // overflow: scroll; // Prefer no word wrap? Uncomment this line and comment out the 2 lines below. + word-break: break-all; + word-wrap: break-word; +} + +code { + font-family: 'Courier', monospace; + font-size: 14px; + color: #999 +} + +// Solarized Light Pygments +// Thanks https://gist.github.com/edwardhotchkiss/2005058 +.highlight .c, .highlight .c1 { color: #586E75 } /* Comment */ +.highlight .err { color: #93A1A1 } /* Error */ +.highlight .g { color: #93A1A1 } /* Generic */ +.highlight .k { color: #859900 } /* Keyword */ +.highlight .l { color: #93A1A1 } /* Literal */ +.highlight .n { color: #93A1A1 } /* Name */ +.highlight .o { color: #859900 } /* Operator */ +.highlight .x { color: #CB4B16 } /* Other */ +.highlight .p { color: #93A1A1 } /* Punctuation */ +.highlight .cm { color: #586E75 } /* Comment.Multiline */ +.highlight .cp { color: #859900 } /* Comment.Preproc */ +.highlight .c1 { color: #586E75 } /* Comment.Single */ +.highlight .cs { color: #859900 } /* Comment.Special */ +.highlight .gd { color: #2AA198 } /* Generic.Deleted */ +.highlight .ge { color: #93A1A1; 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: #93A1A1 } /* Generic.Output */ +.highlight .gp { color: #93A1A1 } /* Generic.Prompt */ +.highlight .gs { color: #93A1A1; font-weight: bold } /* Generic.Strong */ +.highlight .gu { color: #CB4B16 } /* Generic.Subheading */ +.highlight .gt { color: #93A1A1 } /* Generic.Traceback */ +.highlight .kc { color: #CB4B16 } /* Keyword.Constant */ +.highlight .kd { color: #268BD2 } /* Keyword.Declaration */ +.highlight .kn { color: #859900 } /* Keyword.Namespace */ +.highlight .kp { color: #859900 } /* Keyword.Pseudo */ +.highlight .kr { color: #268BD2 } /* Keyword.Reserved */ +.highlight .kt { color: #DC322F } /* Keyword.Type */ +.highlight .ld { color: #93A1A1 } /* Literal.Date */ +.highlight .m { color: #2AA198 } /* Literal.Number */ +.highlight .s { color: #2AA198 } /* Literal.String */ +.highlight .na { color: #93A1A1 } /* Name.Attribute */ +.highlight .nb { color: #B58900 } /* Name.Builtin */ +.highlight .nc { color: #268BD2 } /* Name.Class */ +.highlight .no { color: #CB4B16 } /* Name.Constant */ +.highlight .nd { color: #268BD2 } /* Name.Decorator */ +.highlight .ni { color: #CB4B16 } /* Name.Entity */ +.highlight .ne { color: #CB4B16 } /* Name.Exception */ +.highlight .nf { color: #268BD2 } /* Name.Function */ +.highlight .nl { color: #93A1A1 } /* Name.Label */ +.highlight .nn { color: #93A1A1 } /* Name.Namespace */ +.highlight .nx { color: #555 } /* Name.Other */ +.highlight .py { color: #93A1A1 } /* Name.Property */ +.highlight .nt { color: #268BD2 } /* Name.Tag */ +.highlight .nv { color: #268BD2 } /* Name.Variable */ +.highlight .ow { color: #859900 } /* Operator.Word */ +.highlight .w { color: #93A1A1 } /* 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: #586E75 } /* Literal.String.Backtick */ +.highlight .sc { color: #2AA198 } /* Literal.String.Char */ +.highlight .sd { color: #93A1A1 } /* Literal.String.Doc */ +.highlight .s2 { color: #2AA198 } /* Literal.String.Double */ +.highlight .se { color: #CB4B16 } /* Literal.String.Escape */ +.highlight .sh { color: #93A1A1 } /* 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: #268BD2 } /* Name.Builtin.Pseudo */ +.highlight .vc { color: #268BD2 } /* Name.Variable.Class */ +.highlight .vg { color: #268BD2 } /* Name.Variable.Global */ +.highlight .vi { color: #268BD2 } /* Name.Variable.Instance */ +.highlight .il { color: #2AA198 } /* Literal.Number.Integer.Long */ \ No newline at end of file diff --git a/_scss/_reset.scss b/_scss/_reset.scss new file mode 100644 index 0000000..fcf2bf0 --- /dev/null +++ b/_scss/_reset.scss @@ -0,0 +1,53 @@ + +/***************/ +/* MEYER RESET */ +/***************/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +// HTML5 display-role reset for older browsers +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +// Apply a natural box layout model to all elements +// from: http://www.paulirish.com/2012/box-sizing-border-box-ftw/ +*, *:before, *:after { + -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; +} diff --git a/_scss/_variables.scss b/_scss/_variables.scss new file mode 100644 index 0000000..5ec3394 --- /dev/null +++ b/_scss/_variables.scss @@ -0,0 +1,27 @@ + +// +// VARIABLES +// + +// Colors +$blue: #4183C4; + +// Grays +$black: #000; +$darkerGray: #222; +$darkGray: #333; +$gray: #666; +$lightGray: #eee; +$white: #fff; + +// Font stacks +$helvetica: Helvetica, Arial, sans-serif; +$helveticaNeue: "Helvetica Neue", Helvetica, Arial, sans-serif; +$georgia: Georgia, serif; + +// Mobile breakpoints +@mixin mobile { + @media screen and (max-width: 640px) { + @content; + } +} \ No newline at end of file -- cgit v1.2.3