jekyll-theme-primer 0.3.1 → 0.4.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_layouts/default.html +2 -1
- data/_sass/primer-base/README.md +2 -2
- data/_sass/primer-base/build/build.css +1 -1
- data/_sass/primer-base/build/index.js +1 -1
- data/_sass/primer-base/lib/base.scss +4 -4
- data/_sass/primer-base/lib/typography-base.scss +4 -3
- data/_sass/primer-base/package.json +24 -68
- data/_sass/primer-layout/README.md +2 -2
- data/_sass/primer-layout/build/build.css +1 -1
- data/_sass/primer-layout/build/index.js +1 -1
- data/_sass/primer-layout/lib/columns.scss +0 -15
- data/_sass/primer-layout/lib/container.scss +0 -3
- data/_sass/primer-layout/lib/grid.scss +22 -5
- data/_sass/primer-layout/package.json +24 -68
- data/_sass/primer-markdown/README.md +2 -2
- data/_sass/primer-markdown/lib/blob-csv.scss +4 -4
- data/_sass/primer-markdown/lib/code.scss +3 -3
- data/_sass/primer-markdown/lib/headings.scss +3 -3
- data/_sass/primer-markdown/lib/images.scss +1 -1
- data/_sass/primer-markdown/lib/lists.scss +5 -5
- data/_sass/primer-markdown/lib/markdown-body.scss +6 -7
- data/_sass/primer-markdown/lib/tables.scss +1 -1
- data/_sass/primer-markdown/package.json +24 -88
- data/_sass/primer-support/README.md +2 -2
- data/_sass/primer-support/lib/mixins/buttons.scss +2 -2
- data/_sass/primer-support/lib/variables/color-system.scss +11 -11
- data/_sass/primer-support/lib/variables/layout.scss +1 -1
- data/_sass/primer-support/lib/variables/misc.scss +7 -12
- data/_sass/primer-support/package.json +22 -90
- data/_sass/primer-utilities/README.md +2 -2
- data/_sass/primer-utilities/build/build.css +1 -1
- data/_sass/primer-utilities/build/index.js +1 -1
- data/_sass/primer-utilities/lib/colors.scss +1 -1
- data/_sass/primer-utilities/lib/padding.scss +17 -0
- data/_sass/primer-utilities/lib/typography.scss +4 -4
- data/_sass/primer-utilities/lib/visibility-display.scss +17 -1
- data/_sass/primer-utilities/package.json +24 -92
- data/assets/javascript/anchor-js/anchor.js +8 -12
- data/assets/javascript/anchor-js/anchor.min.js +3 -3
- data/assets/javascript/anchor-js/banner.js +17 -0
- data/assets/javascript/anchor-js/docs/anchor.js +334 -0
- data/assets/javascript/anchor-js/docs/favicon.ico +0 -0
- data/assets/javascript/anchor-js/docs/fonts/anchorjs-extras.eot +0 -0
- data/assets/javascript/anchor-js/docs/fonts/anchorjs-extras.svg +11 -0
- data/assets/javascript/anchor-js/docs/fonts/anchorjs-extras.ttf +0 -0
- data/assets/javascript/anchor-js/docs/fonts/anchorjs-extras.woff +0 -0
- data/assets/javascript/anchor-js/docs/fonts/fonts.css +24 -0
- data/assets/javascript/anchor-js/docs/grunticon/grunticon.loader.js +3 -0
- data/assets/javascript/anchor-js/docs/grunticon/icons.data.png.css +5 -0
- data/assets/javascript/anchor-js/docs/grunticon/icons.data.svg.css +5 -0
- data/assets/javascript/anchor-js/docs/grunticon/icons.fallback.css +5 -0
- data/assets/javascript/anchor-js/docs/grunticon/png/grunticon-link.png +0 -0
- data/assets/javascript/anchor-js/docs/grunticon/preview.html +33 -0
- data/assets/javascript/anchor-js/docs/img/anchoring-links.png +0 -0
- data/assets/javascript/anchor-js/docs/img/anchorjs_logo.png +0 -0
- data/assets/javascript/anchor-js/docs/img/anchorlinks2.png +0 -0
- data/assets/javascript/anchor-js/docs/img/gh-link.svg +9 -0
- data/assets/javascript/anchor-js/docs/img/gh_link.svg +9 -0
- data/assets/javascript/anchor-js/docs/img/hyperlink.svg +9 -0
- data/assets/javascript/anchor-js/docs/img/link.svg +6 -0
- data/assets/javascript/anchor-js/docs/img/mini-logo.png +0 -0
- data/assets/javascript/anchor-js/docs/img/primer-md.png +0 -0
- data/assets/javascript/anchor-js/docs/index.html +807 -0
- data/assets/javascript/anchor-js/docs/scripts.js +12 -0
- data/assets/javascript/anchor-js/docs/styles.css +493 -0
- metadata +44 -9
- data/_sass/primer-base/CHANGELOG.md +0 -68
- data/_sass/primer-layout/CHANGELOG.md +0 -63
- data/_sass/primer-markdown/CHANGELOG.md +0 -202
- data/_sass/primer-support/CHANGELOG.md +0 -164
- data/_sass/primer-utilities/CHANGELOG.md +0 -245
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 24dd025f06287ff7fdbf00816d56cc349598c0fa
|
4
|
+
data.tar.gz: e48305bd660c3cb99e5c4d0f4db4ef2cf0473c9b
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 620b52aa2f217375bce99754ae4c97177c19f4c472995820be15728a7a7b41f30f0cee0a2f80a3c2c36757923bd157de200a2030e156181f9ee2af06701e44fa
|
7
|
+
data.tar.gz: 6abd3252741e7664944fad66952c7f9a48c4463d9eb2a8cfaf8b2b82d1d3e79162200349ef6276e089fccd3f42d5f957b2bc5816c21091684e53b3b5a8ac9e7d
|
data/_layouts/default.html
CHANGED
@@ -3,7 +3,8 @@
|
|
3
3
|
<head>
|
4
4
|
<meta charset="UTF-8">
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
6
|
-
|
6
|
+
|
7
|
+
{% seo %}
|
7
8
|
<link href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}" rel="stylesheet">
|
8
9
|
</head>
|
9
10
|
<body>
|
data/_sass/primer-base/README.md
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
# Primer CSS Base
|
2
2
|
|
3
|
-
[![
|
4
|
-
[![Build Status](https://travis-ci.org/primer/primer-
|
3
|
+
[![npm version](http://img.shields.io/npm/v/primer-base.svg)](https://www.npmjs.org/package/primer-base)
|
4
|
+
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
|
5
5
|
|
6
6
|
> GitHub's CSS to reset the browsers default styles. Built on top of normalize.css
|
7
7
|
|
@@ -1 +1 @@
|
|
1
|
-
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}*{box-sizing:border-box}input,select,textarea,button{font-family:inherit;font-size:inherit;line-height:inherit}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:14px;line-height:1.5;color:#
|
1
|
+
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}*{box-sizing:border-box}input,select,textarea,button{font-family:inherit;font-size:inherit;line-height:inherit}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:14px;line-height:1.5;color:#24292e;background-color:#fff}a{color:#0366d6;text-decoration:none}a:hover{text-decoration:underline}b,strong{font-weight:600}hr,.rule{height:0;margin:15px 0;overflow:hidden;background:transparent;border:0;border-bottom:1px solid #dfe2e5}hr::before,.rule::before{display:table;content:""}hr::after,.rule::after{display:table;clear:both;content:""}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}button{cursor:pointer}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0}h1{font-size:32px;font-weight:600}h2{font-size:24px;font-weight:600}h3{font-size:20px;font-weight:600}h4{font-size:16px;font-weight:600}h5{font-size:14px;font-weight:600}h6{font-size:12px;font-weight:600}p{margin-top:0;margin-bottom:10px}small{font-size:90%}blockquote{margin:0}ul,ol{padding-left:0;margin-top:0;margin-bottom:0}ol ol,ul ol{list-style-type:lower-roman}ul ul ol,ul ol ol,ol ul ol,ol ol ol{list-style-type:lower-alpha}dd{margin-left:0}tt,code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px}pre{margin-top:0;margin-bottom:0;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px}.octicon{vertical-align:text-bottom}
|
@@ -1 +1 @@
|
|
1
|
-
module.exports = {"cssstats":{"size":
|
1
|
+
module.exports = {"cssstats":{"size":3790,"gzipSize":1481,"humanizedSize":"4kB","humanizedGzipSize":"1kB","rules":{"total":70,"size":{"graph":[3,1,1,1,1,2,1,1,2,1,3,1,1,1,2,2,1,4,1,1,1,1,2,1,3,2,1,1,1,1,2,1,3,6,1,2,1,2,1,2,2,1,3,5,2,1,1,6,2,3,2,1,1,2,2,2,2,2,2,2,2,1,1,3,1,1,1,2,4,1],"max":6,"average":1.8142857142857143}},"selectors":{"total":127,"type":104,"class":4,"id":0,"pseudoClass":5,"pseudoElement":4,"values":["html","body","article","aside","details","figcaption","figure","footer","header","main","menu","nav","section","summary","audio","canvas","progress","video","audio:not([controls])","progress","template","[hidden]","a","a:active","a:hover","abbr[title]","b","strong","b","strong","dfn","h1","mark","small","sub","sup","sub","sup","img","svg:not(:root)","code","kbd","pre","samp","figure","hr","button","input","select","textarea","optgroup","button","input","button","select","button","html [type=\"button\"]","[type=\"reset\"]","[type=\"submit\"]","button::-moz-focus-inner","[type=\"button\"]::-moz-focus-inner","[type=\"reset\"]::-moz-focus-inner","[type=\"submit\"]::-moz-focus-inner","button:-moz-focusring","[type=\"button\"]:-moz-focusring","[type=\"reset\"]:-moz-focusring","[type=\"submit\"]:-moz-focusring","fieldset","legend","textarea","[type=\"checkbox\"]","[type=\"radio\"]","[type=\"number\"]::-webkit-inner-spin-button","[type=\"number\"]::-webkit-outer-spin-button","[type=\"search\"]","[type=\"search\"]::-webkit-search-cancel-button","[type=\"search\"]::-webkit-search-decoration","::-webkit-input-placeholder","::-webkit-file-upload-button","*","input","select","textarea","button","body","a","a:hover","b","strong","hr",".rule","hr::before",".rule::before","hr::after",".rule::after","table","td","th","button","h1","h2","h3","h4","h5","h6","h1","h2","h3","h4","h5","h6","p","small","blockquote","ul","ol","ol ol","ul ol","ul ul ol","ul ol ol","ol ul ol","ol ol ol","dd","tt","code","pre",".octicon"],"specificity":{"max":20,"average":3.4488188976377954}},"declarations":{"total":127,"unique":91,"properties":{"font-family":["sans-serif","monospace, monospace","inherit","-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\"","\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace","\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace"],"-ms-text-size-adjust":["100%"],"-webkit-text-size-adjust":["100%"],"margin":["0","0.67em 0","1em 40px","0","0 2px","15px 0","0"],"display":["block","list-item","inline-block","none","none","table","table","table"],"height":["0","0","auto","0"],"vertical-align":["baseline","baseline","text-bottom"],"background-color":["transparent","#ff0","#fff"],"-webkit-text-decoration-skip":["objects"],"outline-width":["0"],"border-bottom":["none","1px solid #dfe2e5"],"text-decoration":["underline","underline dotted","none","underline"],"font-weight":["inherit","bolder","bold","600","600","600","600","600","600","600"],"font-style":["italic"],"font-size":["2em","80%","75%","1em","inherit","14px","32px","24px","20px","16px","14px","12px","90%","12px","12px"],"color":["#000","inherit","inherit","#24292e","#0366d6"],"line-height":["0","inherit","1.5"],"position":["relative"],"bottom":["-0.25em"],"top":["-0.5em"],"border-style":["none","none"],"overflow":["hidden","visible","visible","auto","hidden"],"box-sizing":["content-box","border-box","border-box","border-box"],"font":["inherit","inherit"],"text-transform":["none"],"-webkit-appearance":["button","textfield","none","button"],"padding":["0","0.35em 0.625em 0.75em","0","0","0"],"outline":["1px dotted ButtonText"],"border":["1px solid #c0c0c0","0"],"max-width":["100%"],"white-space":["normal"],"outline-offset":["-2px"],"opacity":["0.54"],"background":["transparent"],"content":["\"\"","\"\""],"clear":["both"],"border-spacing":["0"],"border-collapse":["collapse"],"cursor":["pointer"],"margin-top":["0","0","0","0"],"margin-bottom":["0","10px","0","0"],"padding-left":["0"],"list-style-type":["lower-roman","lower-alpha"],"margin-left":["0"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
// stylelint-disable selector-
|
1
|
+
// stylelint-disable selector-max-type
|
2
2
|
* {
|
3
3
|
box-sizing: border-box;
|
4
4
|
}
|
@@ -24,12 +24,12 @@ a {
|
|
24
24
|
color: $text-blue;
|
25
25
|
text-decoration: none;
|
26
26
|
|
27
|
-
&:hover
|
28
|
-
&:active {
|
27
|
+
&:hover {
|
29
28
|
text-decoration: underline;
|
30
29
|
}
|
31
30
|
}
|
32
31
|
|
32
|
+
b,
|
33
33
|
strong {
|
34
34
|
font-weight: $font-weight-bold;
|
35
35
|
}
|
@@ -44,7 +44,7 @@ hr,
|
|
44
44
|
overflow: hidden;
|
45
45
|
background: transparent;
|
46
46
|
border: 0;
|
47
|
-
border-bottom: 1px solid
|
47
|
+
border-bottom: 1px solid lighten($gray-300, 5%);
|
48
48
|
@include clearfix();
|
49
49
|
}
|
50
50
|
|
@@ -1,6 +1,6 @@
|
|
1
1
|
// Headings
|
2
2
|
// --------------------------------------------------
|
3
|
-
// stylelint-disable selector-
|
3
|
+
// stylelint-disable selector-max-type
|
4
4
|
h1,
|
5
5
|
h2,
|
6
6
|
h3,
|
@@ -66,13 +66,14 @@ dd {
|
|
66
66
|
tt,
|
67
67
|
code {
|
68
68
|
font-family: $mono-font;
|
69
|
-
font-size:
|
69
|
+
font-size: $font-size-small;
|
70
70
|
}
|
71
71
|
|
72
72
|
pre {
|
73
73
|
margin-top: 0;
|
74
74
|
margin-bottom: 0;
|
75
|
-
font:
|
75
|
+
font-family: $mono-font;
|
76
|
+
font-size: $font-size-small;
|
76
77
|
}
|
77
78
|
|
78
79
|
// Octicons
|
@@ -1,77 +1,45 @@
|
|
1
1
|
{
|
2
|
-
"
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
"scope": null,
|
7
|
-
"escapedName": "primer-base",
|
8
|
-
"name": "primer-base",
|
9
|
-
"rawSpec": "0.4.2",
|
10
|
-
"spec": "0.4.2",
|
11
|
-
"type": "version"
|
12
|
-
},
|
13
|
-
"/Users/benbalter/projects/pages-themes/primer"
|
14
|
-
]
|
15
|
-
],
|
16
|
-
"_from": "primer-base@0.4.2",
|
17
|
-
"_id": "primer-base@0.4.2",
|
18
|
-
"_inCache": true,
|
2
|
+
"_from": "primer-base@1.3.0",
|
3
|
+
"_id": "primer-base@1.3.0",
|
4
|
+
"_inBundle": false,
|
5
|
+
"_integrity": "sha1-168n/E8ahjG/NuQOqf3G0H3TGRg=",
|
19
6
|
"_location": "/primer-base",
|
20
|
-
"_nodeVersion": "7.4.0",
|
21
|
-
"_npmOperationalInternal": {
|
22
|
-
"host": "packages-18-east.internal.npmjs.com",
|
23
|
-
"tmp": "tmp/primer-base-0.4.2.tgz_1484826723227_0.8080247030593455"
|
24
|
-
},
|
25
|
-
"_npmUser": {
|
26
|
-
"name": "jonrohan",
|
27
|
-
"email": "yes@jonrohan.codes"
|
28
|
-
},
|
29
|
-
"_npmVersion": "4.0.5",
|
30
7
|
"_phantomChildren": {},
|
31
8
|
"_requested": {
|
32
|
-
"
|
33
|
-
"
|
34
|
-
"
|
9
|
+
"type": "version",
|
10
|
+
"registry": true,
|
11
|
+
"raw": "primer-base@1.3.0",
|
35
12
|
"name": "primer-base",
|
36
|
-
"
|
37
|
-
"
|
38
|
-
"
|
13
|
+
"escapedName": "primer-base",
|
14
|
+
"rawSpec": "1.3.0",
|
15
|
+
"saveSpec": null,
|
16
|
+
"fetchSpec": "1.3.0"
|
39
17
|
},
|
40
18
|
"_requiredBy": [
|
41
19
|
"#USER",
|
42
20
|
"/"
|
43
21
|
],
|
44
|
-
"_resolved": "https://registry.npmjs.org/primer-base/-/primer-base-
|
45
|
-
"_shasum": "
|
46
|
-
"
|
47
|
-
"
|
48
|
-
"_where": "/Users/benbalter/projects/pages-themes/primer",
|
22
|
+
"_resolved": "https://registry.npmjs.org/primer-base/-/primer-base-1.3.0.tgz",
|
23
|
+
"_shasum": "d7af27fc4f1a8631bf36e40ea9fdc6d07dd31918",
|
24
|
+
"_spec": "primer-base@1.3.0",
|
25
|
+
"_where": "/Users/benbalter/projects/primer",
|
49
26
|
"author": {
|
50
27
|
"name": "GitHub, Inc."
|
51
28
|
},
|
52
29
|
"bugs": {
|
53
|
-
"url": "https://github.com/primer/primer-
|
30
|
+
"url": "https://github.com/primer/primer-css/issues"
|
54
31
|
},
|
32
|
+
"bundleDependencies": false,
|
55
33
|
"dependencies": {
|
56
|
-
"primer-support": "
|
34
|
+
"primer-support": "^4.2.0"
|
57
35
|
},
|
36
|
+
"deprecated": false,
|
58
37
|
"description": "CSS to reset the browsers default styles",
|
59
|
-
"devDependencies": {
|
60
|
-
"primer-module-build": "*",
|
61
|
-
"stylelint": "*",
|
62
|
-
"stylelint-config-primer": "*"
|
63
|
-
},
|
64
|
-
"directories": {},
|
65
|
-
"dist": {
|
66
|
-
"shasum": "10bea7bdd454c447b1ed6e801595f3888b30f01f",
|
67
|
-
"tarball": "https://registry.npmjs.org/primer-base/-/primer-base-0.4.2.tgz"
|
68
|
-
},
|
69
38
|
"files": [
|
70
39
|
"index.scss",
|
71
40
|
"lib",
|
72
41
|
"build"
|
73
42
|
],
|
74
|
-
"gitHead": "0b48007af04945594bf6028d60971f0e57854aa3",
|
75
43
|
"homepage": "http://primercss.io/",
|
76
44
|
"keywords": [
|
77
45
|
"primer",
|
@@ -84,29 +52,17 @@
|
|
84
52
|
],
|
85
53
|
"license": "MIT",
|
86
54
|
"main": "build/index.js",
|
87
|
-
"maintainers": [
|
88
|
-
{
|
89
|
-
"name": "broccolini",
|
90
|
-
"email": "diana.mounter@gmail.com"
|
91
|
-
},
|
92
|
-
{
|
93
|
-
"name": "jonrohan",
|
94
|
-
"email": "yes@jonrohan.codes"
|
95
|
-
}
|
96
|
-
],
|
97
55
|
"name": "primer-base",
|
98
|
-
"optionalDependencies": {},
|
99
|
-
"readme": "# Primer CSS Base\n\n[![NPM version](http://img.shields.io/npm/v/primer-base.svg)](https://www.npmjs.org/package/primer-base)\n[![Build Status](https://travis-ci.org/primer/primer-base.svg?branch=master)](https://travis-ci.org/primer/primer-base)\n\n> GitHub's CSS to reset the browsers default styles. Built on top of normalize.css\n\nThis repository is a module of the full [primer-css][primer-css] repository. And is built off of [normalize.css](https://github.com/necolas/normalize.css/)\n\n## Install\n\nThis repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-base` with this command.\n\n```\n$ npm install --save primer-base\n```\n\n## Usage\n\nThe 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.\n\n```scss\n@import \"primer-base/index.scss\";\n```\n\nYou 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._\n\n## Build\n\nFor a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package.\n\n```\n$ npm run build\n```\n\n## Documentation\n\nYou can read more about base in the [docs][docs].\n\n## License\n\n[MIT](./LICENSE) © [GitHub](https://github.com/)\n\n[primer-css]: https://github.com/primer/primer\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n",
|
100
|
-
"readmeFilename": "README.md",
|
101
56
|
"repository": {
|
102
57
|
"type": "git",
|
103
|
-
"url": "
|
58
|
+
"url": "https://github.com/primer/primer-css/tree/master/modules/primer-base"
|
104
59
|
},
|
105
60
|
"scripts": {
|
106
61
|
"build": "primer-module-build index.scss",
|
107
|
-
"
|
108
|
-
"
|
62
|
+
"lint": "stylelint **/*.scss -s scss",
|
63
|
+
"prepare": "npm run build",
|
64
|
+
"test": "npm-run-all -s build lint"
|
109
65
|
},
|
110
66
|
"style": "index.scss",
|
111
|
-
"version": "
|
67
|
+
"version": "1.3.0"
|
112
68
|
}
|
@@ -1,7 +1,7 @@
|
|
1
1
|
# Primer CSS Layout
|
2
2
|
|
3
|
-
[![
|
4
|
-
[![Build Status](https://travis-ci.org/primer/primer-
|
3
|
+
[![npm version](http://img.shields.io/npm/v/primer-layout.svg)](https://www.npmjs.org/package/primer-layout)
|
4
|
+
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
|
5
5
|
|
6
6
|
> Primer’s layout includes basic page containers and a single-tiered, fraction-based grid system. That sounds more complicated than it really is though—it’s just containers, rows, and columns.
|
7
7
|
|
@@ -1 +1 @@
|
|
1
|
-
.container{width:980px;margin-right:auto;margin-left:auto}.container::before{display:table;content:""}.container::after{display:table;clear:both;content:""}.container-md{max-width:768px;margin-right:auto;margin-left:auto}.container-
|
1
|
+
.container{width:980px;margin-right:auto;margin-left:auto}.container::before{display:table;content:""}.container::after{display:table;clear:both;content:""}.container-md{max-width:768px;margin-right:auto;margin-left:auto}.container-lg{max-width:1012px;margin-right:auto;margin-left:auto}.container-xl{max-width:1280px;margin-right:auto;margin-left:auto}.columns{margin-right:-10px;margin-left:-10px}.columns::before{display:table;content:""}.columns::after{display:table;clear:both;content:""}.column{float:left;padding-right:10px;padding-left:10px}.one-third{width:33.333333%}.two-thirds{width:66.666667%}.one-fourth{width:25%}.one-half{width:50%}.three-fourths{width:75%}.one-fifth{width:20%}.four-fifths{width:80%}.centered{display:block;float:none;margin-right:auto;margin-left:auto}.col-1{width:8.33333%}.col-2{width:16.66667%}.col-3{width:25%}.col-4{width:33.33333%}.col-5{width:41.66667%}.col-6{width:50%}.col-7{width:58.33333%}.col-8{width:66.66667%}.col-9{width:75%}.col-10{width:83.33333%}.col-11{width:91.66667%}.col-12{width:100%}@media (min-width: 544px){.col-sm-1{width:8.33333%}.col-sm-2{width:16.66667%}.col-sm-3{width:25%}.col-sm-4{width:33.33333%}.col-sm-5{width:41.66667%}.col-sm-6{width:50%}.col-sm-7{width:58.33333%}.col-sm-8{width:66.66667%}.col-sm-9{width:75%}.col-sm-10{width:83.33333%}.col-sm-11{width:91.66667%}.col-sm-12{width:100%}}@media (min-width: 768px){.col-md-1{width:8.33333%}.col-md-2{width:16.66667%}.col-md-3{width:25%}.col-md-4{width:33.33333%}.col-md-5{width:41.66667%}.col-md-6{width:50%}.col-md-7{width:58.33333%}.col-md-8{width:66.66667%}.col-md-9{width:75%}.col-md-10{width:83.33333%}.col-md-11{width:91.66667%}.col-md-12{width:100%}}@media (min-width: 1012px){.col-lg-1{width:8.33333%}.col-lg-2{width:16.66667%}.col-lg-3{width:25%}.col-lg-4{width:33.33333%}.col-lg-5{width:41.66667%}.col-lg-6{width:50%}.col-lg-7{width:58.33333%}.col-lg-8{width:66.66667%}.col-lg-9{width:75%}.col-lg-10{width:83.33333%}.col-lg-11{width:91.66667%}.col-lg-12{width:100%}}@media (min-width: 1280px){.col-xl-1{width:8.33333%}.col-xl-2{width:16.66667%}.col-xl-3{width:25%}.col-xl-4{width:33.33333%}.col-xl-5{width:41.66667%}.col-xl-6{width:50%}.col-xl-7{width:58.33333%}.col-xl-8{width:66.66667%}.col-xl-9{width:75%}.col-xl-10{width:83.33333%}.col-xl-11{width:91.66667%}.col-xl-12{width:100%}}.gutter{margin-right:-16px;margin-left:-16px}.gutter>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-condensed{margin-right:-8px;margin-left:-8px}.gutter-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-spacious{margin-right:-24px;margin-left:-24px}.gutter-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}@media (min-width: 544px){.gutter-sm{margin-right:-16px;margin-left:-16px}.gutter-sm>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-sm-condensed{margin-right:-8px;margin-left:-8px}.gutter-sm-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-sm-spacious{margin-right:-24px;margin-left:-24px}.gutter-sm-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}}@media (min-width: 768px){.gutter-md{margin-right:-16px;margin-left:-16px}.gutter-md>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-md-condensed{margin-right:-8px;margin-left:-8px}.gutter-md-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-md-spacious{margin-right:-24px;margin-left:-24px}.gutter-md-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}}@media (min-width: 1012px){.gutter-lg{margin-right:-16px;margin-left:-16px}.gutter-lg>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-lg-condensed{margin-right:-8px;margin-left:-8px}.gutter-lg-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-lg-spacious{margin-right:-24px;margin-left:-24px}.gutter-lg-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}}@media (min-width: 1280px){.gutter-xl{margin-right:-16px;margin-left:-16px}.gutter-xl>[class*="col-"]{padding-right:16px !important;padding-left:16px !important}.gutter-xl-condensed{margin-right:-8px;margin-left:-8px}.gutter-xl-condensed>[class*="col-"]{padding-right:8px !important;padding-left:8px !important}.gutter-xl-spacious{margin-right:-24px;margin-left:-24px}.gutter-xl-spacious>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}}.offset-1{margin-left:8.33333%}.offset-2{margin-left:16.66667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333%}.offset-5{margin-left:41.66667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333%}.offset-8{margin-left:66.66667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333%}.offset-11{margin-left:91.66667%}@media (min-width: 544px){.offset-sm-1{margin-left:8.33333%}.offset-sm-2{margin-left:16.66667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333%}.offset-sm-5{margin-left:41.66667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333%}.offset-sm-8{margin-left:66.66667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333%}.offset-sm-11{margin-left:91.66667%}}@media (min-width: 768px){.offset-md-1{margin-left:8.33333%}.offset-md-2{margin-left:16.66667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333%}.offset-md-5{margin-left:41.66667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333%}.offset-md-8{margin-left:66.66667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333%}.offset-md-11{margin-left:91.66667%}}@media (min-width: 1012px){.offset-lg-1{margin-left:8.33333%}.offset-lg-2{margin-left:16.66667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333%}.offset-lg-5{margin-left:41.66667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333%}.offset-lg-8{margin-left:66.66667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333%}.offset-lg-11{margin-left:91.66667%}}@media (min-width: 1280px){.offset-xl-1{margin-left:8.33333%}.offset-xl-2{margin-left:16.66667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333%}.offset-xl-5{margin-left:41.66667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333%}.offset-xl-8{margin-left:66.66667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333%}.offset-xl-11{margin-left:91.66667%}}
|
@@ -1 +1 @@
|
|
1
|
-
module.exports = {"cssstats":{"size":5076,"gzipSize":1002,"humanizedSize":"5kB","humanizedGzipSize":"1002B","rules":{"total":147,"size":{"graph":[3,2,3,3,2,3,3,2,3,3,2,3,2,2,3,3,1,1,1,1,1,1,1,2,5,4,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,2,2,2,2,2,2,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"max":5,"average":1.272108843537415}},"selectors":{"total":147,"type":0,"class":147,"id":0,"pseudoClass":0,"pseudoElement":10,"values":[".container",".container::before",".container::after",".container-md",".container-md::before",".container-md::after",".container-lg",".container-lg::before",".container-lg::after",".container-xl",".container-xl::before",".container-xl::after",".columns",".columns::before",".columns::after",".column",".one-third",".two-thirds",".one-fourth",".one-half",".three-fourths",".one-fifth",".four-fifths",".single-column",".table-column",".centered",".col-1",".col-2",".col-3",".col-4",".col-5",".col-6",".col-7",".col-8",".col-9",".col-10",".col-11",".col-12",".col-sm-1",".col-sm-2",".col-sm-3",".col-sm-4",".col-sm-5",".col-sm-6",".col-sm-7",".col-sm-8",".col-sm-9",".col-sm-10",".col-sm-11",".col-sm-12",".col-md-1",".col-md-2",".col-md-3",".col-md-4",".col-md-5",".col-md-6",".col-md-7",".col-md-8",".col-md-9",".col-md-10",".col-md-11",".col-md-12",".col-lg-1",".col-lg-2",".col-lg-3",".col-lg-4",".col-lg-5",".col-lg-6",".col-lg-7",".col-lg-8",".col-lg-9",".col-lg-10",".col-lg-11",".col-lg-12",".col-xl-1",".col-xl-2",".col-xl-3",".col-xl-4",".col-xl-5",".col-xl-6",".col-xl-7",".col-xl-8",".col-xl-9",".col-xl-10",".col-xl-11",".col-xl-12",".gut-sm",".gut-sm>[class*=\"col-\"]",".gut-md",".gut-md>[class*=\"col-\"]",".gut-lg",".gut-lg>[class*=\"col-\"]",".offset-1",".offset-2",".offset-3",".offset-4",".offset-5",".offset-6",".offset-7",".offset-8",".offset-9",".offset-10",".offset-11",".offset-sm-1",".offset-sm-2",".offset-sm-3",".offset-sm-4",".offset-sm-5",".offset-sm-6",".offset-sm-7",".offset-sm-8",".offset-sm-9",".offset-sm-10",".offset-sm-11",".offset-md-1",".offset-md-2",".offset-md-3",".offset-md-4",".offset-md-5",".offset-md-6",".offset-md-7",".offset-md-8",".offset-md-9",".offset-md-10",".offset-md-11",".offset-lg-1",".offset-lg-2",".offset-lg-3",".offset-lg-4",".offset-lg-5",".offset-lg-6",".offset-lg-7",".offset-lg-8",".offset-lg-9",".offset-lg-10",".offset-lg-11",".offset-xl-1",".offset-xl-2",".offset-xl-3",".offset-xl-4",".offset-xl-5",".offset-xl-6",".offset-xl-7",".offset-xl-8",".offset-xl-9",".offset-xl-10",".offset-xl-11"],"specificity":{"max":20,"average":10.272108843537415}},"declarations":{"total":187,"unique":58,"properties":{"width":["980px","33.333333%","66.666667%","25%","50%","75%","20%","80%","1%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%"],"margin-right":["auto","auto","auto","auto","-10px","auto","-8px","-16px","-24px"],"margin-left":["auto","auto","auto","auto","-10px","auto","-8px","-16px","-24px","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%"],"display":["table","table","table","table","table","table","table","table","table","table","table-cell","block"],"content":["\"\"","\"\"","\"\"","\"\"","\"\"","\"\"","\"\"","\"\"","\"\"","\"\""],"clear":["both","both","both","both","both"],"max-width":["768px","1012px","1280px"],"float":["left","none"],"padding-right":["10px","10px","10px","8px","16px","24px"],"padding-left":["10px","10px","10px","8px","16px","24px"],"vertical-align":["top"]}},"mediaQueries":{"total":8,"unique":4,"values":["(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)","(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)"],"contents":[{"value":"(min-width: 544px)","rules":{"total":12,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":12,"type":0,"class":12,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".col-sm-1",".col-sm-2",".col-sm-3",".col-sm-4",".col-sm-5",".col-sm-6",".col-sm-7",".col-sm-8",".col-sm-9",".col-sm-10",".col-sm-11",".col-sm-12"],"specificity":{"max":10,"average":10}},"declarations":{"total":12,"unique":12,"properties":{"width":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%"]}}},{"value":"(min-width: 768px)","rules":{"total":12,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":12,"type":0,"class":12,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".col-md-1",".col-md-2",".col-md-3",".col-md-4",".col-md-5",".col-md-6",".col-md-7",".col-md-8",".col-md-9",".col-md-10",".col-md-11",".col-md-12"],"specificity":{"max":10,"average":10}},"declarations":{"total":12,"unique":12,"properties":{"width":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%"]}}},{"value":"(min-width: 1012px)","rules":{"total":12,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":12,"type":0,"class":12,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".col-lg-1",".col-lg-2",".col-lg-3",".col-lg-4",".col-lg-5",".col-lg-6",".col-lg-7",".col-lg-8",".col-lg-9",".col-lg-10",".col-lg-11",".col-lg-12"],"specificity":{"max":10,"average":10}},"declarations":{"total":12,"unique":12,"properties":{"width":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%"]}}},{"value":"(min-width: 1280px)","rules":{"total":12,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":12,"type":0,"class":12,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".col-xl-1",".col-xl-2",".col-xl-3",".col-xl-4",".col-xl-5",".col-xl-6",".col-xl-7",".col-xl-8",".col-xl-9",".col-xl-10",".col-xl-11",".col-xl-12"],"specificity":{"max":10,"average":10}},"declarations":{"total":12,"unique":12,"properties":{"width":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%"]}}},{"value":"(min-width: 544px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".offset-sm-1",".offset-sm-2",".offset-sm-3",".offset-sm-4",".offset-sm-5",".offset-sm-6",".offset-sm-7",".offset-sm-8",".offset-sm-9",".offset-sm-10",".offset-sm-11"],"specificity":{"max":10,"average":10}},"declarations":{"total":11,"unique":11,"properties":{"margin-left":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%"]}}},{"value":"(min-width: 768px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".offset-md-1",".offset-md-2",".offset-md-3",".offset-md-4",".offset-md-5",".offset-md-6",".offset-md-7",".offset-md-8",".offset-md-9",".offset-md-10",".offset-md-11"],"specificity":{"max":10,"average":10}},"declarations":{"total":11,"unique":11,"properties":{"margin-left":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%"]}}},{"value":"(min-width: 1012px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".offset-lg-1",".offset-lg-2",".offset-lg-3",".offset-lg-4",".offset-lg-5",".offset-lg-6",".offset-lg-7",".offset-lg-8",".offset-lg-9",".offset-lg-10",".offset-lg-11"],"specificity":{"max":10,"average":10}},"declarations":{"total":11,"unique":11,"properties":{"margin-left":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%"]}}},{"value":"(min-width: 1280px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".offset-xl-1",".offset-xl-2",".offset-xl-3",".offset-xl-4",".offset-xl-5",".offset-xl-6",".offset-xl-7",".offset-xl-8",".offset-xl-9",".offset-xl-10",".offset-xl-11"],"specificity":{"max":10,"average":10}},"declarations":{"total":11,"unique":11,"properties":{"margin-left":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%"]}}}]}}}
|
1
|
+
module.exports = {"cssstats":{"size":6506,"gzipSize":1080,"humanizedSize":"6kB","humanizedGzipSize":"1kB","rules":{"total":163,"size":{"graph":[3,2,3,3,3,3,2,2,3,3,1,1,1,1,1,1,1,4,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"max":4,"average":1.3067484662576687}},"selectors":{"total":163,"type":0,"class":163,"id":0,"pseudoClass":0,"pseudoElement":4,"values":[".container",".container::before",".container::after",".container-md",".container-lg",".container-xl",".columns",".columns::before",".columns::after",".column",".one-third",".two-thirds",".one-fourth",".one-half",".three-fourths",".one-fifth",".four-fifths",".centered",".col-1",".col-2",".col-3",".col-4",".col-5",".col-6",".col-7",".col-8",".col-9",".col-10",".col-11",".col-12",".col-sm-1",".col-sm-2",".col-sm-3",".col-sm-4",".col-sm-5",".col-sm-6",".col-sm-7",".col-sm-8",".col-sm-9",".col-sm-10",".col-sm-11",".col-sm-12",".col-md-1",".col-md-2",".col-md-3",".col-md-4",".col-md-5",".col-md-6",".col-md-7",".col-md-8",".col-md-9",".col-md-10",".col-md-11",".col-md-12",".col-lg-1",".col-lg-2",".col-lg-3",".col-lg-4",".col-lg-5",".col-lg-6",".col-lg-7",".col-lg-8",".col-lg-9",".col-lg-10",".col-lg-11",".col-lg-12",".col-xl-1",".col-xl-2",".col-xl-3",".col-xl-4",".col-xl-5",".col-xl-6",".col-xl-7",".col-xl-8",".col-xl-9",".col-xl-10",".col-xl-11",".col-xl-12",".gutter",".gutter>[class*=\"col-\"]",".gutter-condensed",".gutter-condensed>[class*=\"col-\"]",".gutter-spacious",".gutter-spacious>[class*=\"col-\"]",".gutter-sm",".gutter-sm>[class*=\"col-\"]",".gutter-sm-condensed",".gutter-sm-condensed>[class*=\"col-\"]",".gutter-sm-spacious",".gutter-sm-spacious>[class*=\"col-\"]",".gutter-md",".gutter-md>[class*=\"col-\"]",".gutter-md-condensed",".gutter-md-condensed>[class*=\"col-\"]",".gutter-md-spacious",".gutter-md-spacious>[class*=\"col-\"]",".gutter-lg",".gutter-lg>[class*=\"col-\"]",".gutter-lg-condensed",".gutter-lg-condensed>[class*=\"col-\"]",".gutter-lg-spacious",".gutter-lg-spacious>[class*=\"col-\"]",".gutter-xl",".gutter-xl>[class*=\"col-\"]",".gutter-xl-condensed",".gutter-xl-condensed>[class*=\"col-\"]",".gutter-xl-spacious",".gutter-xl-spacious>[class*=\"col-\"]",".offset-1",".offset-2",".offset-3",".offset-4",".offset-5",".offset-6",".offset-7",".offset-8",".offset-9",".offset-10",".offset-11",".offset-sm-1",".offset-sm-2",".offset-sm-3",".offset-sm-4",".offset-sm-5",".offset-sm-6",".offset-sm-7",".offset-sm-8",".offset-sm-9",".offset-sm-10",".offset-sm-11",".offset-md-1",".offset-md-2",".offset-md-3",".offset-md-4",".offset-md-5",".offset-md-6",".offset-md-7",".offset-md-8",".offset-md-9",".offset-md-10",".offset-md-11",".offset-lg-1",".offset-lg-2",".offset-lg-3",".offset-lg-4",".offset-lg-5",".offset-lg-6",".offset-lg-7",".offset-lg-8",".offset-lg-9",".offset-lg-10",".offset-lg-11",".offset-xl-1",".offset-xl-2",".offset-xl-3",".offset-xl-4",".offset-xl-5",".offset-xl-6",".offset-xl-7",".offset-xl-8",".offset-xl-9",".offset-xl-10",".offset-xl-11"],"specificity":{"max":20,"average":10.94478527607362}},"declarations":{"total":213,"unique":55,"properties":{"width":["980px","33.333333%","66.666667%","25%","50%","75%","20%","80%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%"],"margin-right":["auto","auto","auto","auto","-10px","auto","-16px","-8px","-24px","-16px","-8px","-24px","-16px","-8px","-24px","-16px","-8px","-24px","-16px","-8px","-24px"],"margin-left":["auto","auto","auto","auto","-10px","auto","-16px","-8px","-24px","-16px","-8px","-24px","-16px","-8px","-24px","-16px","-8px","-24px","-16px","-8px","-24px","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%"],"display":["table","table","table","table","block"],"content":["\"\"","\"\"","\"\"","\"\""],"clear":["both","both"],"max-width":["768px","1012px","1280px"],"float":["left","none"],"padding-right":["10px","16px","8px","24px","16px","8px","24px","16px","8px","24px","16px","8px","24px","16px","8px","24px"],"padding-left":["10px","16px","8px","24px","16px","8px","24px","16px","8px","24px","16px","8px","24px","16px","8px","24px"]}},"mediaQueries":{"total":12,"unique":4,"values":["(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)","(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)","(min-width: 544px)","(min-width: 768px)","(min-width: 1012px)","(min-width: 1280px)"],"contents":[{"value":"(min-width: 544px)","rules":{"total":12,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":12,"type":0,"class":12,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".col-sm-1",".col-sm-2",".col-sm-3",".col-sm-4",".col-sm-5",".col-sm-6",".col-sm-7",".col-sm-8",".col-sm-9",".col-sm-10",".col-sm-11",".col-sm-12"],"specificity":{"max":10,"average":10}},"declarations":{"total":12,"unique":12,"properties":{"width":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%"]}}},{"value":"(min-width: 768px)","rules":{"total":12,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":12,"type":0,"class":12,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".col-md-1",".col-md-2",".col-md-3",".col-md-4",".col-md-5",".col-md-6",".col-md-7",".col-md-8",".col-md-9",".col-md-10",".col-md-11",".col-md-12"],"specificity":{"max":10,"average":10}},"declarations":{"total":12,"unique":12,"properties":{"width":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%"]}}},{"value":"(min-width: 1012px)","rules":{"total":12,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":12,"type":0,"class":12,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".col-lg-1",".col-lg-2",".col-lg-3",".col-lg-4",".col-lg-5",".col-lg-6",".col-lg-7",".col-lg-8",".col-lg-9",".col-lg-10",".col-lg-11",".col-lg-12"],"specificity":{"max":10,"average":10}},"declarations":{"total":12,"unique":12,"properties":{"width":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%"]}}},{"value":"(min-width: 1280px)","rules":{"total":12,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":12,"type":0,"class":12,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".col-xl-1",".col-xl-2",".col-xl-3",".col-xl-4",".col-xl-5",".col-xl-6",".col-xl-7",".col-xl-8",".col-xl-9",".col-xl-10",".col-xl-11",".col-xl-12"],"specificity":{"max":10,"average":10}},"declarations":{"total":12,"unique":12,"properties":{"width":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%","100%"]}}},{"value":"(min-width: 544px)","rules":{"total":6,"size":{"graph":[2,2,2,2,2,2],"max":2,"average":2}},"selectors":{"total":6,"type":0,"class":6,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".gutter-sm",".gutter-sm>[class*=\"col-\"]",".gutter-sm-condensed",".gutter-sm-condensed>[class*=\"col-\"]",".gutter-sm-spacious",".gutter-sm-spacious>[class*=\"col-\"]"],"specificity":{"max":20,"average":15}},"declarations":{"total":12,"unique":12,"properties":{"margin-right":["-16px","-8px","-24px"],"margin-left":["-16px","-8px","-24px"],"padding-right":["16px","8px","24px"],"padding-left":["16px","8px","24px"]}}},{"value":"(min-width: 768px)","rules":{"total":6,"size":{"graph":[2,2,2,2,2,2],"max":2,"average":2}},"selectors":{"total":6,"type":0,"class":6,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".gutter-md",".gutter-md>[class*=\"col-\"]",".gutter-md-condensed",".gutter-md-condensed>[class*=\"col-\"]",".gutter-md-spacious",".gutter-md-spacious>[class*=\"col-\"]"],"specificity":{"max":20,"average":15}},"declarations":{"total":12,"unique":12,"properties":{"margin-right":["-16px","-8px","-24px"],"margin-left":["-16px","-8px","-24px"],"padding-right":["16px","8px","24px"],"padding-left":["16px","8px","24px"]}}},{"value":"(min-width: 1012px)","rules":{"total":6,"size":{"graph":[2,2,2,2,2,2],"max":2,"average":2}},"selectors":{"total":6,"type":0,"class":6,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".gutter-lg",".gutter-lg>[class*=\"col-\"]",".gutter-lg-condensed",".gutter-lg-condensed>[class*=\"col-\"]",".gutter-lg-spacious",".gutter-lg-spacious>[class*=\"col-\"]"],"specificity":{"max":20,"average":15}},"declarations":{"total":12,"unique":12,"properties":{"margin-right":["-16px","-8px","-24px"],"margin-left":["-16px","-8px","-24px"],"padding-right":["16px","8px","24px"],"padding-left":["16px","8px","24px"]}}},{"value":"(min-width: 1280px)","rules":{"total":6,"size":{"graph":[2,2,2,2,2,2],"max":2,"average":2}},"selectors":{"total":6,"type":0,"class":6,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".gutter-xl",".gutter-xl>[class*=\"col-\"]",".gutter-xl-condensed",".gutter-xl-condensed>[class*=\"col-\"]",".gutter-xl-spacious",".gutter-xl-spacious>[class*=\"col-\"]"],"specificity":{"max":20,"average":15}},"declarations":{"total":12,"unique":12,"properties":{"margin-right":["-16px","-8px","-24px"],"margin-left":["-16px","-8px","-24px"],"padding-right":["16px","8px","24px"],"padding-left":["16px","8px","24px"]}}},{"value":"(min-width: 544px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".offset-sm-1",".offset-sm-2",".offset-sm-3",".offset-sm-4",".offset-sm-5",".offset-sm-6",".offset-sm-7",".offset-sm-8",".offset-sm-9",".offset-sm-10",".offset-sm-11"],"specificity":{"max":10,"average":10}},"declarations":{"total":11,"unique":11,"properties":{"margin-left":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%"]}}},{"value":"(min-width: 768px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".offset-md-1",".offset-md-2",".offset-md-3",".offset-md-4",".offset-md-5",".offset-md-6",".offset-md-7",".offset-md-8",".offset-md-9",".offset-md-10",".offset-md-11"],"specificity":{"max":10,"average":10}},"declarations":{"total":11,"unique":11,"properties":{"margin-left":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%"]}}},{"value":"(min-width: 1012px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".offset-lg-1",".offset-lg-2",".offset-lg-3",".offset-lg-4",".offset-lg-5",".offset-lg-6",".offset-lg-7",".offset-lg-8",".offset-lg-9",".offset-lg-10",".offset-lg-11"],"specificity":{"max":10,"average":10}},"declarations":{"total":11,"unique":11,"properties":{"margin-left":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%"]}}},{"value":"(min-width: 1280px)","rules":{"total":11,"size":{"graph":[1,1,1,1,1,1,1,1,1,1,1],"max":1,"average":1}},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".offset-xl-1",".offset-xl-2",".offset-xl-3",".offset-xl-4",".offset-xl-5",".offset-xl-6",".offset-xl-7",".offset-xl-8",".offset-xl-9",".offset-xl-10",".offset-xl-11"],"specificity":{"max":10,"average":10}},"declarations":{"total":11,"unique":11,"properties":{"margin-left":["8.33333%","16.66667%","25%","33.33333%","41.66667%","50%","58.33333%","66.66667%","75%","83.33333%","91.66667%"]}}}]}}}
|
@@ -45,21 +45,6 @@
|
|
45
45
|
width: 80%;
|
46
46
|
}
|
47
47
|
|
48
|
-
// Single column hack
|
49
|
-
.single-column {
|
50
|
-
padding-right: $grid-gutter;
|
51
|
-
padding-left: $grid-gutter;
|
52
|
-
}
|
53
|
-
|
54
|
-
// Equal width columns via table sorcery.
|
55
|
-
.table-column {
|
56
|
-
display: table-cell;
|
57
|
-
width: 1%;
|
58
|
-
padding-right: $grid-gutter;
|
59
|
-
padding-left: $grid-gutter;
|
60
|
-
vertical-align: top;
|
61
|
-
}
|
62
|
-
|
63
48
|
// Centers content horizontally. Can be used inside or outside the grid.
|
64
49
|
.centered {
|
65
50
|
display: block;
|
@@ -13,7 +13,6 @@
|
|
13
13
|
max-width: $container-md;
|
14
14
|
margin-right: auto;
|
15
15
|
margin-left: auto;
|
16
|
-
@include clearfix;
|
17
16
|
}
|
18
17
|
|
19
18
|
// 1004px - this matches the current fixed width: 980px + padding: px-3
|
@@ -21,7 +20,6 @@
|
|
21
20
|
max-width: $container-lg;
|
22
21
|
margin-right: auto;
|
23
22
|
margin-left: auto;
|
24
|
-
@include clearfix;
|
25
23
|
}
|
26
24
|
|
27
25
|
// 1280px
|
@@ -29,5 +27,4 @@
|
|
29
27
|
max-width: $container-xl;
|
30
28
|
margin-right: auto;
|
31
29
|
margin-left: auto;
|
32
|
-
@include clearfix;
|
33
30
|
}
|
@@ -31,8 +31,9 @@
|
|
31
31
|
}
|
32
32
|
}
|
33
33
|
|
34
|
-
// Gutters
|
35
|
-
|
34
|
+
// Gutters
|
35
|
+
// Apply padding and a negative margin to the outside of the container
|
36
|
+
@mixin gutters ($gutter-width: $spacer-3) {
|
36
37
|
margin-right: -$gutter-width;
|
37
38
|
margin-left: -$gutter-width;
|
38
39
|
|
@@ -42,6 +43,22 @@
|
|
42
43
|
}
|
43
44
|
}
|
44
45
|
|
45
|
-
.
|
46
|
-
|
47
|
-
|
46
|
+
.gutter {
|
47
|
+
@include gutters($spacer-3);
|
48
|
+
}
|
49
|
+
|
50
|
+
.gutter-condensed {
|
51
|
+
@include gutters($spacer-2);
|
52
|
+
}
|
53
|
+
|
54
|
+
.gutter-spacious {
|
55
|
+
@include gutters($spacer-4);
|
56
|
+
}
|
57
|
+
|
58
|
+
@each $breakpoint in map-keys($breakpoints) {
|
59
|
+
@include breakpoint($breakpoint) {
|
60
|
+
.gutter-#{$breakpoint} { @include gutters($spacer-3); }
|
61
|
+
.gutter-#{$breakpoint}-condensed { @include gutters($spacer-2); }
|
62
|
+
.gutter-#{$breakpoint}-spacious { @include gutters($spacer-4); }
|
63
|
+
}
|
64
|
+
}
|
@@ -1,77 +1,45 @@
|
|
1
1
|
{
|
2
|
-
"
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
"scope": null,
|
7
|
-
"escapedName": "primer-layout",
|
8
|
-
"name": "primer-layout",
|
9
|
-
"rawSpec": "0.3.2",
|
10
|
-
"spec": "0.3.2",
|
11
|
-
"type": "version"
|
12
|
-
},
|
13
|
-
"/Users/benbalter/projects/pages-themes/primer"
|
14
|
-
]
|
15
|
-
],
|
16
|
-
"_from": "primer-layout@0.3.2",
|
17
|
-
"_id": "primer-layout@0.3.2",
|
18
|
-
"_inCache": true,
|
2
|
+
"_from": "primer-layout@1.2.0",
|
3
|
+
"_id": "primer-layout@1.2.0",
|
4
|
+
"_inBundle": false,
|
5
|
+
"_integrity": "sha1-EL2+dEaGybv3/L6N2xT/7A018oI=",
|
19
6
|
"_location": "/primer-layout",
|
20
|
-
"_nodeVersion": "7.7.3",
|
21
|
-
"_npmOperationalInternal": {
|
22
|
-
"host": "packages-12-west.internal.npmjs.com",
|
23
|
-
"tmp": "tmp/primer-layout-0.3.2.tgz_1490129565778_0.9760897683445364"
|
24
|
-
},
|
25
|
-
"_npmUser": {
|
26
|
-
"name": "jonrohan",
|
27
|
-
"email": "yes@jonrohan.codes"
|
28
|
-
},
|
29
|
-
"_npmVersion": "4.1.2",
|
30
7
|
"_phantomChildren": {},
|
31
8
|
"_requested": {
|
32
|
-
"
|
33
|
-
"
|
34
|
-
"
|
9
|
+
"type": "version",
|
10
|
+
"registry": true,
|
11
|
+
"raw": "primer-layout@1.2.0",
|
35
12
|
"name": "primer-layout",
|
36
|
-
"
|
37
|
-
"
|
38
|
-
"
|
13
|
+
"escapedName": "primer-layout",
|
14
|
+
"rawSpec": "1.2.0",
|
15
|
+
"saveSpec": null,
|
16
|
+
"fetchSpec": "1.2.0"
|
39
17
|
},
|
40
18
|
"_requiredBy": [
|
41
19
|
"#USER",
|
42
20
|
"/"
|
43
21
|
],
|
44
|
-
"_resolved": "https://registry.npmjs.org/primer-layout/-/primer-layout-
|
45
|
-
"_shasum": "
|
46
|
-
"
|
47
|
-
"
|
48
|
-
"_where": "/Users/benbalter/projects/pages-themes/primer",
|
22
|
+
"_resolved": "https://registry.npmjs.org/primer-layout/-/primer-layout-1.2.0.tgz",
|
23
|
+
"_shasum": "10bdbe744686c9bbf7fcbe8ddb14ffec0d35f282",
|
24
|
+
"_spec": "primer-layout@1.2.0",
|
25
|
+
"_where": "/Users/benbalter/projects/primer",
|
49
26
|
"author": {
|
50
27
|
"name": "GitHub, Inc."
|
51
28
|
},
|
52
29
|
"bugs": {
|
53
|
-
"url": "https://github.com/primer/primer-
|
30
|
+
"url": "https://github.com/primer/primer-css/issues"
|
54
31
|
},
|
32
|
+
"bundleDependencies": false,
|
55
33
|
"dependencies": {
|
56
|
-
"primer-support": "
|
34
|
+
"primer-support": "^4.2.0"
|
57
35
|
},
|
36
|
+
"deprecated": false,
|
58
37
|
"description": "Containers, rows, and columns for creating page layout.",
|
59
|
-
"devDependencies": {
|
60
|
-
"primer-module-build": "*",
|
61
|
-
"stylelint": "*",
|
62
|
-
"stylelint-config-primer": "*"
|
63
|
-
},
|
64
|
-
"directories": {},
|
65
|
-
"dist": {
|
66
|
-
"shasum": "7f607ac1fad5942f646a05f6a4122a1577407118",
|
67
|
-
"tarball": "https://registry.npmjs.org/primer-layout/-/primer-layout-0.3.2.tgz"
|
68
|
-
},
|
69
38
|
"files": [
|
70
39
|
"index.scss",
|
71
40
|
"lib",
|
72
41
|
"build"
|
73
42
|
],
|
74
|
-
"gitHead": "78a9c41e8f74bdf5986d390ea29e7c80e5bcb135",
|
75
43
|
"homepage": "http://primercss.io/",
|
76
44
|
"keywords": [
|
77
45
|
"primer",
|
@@ -81,29 +49,17 @@
|
|
81
49
|
],
|
82
50
|
"license": "MIT",
|
83
51
|
"main": "build/index.js",
|
84
|
-
"maintainers": [
|
85
|
-
{
|
86
|
-
"name": "broccolini",
|
87
|
-
"email": "diana.mounter@gmail.com"
|
88
|
-
},
|
89
|
-
{
|
90
|
-
"name": "jonrohan",
|
91
|
-
"email": "yes@jonrohan.codes"
|
92
|
-
}
|
93
|
-
],
|
94
52
|
"name": "primer-layout",
|
95
|
-
"optionalDependencies": {},
|
96
|
-
"readme": "# Primer CSS Layout\n\n[![NPM version](http://img.shields.io/npm/v/primer-layout.svg)](https://www.npmjs.org/package/primer-layout)\n[![Build Status](https://travis-ci.org/primer/primer-layout.svg?branch=master)](https://travis-ci.org/primer/primer-layout)\n\n> Primer’s layout includes basic page containers and a single-tiered, fraction-based grid system. That sounds more complicated than it really is though—it’s just containers, rows, and columns.\n\nThis repository is a module of the full [primer-css][primer-css] repository.\n\n## Install\n\nThis repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-layout` with this command.\n\n```\n$ npm install --save primer-layout\n```\n\n## Usage\n\nThe 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.\n\n```scss\n@import \"primer-layout/index.scss\";\n```\n\nYou 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._\n\n## Build\n\nFor a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package.\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Layout\nstatus: Deprecated\nstatus_issue: https://github.com/github/design-systems/issues/59\nkey: /css/styles/core/objects/layout\n-->\n\nPrimer's layout includes basic page containers and a single-tiered, fraction-based grid system. That sounds more complicated than it really is though—it's just containers, rows, and columns.\n\nYou can find all the below styles in `_layout.scss`.\n\n#### Container\n\nCenter your page's contents with a `.container`.\n\n```html+erb\n<div class=\"container\">\n <!-- contents here -->\n</div>\n```\n\nThe container applies `width: 980px;` and uses horizontal `margin`s to center it.\n\n#### Grid\n\n##### How it works\n\nThe grid is pretty standard—you create rows with `.columns` and individual columns with a column class and fraction class. Here's how it works:\n\n- Add a `.container` to encapsulate everything and provide ample horizontal gutter space.\n- Create your outer row to clear the floated columns with `<div class=\"columns\">`.\n- Add your columns with individual `<div class=\"column\">`s.\n- Add your fractional width classes to set the width of the columns (e.g., `.one-fourth`).\n\n##### Demo\n\nIn practice, your columns will look like the example below.\n\n```html\n<div class=\"container\">\n <div class=\"columns mb-1\">\n <div class=\"one-fifth column block-blue p-3 border\">\n .one-fifth\n </div>\n <div class=\"four-fifths column block-blue p-3 border\">\n .four-fifths\n </div>\n </div>\n\n <div class=\"columns mb-1\">\n <div class=\"one-fourth column block-blue p-3 border\">\n .one-fourth\n </div>\n <div class=\"three-fourths column block-blue p-3 border\">\n .three-fourths\n </div>\n </div>\n\n <div class=\"columns mb-1\">\n <div class=\"one-third column block-blue p-3 border\">\n .one-third\n </div>\n <div class=\"two-thirds column block-blue p-3 border\">\n .two-thirds\n </div>\n </div>\n\n <div class=\"columns\">\n <div class=\"one-half column block-blue p-3 border\">\n .one-half\n </div>\n <div class=\"one-half column block-blue p-3 border\">\n .one-half\n </div>\n </div>\n</div>\n```\n\n##### Centered\n\nColumns can be [centered](/utilities/#centering-content) by adding `.centered` to the `.column` class.\n\n```html\n<div class=\"columns\">\n <div class=\"one-half column centered block-blue p-3\">\n .one-half\n </div>\n</div>\n```\n<!-- %enddocs -->\n\n## License\n\n[MIT](./LICENSE) © [GitHub](https://github.com/)\n\n[primer-css]: https://github.com/primer/primer\n[docs]: http://primercss.io/\n[npm]: https://www.npmjs.com/\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[sass]: http://sass-lang.com/\n",
|
97
|
-
"readmeFilename": "README.md",
|
98
53
|
"repository": {
|
99
54
|
"type": "git",
|
100
|
-
"url": "
|
55
|
+
"url": "https://github.com/primer/primer-css/tree/master/modules/primer-layout"
|
101
56
|
},
|
102
57
|
"scripts": {
|
103
58
|
"build": "primer-module-build index.scss",
|
104
|
-
"
|
105
|
-
"
|
59
|
+
"lint": "stylelint **/*.scss -s scss",
|
60
|
+
"prepare": "npm run build",
|
61
|
+
"test": "npm-run-all -s build lint"
|
106
62
|
},
|
107
63
|
"style": "index.scss",
|
108
|
-
"version": "
|
64
|
+
"version": "1.2.0"
|
109
65
|
}
|