jekyll-theme-primer 0.1.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (68) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.md +21 -0
  3. data/README.md +21 -0
  4. data/_includes/.gitkeep +1 -0
  5. data/_layouts/default.html +14 -0
  6. data/_sass/jekyll-theme-primer.scss +8 -0
  7. data/_sass/normalize.css/CHANGELOG.md +135 -0
  8. data/_sass/normalize.css/LICENSE.md +21 -0
  9. data/_sass/normalize.css/README.md +128 -0
  10. data/_sass/normalize.css/normalize.scss +419 -0
  11. data/_sass/normalize.css/package.json +111 -0
  12. data/_sass/primer-base/CHANGELOG.md +48 -0
  13. data/_sass/primer-base/LICENSE +21 -0
  14. data/_sass/primer-base/README.md +48 -0
  15. data/_sass/primer-base/build/build.css +2 -0
  16. data/_sass/primer-base/index.scss +5 -0
  17. data/_sass/primer-base/lib/base.scss +66 -0
  18. data/_sass/primer-base/lib/typography-base.scss +85 -0
  19. data/_sass/primer-base/package.json +109 -0
  20. data/_sass/primer-layout/CHANGELOG.md +44 -0
  21. data/_sass/primer-layout/LICENSE +21 -0
  22. data/_sass/primer-layout/README.md +141 -0
  23. data/_sass/primer-layout/build/build.css +2 -0
  24. data/_sass/primer-layout/index.scss +4 -0
  25. data/_sass/primer-layout/lib/columns.scss +69 -0
  26. data/_sass/primer-layout/lib/container.scss +33 -0
  27. data/_sass/primer-layout/lib/grid-offset.scss +30 -0
  28. data/_sass/primer-layout/lib/grid.scss +48 -0
  29. data/_sass/primer-layout/package.json +105 -0
  30. data/_sass/primer-markdown/CHANGELOG.md +168 -0
  31. data/_sass/primer-markdown/LICENSE +21 -0
  32. data/_sass/primer-markdown/README.md +223 -0
  33. data/_sass/primer-markdown/build/build.css +2 -0
  34. data/_sass/primer-markdown/index.scss +8 -0
  35. data/_sass/primer-markdown/lib/blob-csv.scss +27 -0
  36. data/_sass/primer-markdown/lib/code.scss +76 -0
  37. data/_sass/primer-markdown/lib/headings.scss +65 -0
  38. data/_sass/primer-markdown/lib/images.scss +119 -0
  39. data/_sass/primer-markdown/lib/lists.scss +72 -0
  40. data/_sass/primer-markdown/lib/markdown-body.scss +111 -0
  41. data/_sass/primer-markdown/lib/tables.scss +29 -0
  42. data/_sass/primer-markdown/package.json +109 -0
  43. data/_sass/primer-support/CHANGELOG.md +66 -0
  44. data/_sass/primer-support/LICENSE +21 -0
  45. data/_sass/primer-support/README.md +42 -0
  46. data/_sass/primer-support/index.scss +7 -0
  47. data/_sass/primer-support/lib/mixins/layout.scss +52 -0
  48. data/_sass/primer-support/lib/mixins/misc.scss +29 -0
  49. data/_sass/primer-support/lib/mixins/typography.scss +76 -0
  50. data/_sass/primer-support/lib/variables.scss +179 -0
  51. data/_sass/primer-support/package.json +105 -0
  52. data/_sass/primer-utilities/CHANGELOG.md +94 -0
  53. data/_sass/primer-utilities/LICENSE +21 -0
  54. data/_sass/primer-utilities/README.md +48 -0
  55. data/_sass/primer-utilities/build/build.css +2 -0
  56. data/_sass/primer-utilities/build/index.js +2 -0
  57. data/_sass/primer-utilities/index.scss +9 -0
  58. data/_sass/primer-utilities/lib/animations.scss +156 -0
  59. data/_sass/primer-utilities/lib/border.scss +29 -0
  60. data/_sass/primer-utilities/lib/colors.scss +45 -0
  61. data/_sass/primer-utilities/lib/layout.scss +109 -0
  62. data/_sass/primer-utilities/lib/margin.scss +58 -0
  63. data/_sass/primer-utilities/lib/padding.scss +54 -0
  64. data/_sass/primer-utilities/lib/typography.scss +155 -0
  65. data/_sass/primer-utilities/package.json +108 -0
  66. data/_sass/rouge.scss +209 -0
  67. data/assets/style.scss +4 -0
  68. metadata +138 -0
@@ -0,0 +1,29 @@
1
+ // Needs refactoring
2
+ // stylelint-disable selector-no-type
3
+ .markdown-body {
4
+ // Tables
5
+ table {
6
+ display: block;
7
+ width: 100%;
8
+ overflow: auto;
9
+
10
+ th {
11
+ font-weight: bold;
12
+ }
13
+
14
+ th,
15
+ td {
16
+ padding: 6px 13px;
17
+ border: 1px solid #ddd;
18
+ }
19
+
20
+ tr {
21
+ background-color: #fff;
22
+ border-top: 1px solid #ccc;
23
+
24
+ &:nth-child(2n) {
25
+ background-color: #f8f8f8;
26
+ }
27
+ }
28
+ }
29
+ }
@@ -0,0 +1,109 @@
1
+ {
2
+ "_args": [
3
+ [
4
+ {
5
+ "raw": "primer-markdown@^3.3.1",
6
+ "scope": null,
7
+ "escapedName": "primer-markdown",
8
+ "name": "primer-markdown",
9
+ "rawSpec": "^3.3.1",
10
+ "spec": ">=3.3.1 <4.0.0",
11
+ "type": "range"
12
+ },
13
+ "/Users/benbalter/projects/jekyll-theme-primer"
14
+ ]
15
+ ],
16
+ "_from": "primer-markdown@>=3.3.1 <4.0.0",
17
+ "_id": "primer-markdown@3.3.1",
18
+ "_inCache": true,
19
+ "_location": "/primer-markdown",
20
+ "_nodeVersion": "5.12.0",
21
+ "_npmOperationalInternal": {
22
+ "host": "packages-12-west.internal.npmjs.com",
23
+ "tmp": "tmp/primer-markdown-3.3.1.tgz_1476385389904_0.1807826121803373"
24
+ },
25
+ "_npmUser": {
26
+ "name": "jonrohan",
27
+ "email": "yes@jonrohan.codes"
28
+ },
29
+ "_npmVersion": "3.8.6",
30
+ "_phantomChildren": {},
31
+ "_requested": {
32
+ "raw": "primer-markdown@^3.3.1",
33
+ "scope": null,
34
+ "escapedName": "primer-markdown",
35
+ "name": "primer-markdown",
36
+ "rawSpec": "^3.3.1",
37
+ "spec": ">=3.3.1 <4.0.0",
38
+ "type": "range"
39
+ },
40
+ "_requiredBy": [
41
+ "/"
42
+ ],
43
+ "_resolved": "https://registry.npmjs.org/primer-markdown/-/primer-markdown-3.3.1.tgz",
44
+ "_shasum": "163a337ddf15823baae9ea2043b228c404ce9e34",
45
+ "_shrinkwrap": null,
46
+ "_spec": "primer-markdown@^3.3.1",
47
+ "_where": "/Users/benbalter/projects/jekyll-theme-primer",
48
+ "author": {
49
+ "name": "GitHub, Inc."
50
+ },
51
+ "bugs": {
52
+ "url": "https://github.com/primer/primer-markdown/issues"
53
+ },
54
+ "dependencies": {
55
+ "primer-support": "*"
56
+ },
57
+ "description": "GitHub stylesheets for rendering markdown.",
58
+ "devDependencies": {
59
+ "autoprefixer": "^6.3.6",
60
+ "node-sass": "^3.7.0",
61
+ "postcss-cli": "^2.5.2",
62
+ "stylelint": "^7.0.3",
63
+ "stylelint-config-primer": "^1.1.0"
64
+ },
65
+ "directories": {},
66
+ "dist": {
67
+ "shasum": "163a337ddf15823baae9ea2043b228c404ce9e34",
68
+ "tarball": "https://registry.npmjs.org/primer-markdown/-/primer-markdown-3.3.1.tgz"
69
+ },
70
+ "files": [
71
+ "index.scss",
72
+ "lib",
73
+ "build"
74
+ ],
75
+ "gitHead": "3b1a02ba0105ba46b82f3e235311ccbdf238efa4",
76
+ "homepage": "https://github.com/primer/primer-markdown",
77
+ "keywords": [
78
+ "github",
79
+ "markdown",
80
+ "css",
81
+ "scss",
82
+ "primer",
83
+ "style",
84
+ "stylesheets",
85
+ "md"
86
+ ],
87
+ "license": "MIT",
88
+ "maintainers": [
89
+ {
90
+ "name": "jonrohan",
91
+ "email": "yes@jonrohan.codes"
92
+ }
93
+ ],
94
+ "name": "primer-markdown",
95
+ "optionalDependencies": {},
96
+ "readme": "ERROR: No README data found!",
97
+ "repository": {
98
+ "type": "git",
99
+ "url": "git+https://github.com/primer/primer-markdown.git"
100
+ },
101
+ "scripts": {
102
+ "build": "node-sass index.scss --include-path node_modules --output-style compressed | postcss -c .postcss.json -o build/build.css",
103
+ "prepublish": "npm run setup && npm run build",
104
+ "setup": "if [ ! -d \"node_modules\" ]; then npm install; fi",
105
+ "test": "npm run build && stylelint **/*.scss -c .stylelintrc.json -s scss"
106
+ },
107
+ "style": "index.scss",
108
+ "version": "3.3.1"
109
+ }
@@ -0,0 +1,66 @@
1
+ # v0.6.0
2
+
3
+ * Updating version - Jon Rohan [github/github@6bf5fe5](https://github.com/github/github/commit/6bf5fe5)
4
+ * use variables in breakpoints and update containers - broccolini [github/github@b615663](https://github.com/github/github/commit/b615663)8
5
+ * Updating the modules stylelint - Jon Rohan [github/github@389609f](https://github.com/github/github/commit/389609f)
6
+ * comment for @connors - Mark Otto [github/github@b3e2922](https://github.com/github/github/commit/b3e2922)
7
+ * Move stats switcher vars over and update the height for reals - Mark Otto [github/github@9695fa0](https://github.com/github/github/commit/9695fa0)
8
+
9
+ # v0.5.0
10
+
11
+ * Bumping to a new version - Jon Rohan [github/github@ff32813](https://github.com/github/github/commit/ff32813)
12
+ * Rename spacer variables - Sophie Shepherd [github/github@e5ffa47](https://github.com/github/github/commit/e5ffa47)
13
+ * default it - Mark Otto [github/github@6c895dd](https://github.com/github/github/commit/6c895dd)
14
+ * slightly different stack - Mark Otto [github/github@4e3882d](https://github.com/github/github/commit/4e3882d)
15
+ * nuke linux fonts - Mark Otto [github/github@534c790](https://github.com/github/github/commit/534c790)
16
+ * Change variable order - Mark Otto [github/github@42bceda](https://github.com/github/github/commit/42bceda)
17
+ * First part of genpopping all system font changes: remove typographic overrides for font-size, line-height, etc on global components - Mark Otto [github/github@6c50e2d](https://github.com/github/github/commit/6c50e2d)
18
+
19
+ # v0.4.0
20
+
21
+ * Publishing a new version - Jon Rohan [github/github@eed0e96](https://github.com/github/github/commit/eed0e96)
22
+ * New line-height variables - Mark Otto [github/github@b15b1ea](https://github.com/github/github/commit/b15b1ea)
23
+ * Revert variables breakup back to single file - Jon Rohan [github/github@3397db7](https://github.com/github/github/commit/3397db7)
24
+ * Organize the variables and mixins into better files - Jon Rohan [github/github@9383dc2](https://github.com/github/github/commit/9383dc2)
25
+ * Removing some unnecessary lint plugins and using native - Jon Rohan [github/github@2ae0070](https://github.com/github/github/commit/2ae0070)
26
+ * including no-utility lint plugin - Jon Rohan [github/github@5cb86ed](https://github.com/github/github/commit/5cb86ed)
27
+ * Adding lint plugins for new config - Jon Rohan [github/github@7fb9613](https://github.com/github/github/commit/7fb9613)
28
+ * add font-weight to heading mixins - broccolini [github/github@585098e](https://github.com/github/github/commit/585098e)
29
+ * reoganizing the docs section - Jon Rohan [github/github@8cb4556](https://github.com/github/github/commit/8cb4556)
30
+ * disabling some lints - Jon Rohan [github/github@3d70154](https://github.com/github/github/commit/3d70154)
31
+ * Adding callouts to alerts module - Jon Rohan [github/github@355fe6c](https://github.com/github/github/commit/355fe6c)
32
+
33
+ # v0.3.2
34
+
35
+ * Bumping version to include postcss.json in npm - Jon Rohan [github/github@9e560ba](https://github.com/github/github/commit/9e560ba)
36
+
37
+ # v0.3.1
38
+
39
+ * Using stylelint to lint the modules instead of scss_lint - Jon Rohan [github/github@cb0b8fd](https://github.com/github/github/commit/cb0b8fd)
40
+
41
+ # v0.3.0
42
+
43
+ * Don't link requirements - Jon Rohan [github/github@7740e81](https://github.com/github/github/commit/7740e81)
44
+ * Updating the README with more detailed instructions - Jon Rohan [github/github@5dd7c34](https://github.com/github/github/commit/5dd7c34)
45
+ * Bumping the version - Jon Rohan [github/github@01e7c4e](https://github.com/github/github/commit/01e7c4e)
46
+ * Reorganize the module folders into a more flexible organization - Jon Rohan [github/github@5a07101](https://github.com/github/github/commit/5a07101)
47
+
48
+ # v0.2.0
49
+
50
+ * v0.2.0 - Jon Rohan [github/github@75201c5](https://github.com/github/github/commit/75201c5)
51
+ * Updating support to use travis-ci - Jon Rohan [github/github@707ad54](https://github.com/github/github/commit/707ad54)
52
+ * Adding support variables and mixins from primer/primer - Jon Rohan [github/github@b9e6118](https://github.com/github/github/commit/b9e6118)
53
+ * Fix -down scoping - Joshua Peek [github/github@87a37bf](https://github.com/github/github/commit/87a37bf)
54
+ * Moving variables to _variables and creating linter - Jon Rohan [github/github@f689536](https://github.com/github/github/commit/f689536)
55
+ * Tracking disabled scss-lint rules in graphite - Jon Rohan [github/github@356112f](https://github.com/github/github/commit/356112f)
56
+ * renaming the mixin - Jon Rohan [github/github@db06b9a](https://github.com/github/github/commit/db06b9a)
57
+ * dropping speed variables - Jon Rohan [github/github@0610ffe](https://github.com/github/github/commit/0610ffe)
58
+ * no timing variables for now - Jon Rohan [github/github@4c018f1](https://github.com/github/github/commit/4c018f1)
59
+ * Refactoring animations into reusable animiation classes - Jon Rohan [github/github@084863e](https://github.com/github/github/commit/084863e)
60
+ * Using a retina mixin for repetable code - Jon Rohan [github/github@408bb72](https://github.com/github/github/commit/408bb72)
61
+ * Updating copy on readmes - Jon Rohan [github/github@38d5dbc](https://github.com/github/github/commit/38d5dbc)
62
+ * Updating the folders with feedback and writing some readmes - Jon Rohan [github/github@fc81a30](https://github.com/github/github/commit/fc81a30)
63
+ * cleanup some dupe utility classes - Jon Rohan [github/github@c2dfad7](https://github.com/github/github/commit/c2dfad7)
64
+ * Some updates for the imports - Jon Rohan [github/github@345dd82](https://github.com/github/github/commit/345dd82)
65
+ * Hella refactoring and moving files to modules - Jon Rohan [github/github@556cc0d](https://github.com/github/github/commit/556cc0d)
66
+ * Moving all these files - Jon Rohan [github/github@9c8d0f5](https://github.com/github/github/commit/9c8d0f5)
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2016 GitHub Inc.
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
@@ -0,0 +1,42 @@
1
+ # Primer CSS Support
2
+
3
+ [![NPM version](http://img.shields.io/npm/v/primer-support.svg)](https://www.npmjs.org/package/primer-support)
4
+ [![Build Status](https://travis-ci.org/primer/support.svg?branch=master)](https://travis-ci.org/primer/support)
5
+
6
+ > Support files are Sass variables, mixins, and functions that we import into different bases for use across components, objects, and utilities. Sharing these common properties across GitHub sites helps us to keep our styles more consistent.
7
+ >
8
+ > Most of the time to include these you'll only need to add `@import "support/support";` to the top of your bundle. If you want only a specific partial you can import them separately.
9
+
10
+ This repository is a module of the full [primer-css][primer] repository.
11
+
12
+ ## Install
13
+
14
+ This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-support` with this command.
15
+
16
+ ```
17
+ $ npm install --save primer-support
18
+ ```
19
+
20
+ ## Usage
21
+
22
+ The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.
23
+
24
+ ```scss
25
+ @import "primer-support/index.scss";
26
+ ```
27
+
28
+ You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._
29
+
30
+ ## Documentation
31
+
32
+ You can read more about support in the [docs][docs].
33
+
34
+ ## License
35
+
36
+ [MIT](./LICENSE) &copy; [GitHub](https://github.com/)
37
+
38
+ [primer]: https://github.com/primer/primer
39
+ [docs]: http://primercss.io/
40
+ [npm]: https://www.npmjs.com/
41
+ [install-npm]: https://docs.npmjs.com/getting-started/installing-node
42
+ [sass]: http://sass-lang.com/
@@ -0,0 +1,7 @@
1
+ // variables
2
+ @import "./lib/variables.scss";
3
+
4
+ // mixins
5
+ @import "./lib/mixins/typography.scss";
6
+ @import "./lib/mixins/layout.scss";
7
+ @import "./lib/mixins/misc.scss";
@@ -0,0 +1,52 @@
1
+ // Responsive media queries
2
+
3
+ @mixin breakpoint($breakpoint) {
4
+ // Retrieves the value from the key
5
+ $value: map-get($breakpoints, $breakpoint);
6
+
7
+ // If the key exists in the map
8
+ @if $value != null {
9
+ // Prints a media query based on the value
10
+ @media (min-width: $value) {
11
+ @content;
12
+ }
13
+ }
14
+
15
+ // If the key doesn't exist in the map
16
+ @else {
17
+ @warn "Unfortunately, no value could be retrieved from `#{$breakpoint}`. "
18
+ + "Please make sure it is defined in `$breakpoints` map.";
19
+ }
20
+ }
21
+
22
+ // Retina media query
23
+
24
+ @mixin retina-media-query {
25
+ @media
26
+ only screen and (-webkit-min-device-pixel-ratio: 2),
27
+ only screen and (min--moz-device-pixel-ratio: 2),
28
+ only screen and (-moz-min-device-pixel-ratio: 2),
29
+ only screen and (-o-min-device-pixel-ratio: 2/1),
30
+ only screen and (min-device-pixel-ratio: 2),
31
+ only screen and (min-resolution: 192dpi),
32
+ only screen and (min-resolution: 2dppx) {
33
+ @content;
34
+ }
35
+ }
36
+
37
+ // Clearfix
38
+ //
39
+ // Clears floats via mixin.
40
+
41
+ @mixin clearfix {
42
+ &::before {
43
+ display: table;
44
+ content: "";
45
+ }
46
+
47
+ &::after {
48
+ display: table;
49
+ clear: both;
50
+ content: "";
51
+ }
52
+ }
@@ -0,0 +1,29 @@
1
+ // Generate a two-color caret for any element.
2
+ @mixin double-caret($foreground: #fff, $background: #ddd) {
3
+ &::after,
4
+ &::before {
5
+ position: absolute;
6
+ top: 11px;
7
+ right: 100%;
8
+ left: -16px;
9
+ display: block;
10
+ width: 0;
11
+ height: 0;
12
+ pointer-events: none;
13
+ content: " ";
14
+ border-color: transparent;
15
+ border-style: solid solid outset;
16
+ }
17
+
18
+ &::after {
19
+ margin-top: 1px;
20
+ margin-left: 2px;
21
+ border-width: 7px;
22
+ border-right-color: $foreground;
23
+ }
24
+
25
+ &::before {
26
+ border-width: 8px;
27
+ border-right-color: $background;
28
+ }
29
+ }
@@ -0,0 +1,76 @@
1
+ // Text hiding for image based text replacement.
2
+ // Higher performance than -9999px because it only renders
3
+ // the size of the actual text, not a full 9999px box.
4
+ @mixin hide-text() {
5
+ overflow: hidden;
6
+ text-indent: 100%;
7
+ white-space: nowrap;
8
+ }
9
+
10
+ // Heading mixins for use within components
11
+ // These match heading utilities in utilities/typography
12
+ @mixin h1 {
13
+ font-size: $h1-size;
14
+ font-weight: $font-weight-bold;
15
+ }
16
+
17
+ @mixin h2 {
18
+ font-size: $h2-size;
19
+ font-weight: $font-weight-bold;
20
+ }
21
+
22
+ @mixin h3 {
23
+ font-size: $h3-size;
24
+ font-weight: $font-weight-bold;
25
+ }
26
+
27
+ @mixin h4 {
28
+ font-size: $h4-size;
29
+ font-weight: $font-weight-bold;
30
+ }
31
+
32
+ @mixin h5 {
33
+ font-size: $h5-size;
34
+ font-weight: $font-weight-bold;
35
+ }
36
+
37
+ @mixin h6 {
38
+ font-size: $h6-size;
39
+ font-weight: $font-weight-bold;
40
+ }
41
+
42
+ // Responsive heading mixins
43
+ // There are no responsive mixins for h5 and h6 because they are small
44
+ // and don't need to be smaller on mobile.
45
+ @mixin h1-reponsive {
46
+ font-size: 26px;
47
+ font-weight: bold;
48
+
49
+ // Up to 32px in future
50
+ @include breakpoint(md) { font-size: 30px; }
51
+
52
+ }
53
+
54
+ @mixin h2-responsive {
55
+ font-size: 20px;
56
+ font-weight: bold;
57
+
58
+ // Up to 22px or 24px in future
59
+ @include breakpoint(md) { font-size: 21px; }
60
+ }
61
+
62
+ @mixin h3-responsive {
63
+ font-size: 14px;
64
+ font-weight: bold;
65
+
66
+ @include breakpoint(md) { font-size: 16px; }
67
+
68
+ }
69
+
70
+ @mixin h4-responsive {
71
+ font-size: 13px;
72
+ font-weight: bold;
73
+
74
+ @include breakpoint(md) { font-size: 14px; }
75
+
76
+ }
@@ -0,0 +1,179 @@
1
+ // variables
2
+ // stylelint-disable declaration-bang-space-before
3
+ // These are our margin and padding utility spacers. The default step size we
4
+ // use is 6px. This gives us a key of:
5
+ // 0 => 0px
6
+ // 1 => 3px
7
+ // 2 => 6px
8
+ // 3 => 12px
9
+ // 4 => 24px
10
+ // 5 => 36px
11
+ $spacer: 6px !default;
12
+ $spacers: (
13
+ 0,
14
+ round($spacer / 2),
15
+ $spacer,
16
+ $spacer * 2,
17
+ $spacer * 4,
18
+ $spacer * 6,
19
+ $spacer * 8
20
+ ) !default;
21
+
22
+ // Aliases for easy use
23
+ $spacer-1: nth($spacers, 2) !default; // 3px
24
+ $spacer-2: nth($spacers, 3) !default; // 6px
25
+ $spacer-3: nth($spacers, 4) !default; // 12px
26
+ $spacer-4: nth($spacers, 5) !default; // 24px
27
+ $spacer-5: nth($spacers, 6) !default; // 36px
28
+ $spacer-6: nth($spacers, 7) !default; // 48px
29
+
30
+ $container-width: 980px !default;
31
+ $grid-gutter: 10px !default;
32
+
33
+ // breakpoints
34
+ $width-xs: 0;
35
+ $width-sm: 544px;
36
+ $width-md: 768px;
37
+ $width-lg: 1004px;
38
+ $width-xl: 1280px;
39
+
40
+ // New responsive container-width
41
+ $container-md: $width-md !default;
42
+ $container-lg: $width-lg !default;
43
+ $container-xl: $width-xl !default;
44
+
45
+ // Breakpoints
46
+ $breakpoints: (
47
+ // Small screen / phone
48
+ sm: $width-sm,
49
+ // Medium screen / tablet
50
+ md: $width-md,
51
+ // Large screen / desktop (980 + (12 * 2)) <= container + gutters
52
+ lg: $width-lg,
53
+ // Extra large screen / wide desktop
54
+ xl: $width-xl
55
+ ) !default;
56
+
57
+ // ---- Colors ----
58
+
59
+ // Brand
60
+ $blue: #4078c0 !default;
61
+ $gray-dark: #333 !default;
62
+ $gray-light: #999 !default;
63
+ $gray: #767676 !default;
64
+ $green: #6cc644 !default;
65
+ $orange: #c9510c !default;
66
+ $purple: #6e5494 !default;
67
+ $red: #bd2c00 !default;
68
+ $white: #fff !default;
69
+
70
+ // State indicators.
71
+ $status-renamed: #fffa5d !default;
72
+ $status-pending: #cea61b !default;
73
+
74
+ // Repository type colors
75
+ $repo-private-text: #4c4a42 !default;
76
+ $repo-private-bg: #fff9ea !default;
77
+ $repo-private-icon: #e9dba5 !default;
78
+
79
+ // Alerts
80
+ $flash-border-blue: #bac6d3 !default;
81
+ $flash-bg-blue: #e2eef9 !default;
82
+ $flash-text-blue: #246 !default;
83
+
84
+ $flash-border-yellow: #dfd8c2 !default;
85
+ $flash-bg-yellow: #fff9ea !default;
86
+ $flash-text-yellow: #4c4a42 !default;
87
+
88
+ $flash-border-red: #d2b2b2 !default;
89
+ $flash-bg-red: #fcdede !default;
90
+ $flash-text-red: #911 !default;
91
+
92
+ // Border colors
93
+ $border-blue: #c5d5dd !default;
94
+ $border-gray-dark: #ddd !default;
95
+ $border-gray-light: #eee !default;
96
+ $border-gray: #e5e5e5 !default;
97
+
98
+ // Background colors
99
+ $bg-blue-light: #f2f8fa !default;
100
+ $bg-blue: $blue !default;
101
+ $bg-gray-dark: $gray-dark !default;
102
+ $bg-gray-light: #fafafa !default;
103
+ $bg-gray: #f5f5f5 !default;
104
+ $bg-green: $green !default;
105
+ $bg-orange: $orange !default;
106
+ $bg-purple: $purple !default;
107
+ $bg-red: $red !default;
108
+ $bg-white: $white !default;
109
+
110
+ // Text colors
111
+ $text-blue: $blue !default;
112
+ $text-gray-dark: $gray-dark !default;
113
+ $text-gray-light: $gray-light !default;
114
+ $text-gray: $gray !default;
115
+ $text-green: darken($green, 10%) !default;
116
+ $text-orange: $orange !default;
117
+ $text-purple: $purple !default;
118
+ $text-red: $red !default;
119
+ $text-white: $white !default;
120
+
121
+ // Border size
122
+ $border-width: 1px !default;
123
+ $border-color: $border-gray !default;
124
+ $border-style: solid !default;
125
+ $border: $border-width $border-color $border-style !default;
126
+ $border-radius: 3px !default;
127
+
128
+ // Heading sizes
129
+ $h00-size: 48px !default;
130
+ $h0-size: 40px !default;
131
+ $h1-size: 32px !default;
132
+ $h2-size: 24px !default;
133
+ $h3-size: 20px !default;
134
+ $h4-size: 16px !default;
135
+ $h5-size: 14px !default;
136
+ $h6-size: 12px !default;
137
+
138
+ $font-weight-bold: 600 !default;
139
+ $font-weight-light: 300 !default;
140
+
141
+ $font-size-small: 12px !default;
142
+
143
+ $lh-condensed-ultra: 1 !default;
144
+ $lh-condensed: 1.25 !default;
145
+ $lh-default: 1.5 !default;
146
+
147
+ // Font stacks
148
+ $body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
149
+
150
+ // Monospace font stack
151
+ $mono-font: Consolas, "Liberation Mono", Menlo, Courier, monospace !default;
152
+
153
+ // The base body size
154
+ $body-font-size: 14px !default;
155
+ $body-line-height: $lh-default !default;
156
+
157
+ // Tooltips
158
+ $tooltip-max-width: 250px !default;
159
+ $tooltip-background-color: rgba(0, 0, 0, 0.8) !default;
160
+ $tooltip-text-color: #fff !default;
161
+ $tooltip-delay: 0.4s !default;
162
+ $tooltip-duration: 0.1s !default;
163
+
164
+ $blob-inner-border: #eee;
165
+
166
+ $commitBackgroundColor: #f2f9fc;
167
+
168
+ $conversationListBorderColor: #eee;
169
+
170
+ $exploregrid-item-border-radius: 4px;
171
+
172
+ $stats-switcher-py: 10px;
173
+ // Future proof this `height` value by finding the computed line-height, then
174
+ // adding the total value of the vertical padding. This var is used to toggle
175
+ // between the stats bar and language breakdown.
176
+ $stats-viewport-height: ($body-font-size * $body-line-height) + ($stats-switcher-py * 2);
177
+
178
+ $min_tab_size: 1;
179
+ $max_tab_size: 12;