├── source
├── _includes
│ └── .keep
├── _plugins
│ ├── ext.rb
│ └── haml_converter.rb
├── _assets
│ ├── javascripts
│ │ └── application.coffee
│ └── stylesheets
│ │ ├── application.scss
│ │ ├── _global.scss
│ │ ├── base
│ │ ├── _base.scss
│ │ ├── _grid-settings.scss
│ │ ├── _tables.scss
│ │ ├── _lists.scss
│ │ ├── _buttons.scss
│ │ ├── _variables.scss
│ │ ├── _typography.scss
│ │ └── _forms.scss
│ │ ├── _syntax-highlighting.scss
│ │ └── vendor
│ │ └── normalize.scss
├── index.haml
├── posts.haml
├── _layouts
│ └── default.html
├── _posts
│ └── 2014-10-22-welcome-to-jekyll.markdown
└── feed.xml
├── .gitignore
├── bin
├── server
├── deploy
└── setup
├── Gemfile
├── _config.yml
└── README.md
/source/_includes/.keep:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/source/_plugins/ext.rb:
--------------------------------------------------------------------------------
1 | require "jekyll-assets"
2 |
--------------------------------------------------------------------------------
/source/_assets/javascripts/application.coffee:
--------------------------------------------------------------------------------
1 | #= require_tree .
2 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | Gemfile.lock
2 | .sass-cache
3 | build
4 | source/.asset-cache
5 |
--------------------------------------------------------------------------------
/bin/server:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env sh
2 |
3 | # Run the Jekyll server
4 | bundle exec jekyll serve -w
5 |
--------------------------------------------------------------------------------
/source/_assets/stylesheets/application.scss:
--------------------------------------------------------------------------------
1 | @import "vendor/normalize";
2 |
3 | @import "bourbon";
4 | @import "neat";
5 | @import "base/base";
6 |
7 | @import "global";
8 |
--------------------------------------------------------------------------------
/bin/deploy:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env sh
2 |
3 | # Deploy the build directory to gh-pages on the remote using git subtree
4 | bundle exec jekyll build && git subtree push --prefix build origin gh-pages
5 |
--------------------------------------------------------------------------------
/Gemfile:
--------------------------------------------------------------------------------
1 | source "https://rubygems.org"
2 |
3 | gem "bourbon"
4 | gem "coffee-script"
5 | gem "jekyll"
6 | gem "jekyll-assets"
7 | gem "jekyll-haml"
8 | gem "neat"
9 | gem "octopress-autoprefixer"
10 | gem "sass"
11 | gem "uglifier"
12 | gem "mini_magick"
13 |
--------------------------------------------------------------------------------
/source/index.haml:
--------------------------------------------------------------------------------
1 | ---
2 | layout: default
3 | ---
4 |
5 | .delete-me
6 | .container
7 | %h1 Proteus
8 | %p
9 | You're all set!
10 | Let's get started
11 | building your prototype.
12 |
--------------------------------------------------------------------------------
/source/posts.haml:
--------------------------------------------------------------------------------
1 | ---
2 | layout: default
3 | ---
4 |
5 | #home
6 | %h1 Posts
7 | %ul.posts
8 | {% for post in site.posts %}
9 | %li
10 | %span
11 | {{ post.date | date_to_string }} » {{ post.title }}
12 | {% endfor %}
13 |
--------------------------------------------------------------------------------
/source/_assets/stylesheets/_global.scss:
--------------------------------------------------------------------------------
1 | body {
2 | background-color: $light-gray;
3 | color: $medium-gray;
4 | }
5 |
6 | .delete-me {
7 | align-items: center;
8 | display: flex;
9 | justify-content: center;
10 | height: 100vh;
11 |
12 | .container {
13 | text-align: center;
14 |
15 | h1 {
16 | font-weight: 200;
17 | }
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/_config.yml:
--------------------------------------------------------------------------------
1 | gems:
2 | - bourbon
3 | - neat
4 | - octopress-autoprefixer
5 |
6 | # Structure configuration
7 | source: source
8 | destination: build
9 |
10 | assets:
11 | cachebust: soft
12 |
13 | # Site settings
14 | title: Jekyll Starter
15 | description: Prototyping starter kit for Jekyll
16 |
17 | # Name of project on Github
18 | baseurl: /proteus-jekyll
19 |
20 | # Build settings
21 | markdown: kramdown
22 |
--------------------------------------------------------------------------------
/source/_assets/stylesheets/base/_base.scss:
--------------------------------------------------------------------------------
1 | // Bitters 1.0.0
2 | // http://bitters.bourbon.io
3 | // Copyright 2013-2015 thoughtbot, inc.
4 | // MIT License
5 |
6 | @import "variables";
7 |
8 | // Neat Settings -- uncomment if using Neat -- must be imported before Neat
9 | // @import "grid-settings";
10 |
11 | @import "buttons";
12 | @import "forms";
13 | @import "lists";
14 | @import "tables";
15 | @import "typography";
16 |
--------------------------------------------------------------------------------
/source/_assets/stylesheets/base/_grid-settings.scss:
--------------------------------------------------------------------------------
1 | @import "neat-helpers"; // or "../neat/neat-helpers" when not in Rails
2 |
3 | // Neat Overrides
4 | // $column: 90px;
5 | // $gutter: 30px;
6 | // $grid-columns: 12;
7 | // $max-width: em(1088);
8 |
9 | // Neat Breakpoints
10 | $medium-screen: em(640);
11 | $large-screen: em(860);
12 |
13 | $medium-screen-up: new-breakpoint(min-width $medium-screen 4);
14 | $large-screen-up: new-breakpoint(min-width $large-screen 8);
15 |
--------------------------------------------------------------------------------
/source/_assets/stylesheets/base/_tables.scss:
--------------------------------------------------------------------------------
1 | table {
2 | @include font-feature-settings("kern", "liga", "tnum");
3 | border-collapse: collapse;
4 | margin: $small-spacing 0;
5 | table-layout: fixed;
6 | width: 100%;
7 | }
8 |
9 | th {
10 | border-bottom: 1px solid darken($base-border-color, 15%);
11 | font-weight: 600;
12 | padding: $small-spacing 0;
13 | text-align: left;
14 | }
15 |
16 | td {
17 | border-bottom: $base-border;
18 | padding: $small-spacing 0;
19 | }
20 |
21 | tr,
22 | td,
23 | th {
24 | vertical-align: middle;
25 | }
26 |
--------------------------------------------------------------------------------
/source/_assets/stylesheets/base/_lists.scss:
--------------------------------------------------------------------------------
1 | ul,
2 | ol {
3 | list-style-type: none;
4 | margin: 0;
5 | padding: 0;
6 |
7 | &%default-ul {
8 | list-style-type: disc;
9 | margin-bottom: $small-spacing;
10 | padding-left: $base-spacing;
11 | }
12 |
13 | &%default-ol {
14 | list-style-type: decimal;
15 | margin-bottom: $small-spacing;
16 | padding-left: $base-spacing;
17 | }
18 | }
19 |
20 | dl {
21 | margin-bottom: $small-spacing;
22 |
23 | dt {
24 | font-weight: bold;
25 | margin-top: $small-spacing;
26 | }
27 |
28 | dd {
29 | margin: 0;
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/source/_plugins/haml_converter.rb:
--------------------------------------------------------------------------------
1 | module Jekyll
2 | class HamlConverter < Converter
3 | safe true
4 |
5 | def setup
6 | return if @setup
7 | require 'haml'
8 | @setup = true
9 | rescue
10 | STDERR.puts 'do `gem install haml`'
11 | raise FatalException.new("Missing dependency: haml")
12 | end
13 |
14 | def matches(ext)
15 | ext =~ /haml/i
16 | end
17 |
18 | def output_ext(ext)
19 | ".html"
20 | end
21 |
22 | def convert(content)
23 | setup
24 | engine = Haml::Engine.new(content)
25 | engine.render
26 | end
27 | end
28 | end
29 |
--------------------------------------------------------------------------------
/bin/setup:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env sh
2 |
3 | # Run this script immediately after cloning the codebase.
4 |
5 | # Make sure Bundler is installed
6 | if [ "$(gem query -i -n bundler)" = "false" ]; then
7 | echo "Installing Bundler..."
8 | gem install bundler
9 | fi
10 |
11 | # Set up Ruby dependencies via Bundler
12 | echo "Installing Dependencies..."
13 | bundle install
14 |
15 | # Remove Git remote if it's still the default repo
16 | if [ "$(git config --get remote.origin.url)" = "git@github.com:thoughtbot/proteus-jekyll.git" ]; then
17 | echo "What is your repo url? Enter URL or leave blank"
18 | read url
19 | if [ ! -z "$url" ]; then
20 | git remote rm origin
21 | git remote add origin "$url"
22 | fi
23 | fi
24 |
--------------------------------------------------------------------------------
/source/_assets/stylesheets/base/_buttons.scss:
--------------------------------------------------------------------------------
1 | #{$all-button-inputs},
2 | button {
3 | @include appearance(none);
4 | -webkit-font-smoothing: antialiased;
5 | background-color: $action-color;
6 | border-radius: $base-border-radius;
7 | border: none;
8 | color: #fff;
9 | cursor: pointer;
10 | display: inline-block;
11 | font-family: $base-font-family;
12 | font-size: $base-font-size;
13 | font-weight: 600;
14 | line-height: 1;
15 | padding: 0.75em 1em;
16 | text-decoration: none;
17 | user-select: none;
18 | vertical-align: middle;
19 | white-space: nowrap;
20 |
21 | &:hover,
22 | &:focus {
23 | background-color: darken($action-color, 15%);
24 | color: #fff;
25 | }
26 |
27 | &:disabled {
28 | cursor: not-allowed;
29 | opacity: 0.5;
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/source/_layouts/default.html:
--------------------------------------------------------------------------------
1 | ---
2 | # Layouts must stay in HTML
3 | ---
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 | {% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}
12 |
13 |
14 |
15 |
16 | {{ content }}
17 |
18 |
19 |
20 |
--------------------------------------------------------------------------------
/source/_assets/stylesheets/base/_variables.scss:
--------------------------------------------------------------------------------
1 | // Typography
2 | $base-font-family: $helvetica;
3 | $heading-font-family: $base-font-family;
4 |
5 | // Font Sizes
6 | $base-font-size: 1em;
7 |
8 | // Line height
9 | $base-line-height: 1.5;
10 | $heading-line-height: 1.2;
11 |
12 | // Other Sizes
13 | $base-border-radius: 3px;
14 | $base-spacing: $base-line-height * 1em;
15 | $small-spacing: $base-spacing / 2;
16 | $base-z-index: 0;
17 |
18 | // Colors
19 | $blue: #477dca;
20 | $dark-gray: #333;
21 | $medium-gray: #999;
22 | $light-gray: #ddd;
23 |
24 | // Font Colors
25 | $base-background-color: #fff;
26 | $base-font-color: $dark-gray;
27 | $action-color: $blue;
28 |
29 | // Border
30 | $base-border-color: $light-gray;
31 | $base-border: 1px solid $base-border-color;
32 |
33 | // Forms
34 | $form-box-shadow: inset 0 1px 3px rgba(#000, 0.06);
35 | $form-box-shadow-focus: $form-box-shadow, 0 0 5px adjust-color($action-color, $lightness: -5%, $alpha: -0.3);
36 |
--------------------------------------------------------------------------------
/source/_assets/stylesheets/base/_typography.scss:
--------------------------------------------------------------------------------
1 | body {
2 | @include font-feature-settings("kern", "liga", "pnum");
3 | -webkit-font-smoothing: antialiased;
4 | color: $base-font-color;
5 | font-family: $base-font-family;
6 | font-size: $base-font-size;
7 | line-height: $base-line-height;
8 | }
9 |
10 | h1,
11 | h2,
12 | h3,
13 | h4,
14 | h5,
15 | h6 {
16 | font-family: $heading-font-family;
17 | font-size: $base-font-size;
18 | line-height: $heading-line-height;
19 | margin: 0 0 $small-spacing;
20 | }
21 |
22 | p {
23 | margin: 0 0 $small-spacing;
24 | }
25 |
26 | a {
27 | color: $action-color;
28 | text-decoration: none;
29 | transition: color 0.1s linear;
30 |
31 | &:active,
32 | &:focus,
33 | &:hover {
34 | color: darken($action-color, 15%);
35 | }
36 |
37 | &:active,
38 | &:focus {
39 | outline: none;
40 | }
41 | }
42 |
43 | hr {
44 | border-bottom: $base-border;
45 | border-left: none;
46 | border-right: none;
47 | border-top: none;
48 | margin: $base-spacing 0;
49 | }
50 |
51 | img,
52 | picture {
53 | margin: 0;
54 | max-width: 100%;
55 | }
56 |
--------------------------------------------------------------------------------
/source/_posts/2014-10-22-welcome-to-jekyll.markdown:
--------------------------------------------------------------------------------
1 | ---
2 | title: "Welcome to Jekyll!"
3 | date: 2014-10-22 17:26:19
4 | categories: jekyll update
5 | layout: default
6 | ---
7 | You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve --watch`, which launches a web server and auto-regenerates your site when a file is updated.
8 |
9 | To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.
10 |
11 | Jekyll also offers powerful support for code snippets:
12 |
13 | {% highlight ruby %}
14 | def print_hi(name)
15 | puts "Hi, #{name}"
16 | end
17 | print_hi('Tom')
18 | #=> prints 'Hi, Tom' to STDOUT.
19 | {% endhighlight %}
20 |
21 | Check out the [Jekyll docs][jekyll] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll’s dedicated Help repository][jekyll-help].
22 |
23 | [jekyll]: http://jekyllrb.com
24 | [jekyll-gh]: https://github.com/jekyll/jekyll
25 | [jekyll-help]: https://github.com/jekyll/jekyll-help
26 |
--------------------------------------------------------------------------------
/source/feed.xml:
--------------------------------------------------------------------------------
1 | ---
2 | layout: null
3 | ---
4 |
5 |
6 |
7 | {{ site.title | xml_escape }}
8 | {{ site.description | xml_escape }}
9 | {{ site.url }}{{ site.baseurl }}/
10 |
11 | {{ site.time | date_to_rfc822 }}
12 | {{ site.time | date_to_rfc822 }}
13 | Jekyll v{{ jekyll.version }}
14 | {% for post in site.posts limit:10 %}
15 | -
16 | {{ post.title | xml_escape }}
17 | {{ post.content | xml_escape }}
18 | {{ post.date | date_to_rfc822 }}
19 | {{ post.url | prepend: site.baseurl | prepend: site.url }}
20 | {{ post.url | prepend: site.baseurl | prepend: site.url }}
21 | {% for tag in post.tags %}
22 | {{ tag | xml_escape }}
23 | {% endfor %}
24 | {% for cat in post.categories %}
25 | {{ cat | xml_escape }}
26 | {% endfor %}
27 |
28 | {% endfor %}
29 |
30 |
31 |
--------------------------------------------------------------------------------
/source/_assets/stylesheets/base/_forms.scss:
--------------------------------------------------------------------------------
1 | fieldset {
2 | background-color: lighten($base-border-color, 10%);
3 | border: $base-border;
4 | margin: 0 0 $small-spacing;
5 | padding: $base-spacing;
6 | }
7 |
8 | input,
9 | label,
10 | select {
11 | display: block;
12 | font-family: $base-font-family;
13 | font-size: $base-font-size;
14 | }
15 |
16 | label {
17 | font-weight: 600;
18 | margin-bottom: $small-spacing / 2;
19 |
20 | &.required::after {
21 | content: "*";
22 | }
23 |
24 | abbr {
25 | display: none;
26 | }
27 | }
28 |
29 | #{$all-text-inputs},
30 | select[multiple=multiple],
31 | textarea {
32 | background-color: $base-background-color;
33 | border: $base-border;
34 | border-radius: $base-border-radius;
35 | box-shadow: $form-box-shadow;
36 | box-sizing: border-box;
37 | font-family: $base-font-family;
38 | font-size: $base-font-size;
39 | margin-bottom: $base-spacing / 2;
40 | padding: $base-spacing / 3;
41 | transition: border-color;
42 | width: 100%;
43 |
44 | &:hover {
45 | border-color: darken($base-border-color, 10%);
46 | }
47 |
48 | &:focus {
49 | border-color: $action-color;
50 | box-shadow: $form-box-shadow-focus;
51 | outline: none;
52 | }
53 | }
54 |
55 | textarea {
56 | resize: vertical;
57 | }
58 |
59 | input[type="search"] {
60 | @include appearance(none);
61 | }
62 |
63 | input[type="checkbox"],
64 | input[type="radio"] {
65 | display: inline;
66 | margin-right: $small-spacing / 2;
67 | }
68 |
69 | input[type="file"] {
70 | padding-bottom: $small-spacing;
71 | width: 100%;
72 | }
73 |
74 | select {
75 | margin-bottom: $base-spacing;
76 | max-width: 100%;
77 | width: auto;
78 | }
79 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # thoughtbot Jekyll Starter
2 |
3 | **Note:** This project is no longer being actively maintained.
4 |
5 | ## About
6 |
7 | This starter kit for Jekyll follows the
8 | [thoughtbot styleguide](https://github.com/thoughtbot/guides) and includes our
9 | favorite front end tools.
10 |
11 | ## About Jekyll
12 |
13 | Jekyll is a static site generator built in Ruby. This makes it a great fit
14 | for projects that may end up as a Ruby on Rails app.
15 |
16 | ## Includes
17 |
18 | * [HAML](http://haml.info):
19 | Simple template markup
20 | * [Coffeescript](http://coffeescript.org):
21 | Write javascript with simpler syntax
22 | * [Sass](http://sass-lang.com):
23 | CSS with superpowers
24 | * [Autoprefixer](https://github.com/postcss/autoprefixer):
25 | Add vendor prefixes to CSS
26 | * [Bourbon](http://bourbon.io):
27 | Sass mixin library
28 | * [Neat](http://neat.bourbon.io):
29 | Semantic grid for Sass and Bourbon
30 | * [Bitters](http://bitters.bourbon.io):
31 | Scaffold styles, variables and structure for Bourbon projects.
32 |
33 | We also recommend [Refills](http://refills.bourbon.io/) for prepackaged interface patterns and [Proteus](http://github.com/thoughtbot/proteus) for a collection of useful starter kits to help you prototype faster.
34 |
35 | ## Getting Started
36 |
37 | Set up your project in your code directory
38 | ```
39 | git clone https://github.com/thoughtbot/proteus-jekyll.git your-project-folder
40 | cd your-project-folder
41 | git remote rm origin
42 | git remote add origin your-repo-url
43 | ```
44 |
45 | Install dependencies
46 | ```
47 | bundle install
48 | ```
49 |
50 | Run the server and watch for changes in your files
51 | ```
52 | jekyll serve -w
53 | ```
54 |
55 | Deploy to Github Pages
56 | ```
57 | jekyll build && git subtree push --prefix build origin gh-pages
58 | ```
59 |
60 | Or install the [Proteus gem](https://github.com/thoughtbot/proteus) and enjoy some shortcuts.
61 |
62 | Stylesheets, fonts, images, and javascript files go in the `/source/_assets/` directory.
63 | Vendor stylesheets and javascripts should go in each of their `/vendor/` directories.
64 |
65 | ## Issues
66 |
67 | If you have problems, please create a
68 | [GitHub Issue](https://github.com/thoughtbot/proteus-jekyll/issues).
69 |
70 | ## Contributing
71 |
72 | Have a fix or want to add a feature?
73 | [Pull Requests](https://github.com/thoughtbot/proteus-jekyll/pulls) are welcome!
74 |
75 | ## Credits
76 |
77 | [](http://thoughtbot.com)
78 |
79 | thoughtbot Jekyll Starter is maintained and funded by [thoughtbot, inc](http://thoughtbot.com). Thank you to all of [the contributors](https://github.com/thoughtbot/proteus-jekyll/contributors)!
80 |
81 | ## License
82 |
83 | Copyright © 2014–2015 [thoughtbot, inc](http://thoughtbot.com). thoughtbot Jekyll Starter is free software, and may be redistributed under the terms specified in the [license](https://github.com/thoughtbot/bourbon/blob/master/LICENSE.md).
84 |
--------------------------------------------------------------------------------
/source/_assets/stylesheets/_syntax-highlighting.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * Syntax highlighting styles
3 | */
4 | .highlight {
5 | background: #fff;
6 | @extend %vertical-rhythm;
7 |
8 | .c { color: #998; font-style: italic } // Comment
9 | .err { color: #a61717; background-color: #e3d2d2 } // Error
10 | .k { font-weight: bold } // Keyword
11 | .o { font-weight: bold } // Operator
12 | .cm { color: #998; font-style: italic } // Comment.Multiline
13 | .cp { color: #999; font-weight: bold } // Comment.Preproc
14 | .c1 { color: #998; font-style: italic } // Comment.Single
15 | .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
16 | .gd { color: #000; background-color: #fdd } // Generic.Deleted
17 | .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
18 | .ge { font-style: italic } // Generic.Emph
19 | .gr { color: #a00 } // Generic.Error
20 | .gh { color: #999 } // Generic.Heading
21 | .gi { color: #000; background-color: #dfd } // Generic.Inserted
22 | .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
23 | .go { color: #888 } // Generic.Output
24 | .gp { color: #555 } // Generic.Prompt
25 | .gs { font-weight: bold } // Generic.Strong
26 | .gu { color: #aaa } // Generic.Subheading
27 | .gt { color: #a00 } // Generic.Traceback
28 | .kc { font-weight: bold } // Keyword.Constant
29 | .kd { font-weight: bold } // Keyword.Declaration
30 | .kp { font-weight: bold } // Keyword.Pseudo
31 | .kr { font-weight: bold } // Keyword.Reserved
32 | .kt { color: #458; font-weight: bold } // Keyword.Type
33 | .m { color: #099 } // Literal.Number
34 | .s { color: #d14 } // Literal.String
35 | .na { color: #008080 } // Name.Attribute
36 | .nb { color: #0086B3 } // Name.Builtin
37 | .nc { color: #458; font-weight: bold } // Name.Class
38 | .no { color: #008080 } // Name.Constant
39 | .ni { color: #800080 } // Name.Entity
40 | .ne { color: #900; font-weight: bold } // Name.Exception
41 | .nf { color: #900; font-weight: bold } // Name.Function
42 | .nn { color: #555 } // Name.Namespace
43 | .nt { color: #000080 } // Name.Tag
44 | .nv { color: #008080 } // Name.Variable
45 | .ow { font-weight: bold } // Operator.Word
46 | .w { color: #bbb } // Text.Whitespace
47 | .mf { color: #099 } // Literal.Number.Float
48 | .mh { color: #099 } // Literal.Number.Hex
49 | .mi { color: #099 } // Literal.Number.Integer
50 | .mo { color: #099 } // Literal.Number.Oct
51 | .sb { color: #d14 } // Literal.String.Backtick
52 | .sc { color: #d14 } // Literal.String.Char
53 | .sd { color: #d14 } // Literal.String.Doc
54 | .s2 { color: #d14 } // Literal.String.Double
55 | .se { color: #d14 } // Literal.String.Escape
56 | .sh { color: #d14 } // Literal.String.Heredoc
57 | .si { color: #d14 } // Literal.String.Interpol
58 | .sx { color: #d14 } // Literal.String.Other
59 | .sr { color: #009926 } // Literal.String.Regex
60 | .s1 { color: #d14 } // Literal.String.Single
61 | .ss { color: #990073 } // Literal.String.Symbol
62 | .bp { color: #999 } // Name.Builtin.Pseudo
63 | .vc { color: #008080 } // Name.Variable.Class
64 | .vg { color: #008080 } // Name.Variable.Global
65 | .vi { color: #008080 } // Name.Variable.Instance
66 | .il { color: #099 } // Literal.Number.Integer.Long
67 | }
68 |
--------------------------------------------------------------------------------
/source/_assets/stylesheets/vendor/normalize.scss:
--------------------------------------------------------------------------------
1 | /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
2 |
3 | /**
4 | * 1. Set default font family to sans-serif.
5 | * 2. Prevent iOS text size adjust after orientation change, without disabling
6 | * user zoom.
7 | */
8 |
9 | html {
10 | font-family: sans-serif; /* 1 */
11 | -ms-text-size-adjust: 100%; /* 2 */
12 | -webkit-text-size-adjust: 100%; /* 2 */
13 | }
14 |
15 | /**
16 | * Remove default margin.
17 | */
18 |
19 | body {
20 | margin: 0;
21 | }
22 |
23 | /* HTML5 display definitions
24 | ========================================================================== */
25 |
26 | /**
27 | * Correct `block` display not defined for any HTML5 element in IE 8/9.
28 | * Correct `block` display not defined for `details` or `summary` in IE 10/11
29 | * and Firefox.
30 | * Correct `block` display not defined for `main` in IE 11.
31 | */
32 |
33 | article,
34 | aside,
35 | details,
36 | figcaption,
37 | figure,
38 | footer,
39 | header,
40 | hgroup,
41 | main,
42 | menu,
43 | nav,
44 | section,
45 | summary {
46 | display: block;
47 | }
48 |
49 | /**
50 | * 1. Correct `inline-block` display not defined in IE 8/9.
51 | * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
52 | */
53 |
54 | audio,
55 | canvas,
56 | progress,
57 | video {
58 | display: inline-block; /* 1 */
59 | vertical-align: baseline; /* 2 */
60 | }
61 |
62 | /**
63 | * Prevent modern browsers from displaying `audio` without controls.
64 | * Remove excess height in iOS 5 devices.
65 | */
66 |
67 | audio:not([controls]) {
68 | display: none;
69 | height: 0;
70 | }
71 |
72 | /**
73 | * Address `[hidden]` styling not present in IE 8/9/10.
74 | * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
75 | */
76 |
77 | [hidden],
78 | template {
79 | display: none;
80 | }
81 |
82 | /* Links
83 | ========================================================================== */
84 |
85 | /**
86 | * Remove the gray background color from active links in IE 10.
87 | */
88 |
89 | a {
90 | background-color: transparent;
91 | }
92 |
93 | /**
94 | * Improve readability when focused and also mouse hovered in all browsers.
95 | */
96 |
97 | a:active,
98 | a:hover {
99 | outline: 0;
100 | }
101 |
102 | /* Text-level semantics
103 | ========================================================================== */
104 |
105 | /**
106 | * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
107 | */
108 |
109 | abbr[title] {
110 | border-bottom: 1px dotted;
111 | }
112 |
113 | /**
114 | * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
115 | */
116 |
117 | b,
118 | strong {
119 | font-weight: bold;
120 | }
121 |
122 | /**
123 | * Address styling not present in Safari and Chrome.
124 | */
125 |
126 | dfn {
127 | font-style: italic;
128 | }
129 |
130 | /**
131 | * Address variable `h1` font-size and margin within `section` and `article`
132 | * contexts in Firefox 4+, Safari, and Chrome.
133 | */
134 |
135 | h1 {
136 | font-size: 2em;
137 | margin: 0.67em 0;
138 | }
139 |
140 | /**
141 | * Address styling not present in IE 8/9.
142 | */
143 |
144 | mark {
145 | background: #ff0;
146 | color: #000;
147 | }
148 |
149 | /**
150 | * Address inconsistent and variable font size in all browsers.
151 | */
152 |
153 | small {
154 | font-size: 80%;
155 | }
156 |
157 | /**
158 | * Prevent `sub` and `sup` affecting `line-height` in all browsers.
159 | */
160 |
161 | sub,
162 | sup {
163 | font-size: 75%;
164 | line-height: 0;
165 | position: relative;
166 | vertical-align: baseline;
167 | }
168 |
169 | sup {
170 | top: -0.5em;
171 | }
172 |
173 | sub {
174 | bottom: -0.25em;
175 | }
176 |
177 | /* Embedded content
178 | ========================================================================== */
179 |
180 | /**
181 | * Remove border when inside `a` element in IE 8/9/10.
182 | */
183 |
184 | img {
185 | border: 0;
186 | }
187 |
188 | /**
189 | * Correct overflow not hidden in IE 9/10/11.
190 | */
191 |
192 | svg:not(:root) {
193 | overflow: hidden;
194 | }
195 |
196 | /* Grouping content
197 | ========================================================================== */
198 |
199 | /**
200 | * Address margin not present in IE 8/9 and Safari.
201 | */
202 |
203 | figure {
204 | margin: 1em 40px;
205 | }
206 |
207 | /**
208 | * Address differences between Firefox and other browsers.
209 | */
210 |
211 | hr {
212 | -moz-box-sizing: content-box;
213 | box-sizing: content-box;
214 | height: 0;
215 | }
216 |
217 | /**
218 | * Contain overflow in all browsers.
219 | */
220 |
221 | pre {
222 | overflow: auto;
223 | }
224 |
225 | /**
226 | * Address odd `em`-unit font size rendering in all browsers.
227 | */
228 |
229 | code,
230 | kbd,
231 | pre,
232 | samp {
233 | font-family: monospace, monospace;
234 | font-size: 1em;
235 | }
236 |
237 | /* Forms
238 | ========================================================================== */
239 |
240 | /**
241 | * Known limitation: by default, Chrome and Safari on OS X allow very limited
242 | * styling of `select`, unless a `border` property is set.
243 | */
244 |
245 | /**
246 | * 1. Correct color not being inherited.
247 | * Known issue: affects color of disabled elements.
248 | * 2. Correct font properties not being inherited.
249 | * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
250 | */
251 |
252 | button,
253 | input,
254 | optgroup,
255 | select,
256 | textarea {
257 | color: inherit; /* 1 */
258 | font: inherit; /* 2 */
259 | margin: 0; /* 3 */
260 | }
261 |
262 | /**
263 | * Address `overflow` set to `hidden` in IE 8/9/10/11.
264 | */
265 |
266 | button {
267 | overflow: visible;
268 | }
269 |
270 | /**
271 | * Address inconsistent `text-transform` inheritance for `button` and `select`.
272 | * All other form control elements do not inherit `text-transform` values.
273 | * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
274 | * Correct `select` style inheritance in Firefox.
275 | */
276 |
277 | button,
278 | select {
279 | text-transform: none;
280 | }
281 |
282 | /**
283 | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
284 | * and `video` controls.
285 | * 2. Correct inability to style clickable `input` types in iOS.
286 | * 3. Improve usability and consistency of cursor style between image-type
287 | * `input` and others.
288 | */
289 |
290 | button,
291 | html input[type="button"], /* 1 */
292 | input[type="reset"],
293 | input[type="submit"] {
294 | -webkit-appearance: button; /* 2 */
295 | cursor: pointer; /* 3 */
296 | }
297 |
298 | /**
299 | * Re-set default cursor for disabled elements.
300 | */
301 |
302 | button[disabled],
303 | html input[disabled] {
304 | cursor: default;
305 | }
306 |
307 | /**
308 | * Remove inner padding and border in Firefox 4+.
309 | */
310 |
311 | button::-moz-focus-inner,
312 | input::-moz-focus-inner {
313 | border: 0;
314 | padding: 0;
315 | }
316 |
317 | /**
318 | * Address Firefox 4+ setting `line-height` on `input` using `!important` in
319 | * the UA stylesheet.
320 | */
321 |
322 | input {
323 | line-height: normal;
324 | }
325 |
326 | /**
327 | * It's recommended that you don't attempt to style these elements.
328 | * Firefox's implementation doesn't respect box-sizing, padding, or width.
329 | *
330 | * 1. Address box sizing set to `content-box` in IE 8/9/10.
331 | * 2. Remove excess padding in IE 8/9/10.
332 | */
333 |
334 | input[type="checkbox"],
335 | input[type="radio"] {
336 | box-sizing: border-box; /* 1 */
337 | padding: 0; /* 2 */
338 | }
339 |
340 | /**
341 | * Fix the cursor style for Chrome's increment/decrement buttons. For certain
342 | * `font-size` values of the `input`, it causes the cursor style of the
343 | * decrement button to change from `default` to `text`.
344 | */
345 |
346 | input[type="number"]::-webkit-inner-spin-button,
347 | input[type="number"]::-webkit-outer-spin-button {
348 | height: auto;
349 | }
350 |
351 | /**
352 | * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
353 | * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
354 | * (include `-moz` to future-proof).
355 | */
356 |
357 | input[type="search"] {
358 | -webkit-appearance: textfield; /* 1 */
359 | -moz-box-sizing: content-box;
360 | -webkit-box-sizing: content-box; /* 2 */
361 | box-sizing: content-box;
362 | }
363 |
364 | /**
365 | * Remove inner padding and search cancel button in Safari and Chrome on OS X.
366 | * Safari (but not Chrome) clips the cancel button when the search input has
367 | * padding (and `textfield` appearance).
368 | */
369 |
370 | input[type="search"]::-webkit-search-cancel-button,
371 | input[type="search"]::-webkit-search-decoration {
372 | -webkit-appearance: none;
373 | }
374 |
375 | /**
376 | * Define consistent border, margin, and padding.
377 | */
378 |
379 | fieldset {
380 | border: 1px solid #c0c0c0;
381 | margin: 0 2px;
382 | padding: 0.35em 0.625em 0.75em;
383 | }
384 |
385 | /**
386 | * 1. Correct `color` not being inherited in IE 8/9/10/11.
387 | * 2. Remove padding so people aren't caught out if they zero out fieldsets.
388 | */
389 |
390 | legend {
391 | border: 0; /* 1 */
392 | padding: 0; /* 2 */
393 | }
394 |
395 | /**
396 | * Remove default vertical scrollbar in IE 8/9/10/11.
397 | */
398 |
399 | textarea {
400 | overflow: auto;
401 | }
402 |
403 | /**
404 | * Don't inherit the `font-weight` (applied by a rule above).
405 | * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
406 | */
407 |
408 | optgroup {
409 | font-weight: bold;
410 | }
411 |
412 | /* Tables
413 | ========================================================================== */
414 |
415 | /**
416 | * Remove most spacing between table cells.
417 | */
418 |
419 | table {
420 | border-collapse: collapse;
421 | border-spacing: 0;
422 | }
423 |
424 | td,
425 | th {
426 | padding: 0;
427 | }
428 |
--------------------------------------------------------------------------------