polar-express 0.1.0 → 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.gitignore +2 -0
- data/LICENSE.txt +2 -2
- data/lib/generators/inuitcss/install/USAGE +1 -1
- data/lib/generators/inuitcss/install/install_generator.rb +2 -2
- data/lib/generators/inuitcss/install/templates/inuit.scss +56 -0
- data/lib/polar-express/version.rb +2 -2
- data/vendor/assets/inuit.css/inuit-bare-list/.bower.json +29 -0
- data/vendor/assets/inuit.css/inuit-bare-list/.gitignore +3 -0
- data/vendor/assets/inuit.css/inuit-bare-list/README.md +7 -0
- data/vendor/assets/inuit.css/inuit-bare-list/_objects.bare-list.scss +17 -0
- data/vendor/assets/inuit.css/inuit-block-list/.bower.json +30 -0
- data/vendor/assets/inuit.css/inuit-block-list/.gitignore +4 -0
- data/vendor/assets/inuit.css/inuit-block-list/README.md +7 -0
- data/vendor/assets/inuit.css/inuit-block-list/_objects.block-list.scss +78 -0
- data/vendor/assets/inuit.css/inuit-box-sizing/.bower.json +25 -0
- data/vendor/assets/inuit.css/inuit-box-sizing/README.md +4 -0
- data/vendor/assets/inuit.css/inuit-box-sizing/_generic.box-sizing.scss +35 -0
- data/vendor/assets/inuit.css/inuit-box/.bower.json +31 -0
- data/vendor/assets/inuit.css/inuit-box/.gitignore +3 -0
- data/vendor/assets/inuit.css/inuit-box/README.md +7 -0
- data/vendor/assets/inuit.css/inuit-box/_objects.box.scss +80 -0
- data/vendor/assets/inuit.css/inuit-buttons/.bower.json +30 -0
- data/vendor/assets/inuit.css/inuit-buttons/.gitignore +4 -0
- data/vendor/assets/inuit.css/inuit-buttons/README.md +8 -0
- data/vendor/assets/inuit.css/inuit-buttons/_objects.buttons.scss +165 -0
- data/vendor/assets/inuit.css/inuit-clearfix/.bower.json +14 -0
- data/vendor/assets/inuit.css/inuit-clearfix/README.md +3 -0
- data/vendor/assets/inuit.css/inuit-clearfix/_generic.clearfix.scss +19 -0
- data/vendor/assets/inuit.css/inuit-defaults/.bower.json +25 -0
- data/vendor/assets/inuit.css/inuit-defaults/README.md +8 -0
- data/vendor/assets/inuit.css/inuit-defaults/_settings.defaults.scss +42 -0
- data/vendor/assets/inuit.css/inuit-flag/.bower.json +30 -0
- data/vendor/assets/inuit.css/inuit-flag/.gitignore +4 -0
- data/vendor/assets/inuit.css/inuit-flag/README.md +9 -0
- data/vendor/assets/inuit.css/inuit-flag/_objects.flag.scss +366 -0
- data/vendor/assets/inuit.css/inuit-functions/.bower.json +25 -0
- data/vendor/assets/inuit.css/inuit-functions/README.md +4 -0
- data/vendor/assets/inuit.css/inuit-functions/_tools.functions.scss +34 -0
- data/vendor/assets/inuit.css/inuit-headings/.bower.json +30 -0
- data/vendor/assets/inuit.css/inuit-headings/.gitignore +3 -0
- data/vendor/assets/inuit.css/inuit-headings/README.md +8 -0
- data/vendor/assets/inuit.css/inuit-headings/_base.headings.scss +52 -0
- data/vendor/assets/inuit.css/inuit-images/.bower.json +26 -0
- data/vendor/assets/inuit.css/inuit-images/README.md +7 -0
- data/vendor/assets/inuit.css/inuit-images/_base.images.scss +29 -0
- data/vendor/assets/inuit.css/inuit-layout/.bower.json +30 -0
- data/vendor/assets/inuit.css/inuit-layout/.gitignore +3 -0
- data/vendor/assets/inuit.css/inuit-layout/README.md +9 -0
- data/vendor/assets/inuit.css/inuit-layout/_objects.layout.scss +267 -0
- data/vendor/assets/inuit.css/inuit-lists/.bower.json +15 -0
- data/vendor/assets/inuit.css/inuit-lists/README.md +4 -0
- data/vendor/assets/inuit.css/inuit-lists/_base.lists.scss +15 -0
- data/vendor/assets/inuit.css/inuit-media/.bower.json +31 -0
- data/vendor/assets/inuit.css/inuit-media/.gitignore +4 -0
- data/vendor/assets/inuit.css/inuit-media/README.md +12 -0
- data/vendor/assets/inuit.css/inuit-media/_objects.media.scss +267 -0
- data/vendor/assets/inuit.css/inuit-mixins/.bower.json +25 -0
- data/vendor/assets/inuit.css/inuit-mixins/README.md +4 -0
- data/vendor/assets/inuit.css/inuit-mixins/_tools.mixins.scss +27 -0
- data/vendor/assets/inuit.css/inuit-normalize/.bower.json +27 -0
- data/vendor/assets/inuit.css/inuit-normalize/README.md +13 -0
- data/vendor/assets/inuit.css/inuit-normalize/_generic.normalize.scss +425 -0
- data/vendor/assets/inuit.css/inuit-page/.bower.json +28 -0
- data/vendor/assets/inuit.css/inuit-page/.gitignore +3 -0
- data/vendor/assets/inuit.css/inuit-page/README.md +9 -0
- data/vendor/assets/inuit.css/inuit-page/_base.page.scss +30 -0
- data/vendor/assets/inuit.css/inuit-paragraphs/.bower.json +30 -0
- data/vendor/assets/inuit.css/inuit-paragraphs/.gitignore +3 -0
- data/vendor/assets/inuit.css/inuit-paragraphs/README.md +8 -0
- data/vendor/assets/inuit.css/inuit-paragraphs/_base.paragraphs.scss +12 -0
- data/vendor/assets/inuit.css/inuit-reset/.bower.json +26 -0
- data/vendor/assets/inuit.css/inuit-reset/README.md +5 -0
- data/vendor/assets/inuit.css/inuit-reset/_generic.reset.scss +54 -0
- data/vendor/assets/inuit.css/inuit-responsive-settings/.bower.json +25 -0
- data/vendor/assets/inuit.css/inuit-responsive-settings/README.md +3 -0
- data/vendor/assets/inuit.css/inuit-responsive-settings/_settings.responsive.scss +25 -0
- data/vendor/assets/inuit.css/inuit-responsive-tools/.bower.json +29 -0
- data/vendor/assets/inuit.css/inuit-responsive-tools/.gitignore +4 -0
- data/vendor/assets/inuit.css/inuit-responsive-tools/README.md +3 -0
- data/vendor/assets/inuit.css/inuit-responsive-tools/_tools.responsive.scss +64 -0
- data/vendor/assets/inuit.css/inuit-shared/.bower.json +29 -0
- data/vendor/assets/inuit.css/inuit-shared/.gitignore +3 -0
- data/vendor/assets/inuit.css/inuit-shared/README.md +9 -0
- data/vendor/assets/inuit.css/inuit-shared/_generic.shared.scss +33 -0
- data/vendor/assets/inuit.css/inuit-spacing/.bower.json +30 -0
- data/vendor/assets/inuit.css/inuit-spacing/.gitignore +4 -0
- data/vendor/assets/inuit.css/inuit-spacing/README.md +8 -0
- data/vendor/assets/inuit.css/inuit-spacing/_trumps.spacing.scss +337 -0
- data/vendor/assets/inuit.css/inuit-starter-kit/.bower.json +33 -0
- data/vendor/assets/inuit.css/inuit-starter-kit/.gitignore +3 -0
- data/vendor/assets/inuit.css/inuit-starter-kit/README.md +20 -0
- data/vendor/assets/inuit.css/inuit-tables/.bower.json +31 -0
- data/vendor/assets/inuit.css/inuit-tables/.gitignore +2 -0
- data/vendor/assets/inuit.css/inuit-tables/README.md +7 -0
- data/vendor/assets/inuit.css/inuit-tables/_objects.tables.scss +194 -0
- data/vendor/assets/inuit.css/inuit-tabs/.bower.json +28 -0
- data/vendor/assets/inuit.css/inuit-tabs/.gitignore +3 -0
- data/vendor/assets/inuit.css/inuit-tabs/README.md +8 -0
- data/vendor/assets/inuit.css/inuit-tabs/_objects.tabs.scss +38 -0
- data/vendor/assets/inuit.css/inuit-ui-list/.bower.json +30 -0
- data/vendor/assets/inuit.css/inuit-ui-list/.gitignore +4 -0
- data/vendor/assets/inuit.css/inuit-ui-list/README.md +7 -0
- data/vendor/assets/inuit.css/inuit-ui-list/_objects.ui-list.scss +92 -0
- data/vendor/assets/inuit.css/inuit-widths/.bower.json +29 -0
- data/vendor/assets/inuit.css/inuit-widths/.gitignore +3 -0
- data/vendor/assets/inuit.css/inuit-widths/README.md +8 -0
- data/vendor/assets/inuit.css/inuit-widths/_trumps.widths.scss +203 -0
- metadata +110 -62
- data/lib/generators/inuitcss/install/templates/inuit.css.scss +0 -99
- data/vendor/assets/stylesheets/CHANGELOG.md +0 -26
- data/vendor/assets/stylesheets/CONTRIBUTING.md +0 -42
- data/vendor/assets/stylesheets/LICENSE +0 -13
- data/vendor/assets/stylesheets/README.md +0 -367
- data/vendor/assets/stylesheets/_defaults.scss +0 -225
- data/vendor/assets/stylesheets/_inuit.scss +0 -213
- data/vendor/assets/stylesheets/base/_code.scss +0 -63
- data/vendor/assets/stylesheets/base/_forms.scss +0 -174
- data/vendor/assets/stylesheets/base/_headings.scss +0 -60
- data/vendor/assets/stylesheets/base/_images.scss +0 -73
- data/vendor/assets/stylesheets/base/_lists.scss +0 -19
- data/vendor/assets/stylesheets/base/_main.scss +0 -8
- data/vendor/assets/stylesheets/base/_paragraphs.scss +0 -11
- data/vendor/assets/stylesheets/base/_quotes.scss +0 -96
- data/vendor/assets/stylesheets/base/_smallprint.scss +0 -13
- data/vendor/assets/stylesheets/base/_tables.scss +0 -163
- data/vendor/assets/stylesheets/component.json +0 -5
- data/vendor/assets/stylesheets/generic/_brand.scss +0 -18
- data/vendor/assets/stylesheets/generic/_clearfix.scss +0 -15
- data/vendor/assets/stylesheets/generic/_debug.scss +0 -168
- data/vendor/assets/stylesheets/generic/_helper.scss +0 -184
- data/vendor/assets/stylesheets/generic/_mixins.scss +0 -328
- data/vendor/assets/stylesheets/generic/_normalize.scss +0 -396
- data/vendor/assets/stylesheets/generic/_pull.scss +0 -147
- data/vendor/assets/stylesheets/generic/_push.scss +0 -147
- data/vendor/assets/stylesheets/generic/_reset.scss +0 -80
- data/vendor/assets/stylesheets/generic/_shared.scss +0 -61
- data/vendor/assets/stylesheets/generic/_widths.scss +0 -158
- data/vendor/assets/stylesheets/objects/_arrows.scss +0 -147
- data/vendor/assets/stylesheets/objects/_beautons.scss +0 -226
- data/vendor/assets/stylesheets/objects/_block-list.scss +0 -44
- data/vendor/assets/stylesheets/objects/_breadcrumb.scss +0 -63
- data/vendor/assets/stylesheets/objects/_columns.scss +0 -22
- data/vendor/assets/stylesheets/objects/_flexbox.scss +0 -55
- data/vendor/assets/stylesheets/objects/_flyout.scss +0 -63
- data/vendor/assets/stylesheets/objects/_greybox.scss +0 -58
- data/vendor/assets/stylesheets/objects/_grids.scss +0 -69
- data/vendor/assets/stylesheets/objects/_icon-text.scss +0 -40
- data/vendor/assets/stylesheets/objects/_island.scss +0 -38
- data/vendor/assets/stylesheets/objects/_link-complex.scss +0 -32
- data/vendor/assets/stylesheets/objects/_lozenges.scss +0 -46
- data/vendor/assets/stylesheets/objects/_marginalia.scss +0 -52
- data/vendor/assets/stylesheets/objects/_matrix.scss +0 -89
- data/vendor/assets/stylesheets/objects/_media.scss +0 -60
- data/vendor/assets/stylesheets/objects/_nav.scss +0 -155
- data/vendor/assets/stylesheets/objects/_options.scss +0 -45
- data/vendor/assets/stylesheets/objects/_pagination.scss +0 -50
- data/vendor/assets/stylesheets/objects/_rules.scss +0 -65
- data/vendor/assets/stylesheets/objects/_split.scss +0 -39
- data/vendor/assets/stylesheets/objects/_sprite.scss +0 -98
- data/vendor/assets/stylesheets/objects/_stats.scss +0 -52
- data/vendor/assets/stylesheets/objects/_this-or-this.scss +0 -38
- data/vendor/assets/stylesheets/style.scss +0 -26
@@ -0,0 +1,25 @@
|
|
1
|
+
{
|
2
|
+
"name": "inuit-functions",
|
3
|
+
"version": "0.2.0",
|
4
|
+
"homepage": "https://github.com/inuitcss/tools.functions",
|
5
|
+
"authors": [
|
6
|
+
"Harry Roberts <harry@csswizardry.com>"
|
7
|
+
],
|
8
|
+
"description": "inuitcss’ default functions",
|
9
|
+
"main": "_tools.functions.scss",
|
10
|
+
"keywords": [
|
11
|
+
"inuitcss",
|
12
|
+
"oocss",
|
13
|
+
"css"
|
14
|
+
],
|
15
|
+
"license": "Apache",
|
16
|
+
"_release": "0.2.0",
|
17
|
+
"_resolution": {
|
18
|
+
"type": "version",
|
19
|
+
"tag": "0.2.0",
|
20
|
+
"commit": "719b9f9f2d8537e63d232fc796c02802a6078e94"
|
21
|
+
},
|
22
|
+
"_source": "git://github.com/inuitcss/tools.functions.git",
|
23
|
+
"_target": "~0.2.0",
|
24
|
+
"_originalSource": "inuit-functions"
|
25
|
+
}
|
@@ -0,0 +1,34 @@
|
|
1
|
+
///*------------------------------------*\
|
2
|
+
// #FUNCTIONS
|
3
|
+
//\*------------------------------------*/
|
4
|
+
|
5
|
+
// inuitcss makes use of a few functions that are also available for you to use
|
6
|
+
// later on in your extension of the framework.
|
7
|
+
|
8
|
+
|
9
|
+
|
10
|
+
|
11
|
+
|
12
|
+
// Maths helpers.
|
13
|
+
//
|
14
|
+
// Halve and double numbers, returning rounded integers. E.g.:
|
15
|
+
//
|
16
|
+
// .foo {
|
17
|
+
// padding: halve(3.2px);
|
18
|
+
// }
|
19
|
+
//
|
20
|
+
@function quarter($inuit-number) {
|
21
|
+
@return round($inuit-number / 4);
|
22
|
+
}
|
23
|
+
|
24
|
+
@function halve($inuit-number) {
|
25
|
+
@return round($inuit-number / 2);
|
26
|
+
}
|
27
|
+
|
28
|
+
@function double($inuit-number) {
|
29
|
+
@return round($inuit-number * 2);
|
30
|
+
}
|
31
|
+
|
32
|
+
@function quadruple($inuit-number) {
|
33
|
+
@return round($inuit-number * 4);
|
34
|
+
}
|
@@ -0,0 +1,30 @@
|
|
1
|
+
{
|
2
|
+
"name": "inuit-headings",
|
3
|
+
"version": "0.2.1",
|
4
|
+
"homepage": "https://github.com/inuitcss/base.headings",
|
5
|
+
"authors": [
|
6
|
+
"Harry Roberts <harry@csswizardry.com>"
|
7
|
+
],
|
8
|
+
"description": "Base heading rules for the inuitcss framework",
|
9
|
+
"main": "_base.headings.scss",
|
10
|
+
"keywords": [
|
11
|
+
"inuitcss",
|
12
|
+
"oocss",
|
13
|
+
"css"
|
14
|
+
],
|
15
|
+
"license": "Apache",
|
16
|
+
"dependencies": {
|
17
|
+
"inuit-defaults": "~0.2.0",
|
18
|
+
"inuit-mixins": "~0.1.1"
|
19
|
+
},
|
20
|
+
"_release": "0.2.1",
|
21
|
+
"_resolution": {
|
22
|
+
"type": "version",
|
23
|
+
"tag": "0.2.1",
|
24
|
+
"commit": "fd676862511daf5317759d491b462dad9f0b2629"
|
25
|
+
},
|
26
|
+
"_source": "git://github.com/inuitcss/base.headings.git",
|
27
|
+
"_target": "~0.2.1",
|
28
|
+
"_originalSource": "inuit-headings",
|
29
|
+
"_direct": true
|
30
|
+
}
|
@@ -0,0 +1,52 @@
|
|
1
|
+
/*------------------------------------*\
|
2
|
+
#HEADINGS
|
3
|
+
\*------------------------------------*/
|
4
|
+
|
5
|
+
/**
|
6
|
+
* Headings 1–6, with corresponding Greek-alphabet abstract classes for double-
|
7
|
+
* stranded heading hierarchy: csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css
|
8
|
+
*/
|
9
|
+
|
10
|
+
// Predefine the variables below in order to alter and enable specific features.
|
11
|
+
$inuit-heading-size-1: 36px !default;
|
12
|
+
$inuit-heading-size-2: 30px !default;
|
13
|
+
$inuit-heading-size-3: 24px !default;
|
14
|
+
$inuit-heading-size-4: 20px !default;
|
15
|
+
$inuit-heading-size-5: 16px !default;
|
16
|
+
$inuit-heading-size-6: 14px !default;
|
17
|
+
|
18
|
+
h1,
|
19
|
+
.#{$inuit-namespace}alpha,
|
20
|
+
%#{$inuit-namespace}alpha {
|
21
|
+
@include inuit-font-size($inuit-heading-size-1);
|
22
|
+
}
|
23
|
+
|
24
|
+
h2,
|
25
|
+
.#{$inuit-namespace}beta,
|
26
|
+
%#{$inuit-namespace}beta {
|
27
|
+
@include inuit-font-size($inuit-heading-size-2);
|
28
|
+
}
|
29
|
+
|
30
|
+
h3,
|
31
|
+
.#{$inuit-namespace}gamma,
|
32
|
+
%#{$inuit-namespace}gamma {
|
33
|
+
@include inuit-font-size($inuit-heading-size-3);
|
34
|
+
}
|
35
|
+
|
36
|
+
h4,
|
37
|
+
.#{$inuit-namespace}delta,
|
38
|
+
%#{$inuit-namespace}delta {
|
39
|
+
@include inuit-font-size($inuit-heading-size-4);
|
40
|
+
}
|
41
|
+
|
42
|
+
h5,
|
43
|
+
.#{$inuit-namespace}epsilon,
|
44
|
+
%#{$inuit-namespace}epsilon {
|
45
|
+
@include inuit-font-size($inuit-heading-size-5);
|
46
|
+
}
|
47
|
+
|
48
|
+
h6,
|
49
|
+
.#{$inuit-namespace}zeta,
|
50
|
+
%#{$inuit-namespace}zeta {
|
51
|
+
@include inuit-font-size($inuit-heading-size-6);
|
52
|
+
}
|
@@ -0,0 +1,26 @@
|
|
1
|
+
{
|
2
|
+
"name": "inuit-images",
|
3
|
+
"version": "0.2.0",
|
4
|
+
"homepage": "https://github.com/inuitcss/base.images",
|
5
|
+
"authors": [
|
6
|
+
"Harry Roberts <harry@csswizardry.com>"
|
7
|
+
],
|
8
|
+
"description": "Base image styles for the inuitcss framework",
|
9
|
+
"main": "_base.images.scss",
|
10
|
+
"keywords": [
|
11
|
+
"inuitcss",
|
12
|
+
"oocss",
|
13
|
+
"css"
|
14
|
+
],
|
15
|
+
"license": "Apache",
|
16
|
+
"_release": "0.2.0",
|
17
|
+
"_resolution": {
|
18
|
+
"type": "version",
|
19
|
+
"tag": "0.2.0",
|
20
|
+
"commit": "59e0cc55e65147143e80012e8eb1e7157f65e13e"
|
21
|
+
},
|
22
|
+
"_source": "git://github.com/inuitcss/base.images.git",
|
23
|
+
"_target": "~0.2.0",
|
24
|
+
"_originalSource": "inuit-images",
|
25
|
+
"_direct": true
|
26
|
+
}
|
@@ -0,0 +1,29 @@
|
|
1
|
+
/*------------------------------------*\
|
2
|
+
#IMAGES
|
3
|
+
\*------------------------------------*/
|
4
|
+
|
5
|
+
/**
|
6
|
+
* 1. Fluid images for responsive purposes.
|
7
|
+
* 2. Offset `alt` text from surrounding copy.
|
8
|
+
* 3. Setting `vertical-align` removes the whitespace that appears under `img`
|
9
|
+
* elements when they are dropped into a page as-is. Safer alternative to
|
10
|
+
* using `display: block;`.
|
11
|
+
*/
|
12
|
+
img{
|
13
|
+
max-width: 100%; /* [1] */
|
14
|
+
font-style: italic; /* [2] */
|
15
|
+
vertical-align: middle; /* [3] */
|
16
|
+
}
|
17
|
+
|
18
|
+
|
19
|
+
|
20
|
+
|
21
|
+
|
22
|
+
/**
|
23
|
+
* If a `width` and/or `height` attribute have been explicitly defined, let’s
|
24
|
+
* not make the image fluid.
|
25
|
+
*/
|
26
|
+
img[width],
|
27
|
+
img[height] {
|
28
|
+
max-width: none;
|
29
|
+
}
|
@@ -0,0 +1,30 @@
|
|
1
|
+
{
|
2
|
+
"name": "inuit-layout",
|
3
|
+
"version": "0.3.1",
|
4
|
+
"homepage": "https://github.com/inuitcss/objects.layout",
|
5
|
+
"authors": [
|
6
|
+
"Harry Roberts <harry@csswizardry.com>"
|
7
|
+
],
|
8
|
+
"description": "A simple layout abstraction in the inuitcss framework",
|
9
|
+
"main": "_objects.layout.scss",
|
10
|
+
"keywords": [
|
11
|
+
"inuitcss",
|
12
|
+
"oocss",
|
13
|
+
"css"
|
14
|
+
],
|
15
|
+
"license": "Apache",
|
16
|
+
"dependencies": {
|
17
|
+
"inuit-defaults": "~0.2.0",
|
18
|
+
"inuit-functions": "~0.2.0"
|
19
|
+
},
|
20
|
+
"_release": "0.3.1",
|
21
|
+
"_resolution": {
|
22
|
+
"type": "version",
|
23
|
+
"tag": "0.3.1",
|
24
|
+
"commit": "44f22551a24752e5172e247937014a483f809b5d"
|
25
|
+
},
|
26
|
+
"_source": "git://github.com/inuitcss/objects.layout.git",
|
27
|
+
"_target": "~0.3.1",
|
28
|
+
"_originalSource": "inuit-layout",
|
29
|
+
"_direct": true
|
30
|
+
}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
# Layout
|
2
|
+
|
3
|
+
inuitcss’ `layout` system is a powerful, flexible, highly advanced evolution of
|
4
|
+
the traditional grid system. It is based on
|
5
|
+
[csswizardry-grids](http://csswizardry.com/csswizardry-grids/).
|
6
|
+
|
7
|
+
Install using Bower:
|
8
|
+
|
9
|
+
$ bower install --save inuit-layout
|
@@ -0,0 +1,267 @@
|
|
1
|
+
/*------------------------------------*\
|
2
|
+
#LAYOUT
|
3
|
+
\*------------------------------------*/
|
4
|
+
|
5
|
+
/**
|
6
|
+
* The inuitcss layout system uses `box-sizing: border-box;` and
|
7
|
+
* `display: inline-block;` to create an extremely powerful, flexible
|
8
|
+
* alternative to the traditional grid system. Combine the layout items with
|
9
|
+
* the widths found in `trumps.widths`.
|
10
|
+
*/
|
11
|
+
|
12
|
+
// Predefine the variables below in order to alter and enable specific features.
|
13
|
+
$inuit-layout-namespace: $inuit-namespace !default;
|
14
|
+
|
15
|
+
$inuit-layout-gutter: $inuit-base-spacing-unit !default;
|
16
|
+
$inuit-layout-gutter--small: halve($inuit-layout-gutter) !default;
|
17
|
+
$inuit-layout-gutter--large: double($inuit-layout-gutter) !default;
|
18
|
+
|
19
|
+
$inuit-enable-layout--small: false !default;
|
20
|
+
$inuit-enable-layout--large: false !default;
|
21
|
+
$inuit-enable-layout--flush: false !default;
|
22
|
+
$inuit-enable-layout--rev: false !default;
|
23
|
+
$inuit-enable-layout--middle: false !default;
|
24
|
+
$inuit-enable-layout--bottom: false !default;
|
25
|
+
$inuit-enable-layout--right: false !default;
|
26
|
+
$inuit-enable-layout--center: false !default;
|
27
|
+
$inuit-enable-layout--auto: false !default;
|
28
|
+
|
29
|
+
|
30
|
+
|
31
|
+
|
32
|
+
|
33
|
+
// Here we set a variable assuming that `box-sizing: border-box;` is not set
|
34
|
+
// globally. If it has been previously been defined, the following variable will
|
35
|
+
// be overriden and will be set to `true`.
|
36
|
+
$inuit-global-border-box: false !default;
|
37
|
+
|
38
|
+
|
39
|
+
|
40
|
+
|
41
|
+
|
42
|
+
/**
|
43
|
+
* Begin a layout group.
|
44
|
+
*/
|
45
|
+
.#{$inuit-layout-namespace}layout,
|
46
|
+
%#{$inuit-layout-namespace}layout {
|
47
|
+
list-style: none;
|
48
|
+
margin: 0;
|
49
|
+
padding: 0;
|
50
|
+
margin-left: -$inuit-layout-gutter;
|
51
|
+
}
|
52
|
+
|
53
|
+
/**
|
54
|
+
* 1. Cause columns to stack side-by-side.
|
55
|
+
* 2. Space columns apart.
|
56
|
+
* 3. Align columns to the tops of each other.
|
57
|
+
* 4. Full-width unless told to behave otherwise.
|
58
|
+
* 5. Required to combine fluid widths and fixed gutters.
|
59
|
+
*/
|
60
|
+
.#{$inuit-layout-namespace}layout__item,
|
61
|
+
%#{$inuit-layout-namespace}layout__item {
|
62
|
+
display: inline-block; /* [1] */
|
63
|
+
padding-left: $inuit-layout-gutter; /* [2] */
|
64
|
+
vertical-align: top; /* [3] */
|
65
|
+
width: 100%; /* [4] */
|
66
|
+
|
67
|
+
@if $inuit-global-border-box == false {
|
68
|
+
-webkit-box-sizing: border-box; /* [5] */
|
69
|
+
-moz-box-sizing: border-box; /* [5] */
|
70
|
+
box-sizing: border-box; /* [5] */
|
71
|
+
}
|
72
|
+
|
73
|
+
}
|
74
|
+
|
75
|
+
|
76
|
+
|
77
|
+
|
78
|
+
|
79
|
+
@if ($inuit-enable-layout--small == true) {
|
80
|
+
|
81
|
+
/**
|
82
|
+
* Layouts with small gutters.
|
83
|
+
*/
|
84
|
+
|
85
|
+
.#{$inuit-layout-namespace}layout--small,
|
86
|
+
%#{$inuit-layout-namespace}layout--small {
|
87
|
+
margin-left: -($inuit-layout-gutter--small);
|
88
|
+
|
89
|
+
> .#{$inuit-layout-namespace}layout__item,
|
90
|
+
> %#{$inuit-layout-namespace}layout__item {
|
91
|
+
padding-left: $inuit-layout-gutter--small;
|
92
|
+
}
|
93
|
+
|
94
|
+
}
|
95
|
+
|
96
|
+
}
|
97
|
+
|
98
|
+
@if ($inuit-enable-layout--large == true) {
|
99
|
+
|
100
|
+
/**
|
101
|
+
* Layouts with large gutters.
|
102
|
+
*/
|
103
|
+
|
104
|
+
.#{$inuit-layout-namespace}layout--large,
|
105
|
+
%#{$inuit-layout-namespace}layout--large {
|
106
|
+
margin-left: -($inuit-layout-gutter--large);
|
107
|
+
|
108
|
+
> .#{$inuit-layout-namespace}layout__item,
|
109
|
+
> %#{$inuit-layout-namespace}layout__item {
|
110
|
+
padding-left: $inuit-layout-gutter--large;
|
111
|
+
}
|
112
|
+
|
113
|
+
}
|
114
|
+
|
115
|
+
}
|
116
|
+
|
117
|
+
|
118
|
+
|
119
|
+
|
120
|
+
|
121
|
+
@if ($inuit-enable-layout--flush == true) {
|
122
|
+
|
123
|
+
/**
|
124
|
+
* Layouts with no gutters.
|
125
|
+
*/
|
126
|
+
|
127
|
+
.#{$inuit-layout-namespace}layout--flush,
|
128
|
+
%#{$inuit-layout-namespace}layout--flush {
|
129
|
+
margin-left: 0;
|
130
|
+
|
131
|
+
> .#{$inuit-layout-namespace}layout__item,
|
132
|
+
> %#{$inuit-layout-namespace}layout__item {
|
133
|
+
padding-left: 0;
|
134
|
+
}
|
135
|
+
|
136
|
+
}
|
137
|
+
|
138
|
+
}
|
139
|
+
|
140
|
+
|
141
|
+
|
142
|
+
|
143
|
+
|
144
|
+
@if ($inuit-enable-layout--rev == true) {
|
145
|
+
|
146
|
+
/**
|
147
|
+
* Reversed rendered order of layout items, e.g. items 1, 2, 3, 4 in your
|
148
|
+
* markup will display in order 4, 3, 2, 1 on your page.
|
149
|
+
*/
|
150
|
+
|
151
|
+
.#{$inuit-layout-namespace}layout--rev,
|
152
|
+
%#{$inuit-layout-namespace}layout--rev {
|
153
|
+
direction: rtl;
|
154
|
+
text-align: left;
|
155
|
+
|
156
|
+
> .#{$inuit-layout-namespace}layout__item,
|
157
|
+
> %#{$inuit-layout-namespace}layout__item {
|
158
|
+
direction: ltr;
|
159
|
+
text-align: left;
|
160
|
+
}
|
161
|
+
|
162
|
+
}
|
163
|
+
|
164
|
+
}
|
165
|
+
|
166
|
+
|
167
|
+
|
168
|
+
|
169
|
+
|
170
|
+
@if ($inuit-enable-layout--middle == true) {
|
171
|
+
|
172
|
+
/**
|
173
|
+
* Align layout items to the vertical centers of each other.
|
174
|
+
*/
|
175
|
+
|
176
|
+
.#{$inuit-layout-namespace}layout--middle,
|
177
|
+
%#{$inuit-layout-namespace}layout--middle {
|
178
|
+
|
179
|
+
> .#{$inuit-layout-namespace}layout__item,
|
180
|
+
> %#{$inuit-layout-namespace}layout__item {
|
181
|
+
vertical-align: middle;
|
182
|
+
}
|
183
|
+
|
184
|
+
}
|
185
|
+
|
186
|
+
}
|
187
|
+
|
188
|
+
@if ($inuit-enable-layout--bottom == true) {
|
189
|
+
|
190
|
+
/**
|
191
|
+
* Align layout items to the vertical bottoms of each other.
|
192
|
+
*/
|
193
|
+
|
194
|
+
.#{$inuit-layout-namespace}layout--bottom,
|
195
|
+
%#{$inuit-layout-namespace}layout--bottom {
|
196
|
+
|
197
|
+
> .#{$inuit-layout-namespace}layout__item,
|
198
|
+
> %#{$inuit-layout-namespace}layout__item {
|
199
|
+
vertical-align: bottom;
|
200
|
+
}
|
201
|
+
|
202
|
+
}
|
203
|
+
|
204
|
+
}
|
205
|
+
|
206
|
+
|
207
|
+
|
208
|
+
|
209
|
+
|
210
|
+
@if ($inuit-enable-layout--right == true) {
|
211
|
+
|
212
|
+
/**
|
213
|
+
* Make the layout items fill up from the right hand side.
|
214
|
+
*/
|
215
|
+
|
216
|
+
.#{$inuit-layout-namespace}layout--right,
|
217
|
+
%#{$inuit-layout-namespace}layout--right {
|
218
|
+
text-align: right;
|
219
|
+
|
220
|
+
> .#{$inuit-layout-namespace}layout__item,
|
221
|
+
> %#{$inuit-layout-namespace}layout__item {
|
222
|
+
text-align: left;
|
223
|
+
}
|
224
|
+
|
225
|
+
}
|
226
|
+
|
227
|
+
}
|
228
|
+
|
229
|
+
@if ($inuit-enable-layout--center == true) {
|
230
|
+
|
231
|
+
/**
|
232
|
+
* Make the layout items fill up from the center outward.
|
233
|
+
*/
|
234
|
+
|
235
|
+
.#{$inuit-layout-namespace}layout--center,
|
236
|
+
%#{$inuit-layout-namespace}layout--center {
|
237
|
+
text-align: center;
|
238
|
+
|
239
|
+
> .#{$inuit-layout-namespace}layout__item,
|
240
|
+
> %#{$inuit-layout-namespace}layout__item {
|
241
|
+
text-align: left;
|
242
|
+
}
|
243
|
+
|
244
|
+
}
|
245
|
+
|
246
|
+
}
|
247
|
+
|
248
|
+
|
249
|
+
|
250
|
+
|
251
|
+
|
252
|
+
@if ($inuit-enable-layout--auto == true) {
|
253
|
+
|
254
|
+
/**
|
255
|
+
* Cause layout items to take up a non-explicit amount of width.
|
256
|
+
*/
|
257
|
+
.#{$inuit-layout-namespace}layout--auto,
|
258
|
+
%#{$inuit-layout-namespace}layout--auto {
|
259
|
+
|
260
|
+
> .#{$inuit-layout-namespace}layout__item,
|
261
|
+
> %#{$inuit-layout-namespace}layout__item {
|
262
|
+
width: auto;
|
263
|
+
}
|
264
|
+
|
265
|
+
}
|
266
|
+
|
267
|
+
}
|