polar-express 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- data/MIT-LICENSE +19 -0
- data/README.md +37 -0
- data/lib/generators/inuitcss/install/USAGE +9 -0
- data/lib/generators/inuitcss/install/install_generator.rb +9 -0
- data/lib/generators/inuitcss/install/templates/inuit.css.scss +99 -0
- data/lib/polar-express.rb +6 -0
- data/vendor/assets/stylesheets/CHANGELOG.md +26 -0
- data/vendor/assets/stylesheets/CONTRIBUTING.md +42 -0
- data/vendor/assets/stylesheets/LICENSE +13 -0
- data/vendor/assets/stylesheets/README.md +367 -0
- data/vendor/assets/stylesheets/_defaults.scss +225 -0
- data/vendor/assets/stylesheets/_inuit.scss +213 -0
- data/vendor/assets/stylesheets/base/_code.scss +63 -0
- data/vendor/assets/stylesheets/base/_forms.scss +174 -0
- data/vendor/assets/stylesheets/base/_headings.scss +60 -0
- data/vendor/assets/stylesheets/base/_images.scss +73 -0
- data/vendor/assets/stylesheets/base/_lists.scss +19 -0
- data/vendor/assets/stylesheets/base/_main.scss +8 -0
- data/vendor/assets/stylesheets/base/_paragraphs.scss +11 -0
- data/vendor/assets/stylesheets/base/_quotes.scss +96 -0
- data/vendor/assets/stylesheets/base/_smallprint.scss +13 -0
- data/vendor/assets/stylesheets/base/_tables.scss +163 -0
- data/vendor/assets/stylesheets/component.json +5 -0
- data/vendor/assets/stylesheets/generic/_brand.scss +18 -0
- data/vendor/assets/stylesheets/generic/_clearfix.scss +15 -0
- data/vendor/assets/stylesheets/generic/_debug.scss +168 -0
- data/vendor/assets/stylesheets/generic/_helper.scss +184 -0
- data/vendor/assets/stylesheets/generic/_mixins.scss +328 -0
- data/vendor/assets/stylesheets/generic/_normalize.scss +396 -0
- data/vendor/assets/stylesheets/generic/_pull.scss +147 -0
- data/vendor/assets/stylesheets/generic/_push.scss +147 -0
- data/vendor/assets/stylesheets/generic/_reset.scss +80 -0
- data/vendor/assets/stylesheets/generic/_shared.scss +61 -0
- data/vendor/assets/stylesheets/generic/_widths.scss +158 -0
- data/vendor/assets/stylesheets/objects/_arrows.scss +147 -0
- data/vendor/assets/stylesheets/objects/_beautons.scss +226 -0
- data/vendor/assets/stylesheets/objects/_block-list.scss +44 -0
- data/vendor/assets/stylesheets/objects/_breadcrumb.scss +63 -0
- data/vendor/assets/stylesheets/objects/_columns.scss +22 -0
- data/vendor/assets/stylesheets/objects/_flexbox.scss +55 -0
- data/vendor/assets/stylesheets/objects/_flyout.scss +63 -0
- data/vendor/assets/stylesheets/objects/_greybox.scss +58 -0
- data/vendor/assets/stylesheets/objects/_grids.scss +69 -0
- data/vendor/assets/stylesheets/objects/_icon-text.scss +40 -0
- data/vendor/assets/stylesheets/objects/_island.scss +38 -0
- data/vendor/assets/stylesheets/objects/_link-complex.scss +32 -0
- data/vendor/assets/stylesheets/objects/_lozenges.scss +46 -0
- data/vendor/assets/stylesheets/objects/_marginalia.scss +52 -0
- data/vendor/assets/stylesheets/objects/_matrix.scss +89 -0
- data/vendor/assets/stylesheets/objects/_media.scss +60 -0
- data/vendor/assets/stylesheets/objects/_nav.scss +155 -0
- data/vendor/assets/stylesheets/objects/_options.scss +45 -0
- data/vendor/assets/stylesheets/objects/_pagination.scss +50 -0
- data/vendor/assets/stylesheets/objects/_rules.scss +65 -0
- data/vendor/assets/stylesheets/objects/_split.scss +39 -0
- data/vendor/assets/stylesheets/objects/_sprite.scss +98 -0
- data/vendor/assets/stylesheets/objects/_stats.scss +52 -0
- data/vendor/assets/stylesheets/objects/_this-or-this.scss +38 -0
- data/vendor/assets/stylesheets/style.scss +26 -0
- metadata +122 -0
@@ -0,0 +1,155 @@
|
|
1
|
+
@if $use-nav == true or $use-options == true or $use-pagination == true or $use-breadcrumb == true{
|
2
|
+
|
3
|
+
/*------------------------------------*\
|
4
|
+
$NAV
|
5
|
+
\*------------------------------------*/
|
6
|
+
/**
|
7
|
+
* Nav abstraction as per: csswizardry.com/2011/09/the-nav-abstraction
|
8
|
+
* When used on an `ol` or `ul`, this class throws the list into horizontal mode
|
9
|
+
* e.g.:
|
10
|
+
*
|
11
|
+
<ul class=nav>
|
12
|
+
<li><a href=#>Home</a></li>
|
13
|
+
<li><a href=#>About</a></li>
|
14
|
+
<li><a href=#>Portfolio</a></li>
|
15
|
+
<li><a href=#>Contact</a></li>
|
16
|
+
</ul>
|
17
|
+
*
|
18
|
+
* Demo: jsfiddle.net/inuitcss/Vnph4
|
19
|
+
*
|
20
|
+
*/
|
21
|
+
.nav{
|
22
|
+
list-style:none;
|
23
|
+
margin-left:0;
|
24
|
+
@extend .cf;
|
25
|
+
|
26
|
+
> li{
|
27
|
+
|
28
|
+
&,
|
29
|
+
> a{
|
30
|
+
display:inline-block;
|
31
|
+
*display:inline;
|
32
|
+
zoom:1;
|
33
|
+
}
|
34
|
+
}
|
35
|
+
}
|
36
|
+
|
37
|
+
|
38
|
+
/**
|
39
|
+
* `.nav--stacked` extends `.nav` and throws the list into vertical mode, e.g.:
|
40
|
+
*
|
41
|
+
<ul class="nav nav--stacked">
|
42
|
+
<li><a href=#>Home</a></li>
|
43
|
+
<li><a href=#>About</a></li>
|
44
|
+
<li><a href=#>Portfolio</a></li>
|
45
|
+
<li><a href=#>Contact</a></li>
|
46
|
+
</ul>
|
47
|
+
*
|
48
|
+
*/
|
49
|
+
.nav--stacked{
|
50
|
+
|
51
|
+
> li{
|
52
|
+
display:list-item;
|
53
|
+
|
54
|
+
> a{
|
55
|
+
display:block;
|
56
|
+
}
|
57
|
+
}
|
58
|
+
}
|
59
|
+
|
60
|
+
|
61
|
+
/**
|
62
|
+
* `.nav--banner` extends `.nav` and centres the list, e.g.:
|
63
|
+
*
|
64
|
+
<ul class="nav nav--banner">
|
65
|
+
<li><a href=#>Home</a></li>
|
66
|
+
<li><a href=#>About</a></li>
|
67
|
+
<li><a href=#>Portfolio</a></li>
|
68
|
+
<li><a href=#>Contact</a></li>
|
69
|
+
</ul>
|
70
|
+
*
|
71
|
+
*/
|
72
|
+
.nav--banner{
|
73
|
+
text-align:center;
|
74
|
+
}
|
75
|
+
|
76
|
+
|
77
|
+
/**
|
78
|
+
* Give nav links a big, blocky hit area. Extends `.nav`, e.g.:
|
79
|
+
*
|
80
|
+
<ul class="nav nav--block">
|
81
|
+
<li><a href=#>Home</a></li>
|
82
|
+
<li><a href=#>About</a></li>
|
83
|
+
<li><a href=#>Portfolio</a></li>
|
84
|
+
<li><a href=#>Contact</a></li>
|
85
|
+
</ul>
|
86
|
+
*
|
87
|
+
*/
|
88
|
+
.nav--block{
|
89
|
+
line-height:1;
|
90
|
+
/**
|
91
|
+
* Remove whitespace caused by `inline-block`.
|
92
|
+
*/
|
93
|
+
letter-spacing:-0.31em;
|
94
|
+
word-spacing:-0.43em;
|
95
|
+
white-space:nowrap;
|
96
|
+
|
97
|
+
> li{
|
98
|
+
letter-spacing:normal;
|
99
|
+
word-spacing:normal;
|
100
|
+
|
101
|
+
> a{
|
102
|
+
padding:$half-spacing-unit;
|
103
|
+
}
|
104
|
+
}
|
105
|
+
}
|
106
|
+
|
107
|
+
|
108
|
+
/**
|
109
|
+
* Force a nav to occupy 100% of the available width of its parent. Extends
|
110
|
+
* `.nav`, e.g.:
|
111
|
+
*
|
112
|
+
<ul class="nav nav--fit">
|
113
|
+
<li><a href=#>Home</a></li>
|
114
|
+
<li><a href=#>About</a></li>
|
115
|
+
<li><a href=#>Portfolio</a></li>
|
116
|
+
<li><a href=#>Contact</a></li>
|
117
|
+
</ul>
|
118
|
+
*
|
119
|
+
* Thanks to @pimpl for this idea!
|
120
|
+
*/
|
121
|
+
.nav--fit{
|
122
|
+
display:table;
|
123
|
+
width:100%;
|
124
|
+
|
125
|
+
> li{
|
126
|
+
display:table-cell;
|
127
|
+
|
128
|
+
> a{
|
129
|
+
display:block;
|
130
|
+
}
|
131
|
+
}
|
132
|
+
}
|
133
|
+
|
134
|
+
|
135
|
+
/**
|
136
|
+
* Make a list of keywords. Extends `.nav`, e.g.:
|
137
|
+
*
|
138
|
+
`<ul class="nav nav--keywords>`
|
139
|
+
*
|
140
|
+
*/
|
141
|
+
.nav--keywords{
|
142
|
+
|
143
|
+
> li{
|
144
|
+
|
145
|
+
&:after{
|
146
|
+
content:"\002C" "\00A0";
|
147
|
+
}
|
148
|
+
|
149
|
+
&:last-child:after{
|
150
|
+
display:none;
|
151
|
+
}
|
152
|
+
}
|
153
|
+
}
|
154
|
+
|
155
|
+
}//endif
|
@@ -0,0 +1,45 @@
|
|
1
|
+
@if $use-options == true{
|
2
|
+
|
3
|
+
/*------------------------------------*\
|
4
|
+
$OPTIONS
|
5
|
+
\*------------------------------------*/
|
6
|
+
/**
|
7
|
+
* Link-group nav, used for displaying related options. Extends `.nav--block`
|
8
|
+
* but could also extend `.nav--fit`. Extend with colours and ‘current states’
|
9
|
+
* in your theme stylesheet.
|
10
|
+
*
|
11
|
+
<ul class="nav options">
|
12
|
+
<li><a></a></li>
|
13
|
+
<li><a></a></li>
|
14
|
+
<li><a></a></li>
|
15
|
+
<li><a></a></li>
|
16
|
+
</ul>
|
17
|
+
*
|
18
|
+
* Demo: jsfiddle.net/inuitcss/vwfaf
|
19
|
+
*
|
20
|
+
*/
|
21
|
+
.options{
|
22
|
+
@extend .nav--block;
|
23
|
+
|
24
|
+
> li{
|
25
|
+
|
26
|
+
> a{
|
27
|
+
border:0 solid $base-ui-color;
|
28
|
+
border-width:1px;
|
29
|
+
border-left-width:0;
|
30
|
+
}
|
31
|
+
|
32
|
+
&:first-child > a{
|
33
|
+
border-left-width:1px;
|
34
|
+
border-top-left-radius:$brand-round;
|
35
|
+
border-bottom-left-radius:$brand-round;
|
36
|
+
}
|
37
|
+
|
38
|
+
&:last-child > a{
|
39
|
+
border-top-right-radius:$brand-round;
|
40
|
+
border-bottom-right-radius:$brand-round;
|
41
|
+
}
|
42
|
+
}
|
43
|
+
}
|
44
|
+
|
45
|
+
}//endif
|
@@ -0,0 +1,50 @@
|
|
1
|
+
@if $use-pagination == true{
|
2
|
+
|
3
|
+
/*------------------------------------*\
|
4
|
+
$PAGINATION
|
5
|
+
\*------------------------------------*/
|
6
|
+
/**
|
7
|
+
* Basic pagination object, extends `.nav`.
|
8
|
+
* Requires some funky commenting to collapse any white-space caused by the
|
9
|
+
* `display:inline-block;` rules.
|
10
|
+
*
|
11
|
+
<ol class="nav pagination">
|
12
|
+
<li class=pagination__first>First</li>
|
13
|
+
<li class=pagination__prev>Previous</li>
|
14
|
+
<li><a href=/page/1>1</a></li>
|
15
|
+
<li><a href=/page/2>2</a></li>
|
16
|
+
<li class=current><a href=/page/3>3</a></li>
|
17
|
+
<li><a href=/page/4>4</a></li>
|
18
|
+
<li><a href=/page/5>5</a></li>
|
19
|
+
<li class=pagination__next><a href=/page/next>Next</a></li>
|
20
|
+
<li class=pagination__last><a href=/page/last>Last</a></li>
|
21
|
+
</ol>
|
22
|
+
*
|
23
|
+
* Demo: jsfiddle.net/inuitcss/9Y6PU
|
24
|
+
*
|
25
|
+
*/
|
26
|
+
.pagination{
|
27
|
+
text-align:center;
|
28
|
+
/**
|
29
|
+
* Remove whitespace caused by `inline-block`.
|
30
|
+
*/
|
31
|
+
letter-spacing:-0.31em;
|
32
|
+
word-spacing:-0.43em;
|
33
|
+
}
|
34
|
+
.pagination > li{
|
35
|
+
padding:$base-spacing-unit / 2;
|
36
|
+
letter-spacing:normal;
|
37
|
+
word-spacing:normal;
|
38
|
+
}
|
39
|
+
.pagination > li > a{
|
40
|
+
padding:$base-spacing-unit / 2;
|
41
|
+
margin:-$base-spacing-unit / 2;
|
42
|
+
}
|
43
|
+
.pagination__first a:before{
|
44
|
+
content:"\00AB" "\00A0";
|
45
|
+
}
|
46
|
+
.pagination__last a:after{
|
47
|
+
content:"\00A0" "\00BB";
|
48
|
+
}
|
49
|
+
|
50
|
+
}//endif
|
@@ -0,0 +1,65 @@
|
|
1
|
+
@if $use-rules == true{
|
2
|
+
|
3
|
+
/*------------------------------------*\
|
4
|
+
$RULES
|
5
|
+
\*------------------------------------*/
|
6
|
+
/**
|
7
|
+
* Horizontal rules, extend `hr`.
|
8
|
+
*
|
9
|
+
* Demo: jsfiddle.net/inuitcss/L6GuZ
|
10
|
+
*
|
11
|
+
*/
|
12
|
+
.rule{
|
13
|
+
color:$base-ui-color;
|
14
|
+
border:none;
|
15
|
+
border-bottom-width:1px;
|
16
|
+
border-bottom-style:solid;
|
17
|
+
margin-bottom:$base-spacing-unit - 1px;
|
18
|
+
margin-bottom:(($base-spacing-unit - 1px) / $base-font-size)*1rem;
|
19
|
+
}
|
20
|
+
|
21
|
+
|
22
|
+
/**
|
23
|
+
* Dotted rules
|
24
|
+
*/
|
25
|
+
.rule--dotted{
|
26
|
+
border-bottom-style:dotted;
|
27
|
+
}
|
28
|
+
|
29
|
+
|
30
|
+
/**
|
31
|
+
* Dashed rules
|
32
|
+
*/
|
33
|
+
.rule--dashed{
|
34
|
+
border-bottom-style:dashed;
|
35
|
+
}
|
36
|
+
|
37
|
+
|
38
|
+
/**
|
39
|
+
* Ornamental rules. Places a § over the rule.
|
40
|
+
*/
|
41
|
+
.rule--ornament{
|
42
|
+
position:relative;
|
43
|
+
|
44
|
+
&:after{
|
45
|
+
content:"\00A7";
|
46
|
+
position:absolute;
|
47
|
+
top: 0;
|
48
|
+
right: 0;
|
49
|
+
left: 0;
|
50
|
+
line-height:0;
|
51
|
+
text-align:center;
|
52
|
+
}
|
53
|
+
|
54
|
+
/**
|
55
|
+
* Pass in an arbitrary ornament though a data attribute, e.g.:
|
56
|
+
*
|
57
|
+
<hr class="rule rule--ornament" data-ornament="!">
|
58
|
+
*
|
59
|
+
*/
|
60
|
+
&[data-ornament]:after{
|
61
|
+
content:attr(data-ornament);
|
62
|
+
}
|
63
|
+
}
|
64
|
+
|
65
|
+
}//endif
|
@@ -0,0 +1,39 @@
|
|
1
|
+
@if $use-split == true{
|
2
|
+
|
3
|
+
/*------------------------------------*\
|
4
|
+
$SPLIT
|
5
|
+
\*------------------------------------*/
|
6
|
+
/**
|
7
|
+
* Simple split item for creating two elements floated away from one another,
|
8
|
+
* e.g.:
|
9
|
+
*
|
10
|
+
<dl class=split>
|
11
|
+
<dt class=split__title>Burger and fries</dt>
|
12
|
+
<dd>£5.99</dd>
|
13
|
+
<dt class=split__title>Fillet steak</dt>
|
14
|
+
<dd>£19.99</dd>
|
15
|
+
<dt class=split__title>Ice cream</dt>
|
16
|
+
<dd>£2.99</dd>
|
17
|
+
</dl>
|
18
|
+
*
|
19
|
+
<ol class="split results">
|
20
|
+
<li class=first><b class=split__title>1st place</b> Bob</li>
|
21
|
+
<li class=second><b class=split__title>2nd place</b> Lilly</li>
|
22
|
+
<li class=third><b class=split__title>3rd place</b> Ted</li>
|
23
|
+
</ol>
|
24
|
+
*
|
25
|
+
* Demo: jsfiddle.net/inuitcss/9gZW7
|
26
|
+
*
|
27
|
+
*/
|
28
|
+
.split{
|
29
|
+
text-align:right;
|
30
|
+
list-style:none;
|
31
|
+
margin-left:0;
|
32
|
+
}
|
33
|
+
.split__title{
|
34
|
+
text-align:left;
|
35
|
+
float:left;
|
36
|
+
clear:left;
|
37
|
+
}
|
38
|
+
|
39
|
+
}//endif
|
@@ -0,0 +1,98 @@
|
|
1
|
+
@if $use-sprite == true{
|
2
|
+
|
3
|
+
/*------------------------------------*\
|
4
|
+
$SPRITE
|
5
|
+
\*------------------------------------*/
|
6
|
+
/**
|
7
|
+
* Giving an element a class of `.sprite` will throw it into ‘sprite’ mode and apply
|
8
|
+
* a background image e.g.:
|
9
|
+
*
|
10
|
+
<a class="sprite sprite--question-mark">More info…</a>
|
11
|
+
*
|
12
|
+
* or
|
13
|
+
*
|
14
|
+
<a href=#><i class="sprite sprite--question-mark"></i> Help and FAQ</a>
|
15
|
+
*
|
16
|
+
* Giving an element a class of `.icon` will throw it into ‘icon’ mode and will
|
17
|
+
* not add a background, but should be used for icon fonts and is populated
|
18
|
+
* through a `data-icon` attribute and the `:after` pseudo-element, e.g.:
|
19
|
+
*
|
20
|
+
<a href=#><i class=icon data-icon=""></i> View your favourites</a>
|
21
|
+
*
|
22
|
+
* Where ‘’ might map to a star in your particular icon font.
|
23
|
+
*
|
24
|
+
* These all require extension in your theme stylesheet, e.g. in your own CSS:
|
25
|
+
*
|
26
|
+
.sprite{
|
27
|
+
background-image:url(path/to/your/sprite.png);
|
28
|
+
}
|
29
|
+
.sprite--link{ background-position:0 0 ; }
|
30
|
+
.sprite--star{ background-position:0 -16px; }
|
31
|
+
*
|
32
|
+
* Demo: jsfiddle.net/inuitcss/6TKuS
|
33
|
+
*
|
34
|
+
*/
|
35
|
+
.sprite,
|
36
|
+
.icon{
|
37
|
+
display:inline-block;
|
38
|
+
line-height:1;
|
39
|
+
position:relative;
|
40
|
+
vertical-align:middle;
|
41
|
+
zoom:1;
|
42
|
+
/**
|
43
|
+
* So using `.icon` on certain elements doesn’t make a visual difference.
|
44
|
+
*/
|
45
|
+
font-style:normal;
|
46
|
+
font-weight:normal;
|
47
|
+
/**
|
48
|
+
* So icons added using `.icon` sit in the centre of the element.
|
49
|
+
*/
|
50
|
+
text-align:center;
|
51
|
+
}
|
52
|
+
.sprite{
|
53
|
+
/**
|
54
|
+
* The typical size of most icons. Override in your theme stylesheet.
|
55
|
+
*/
|
56
|
+
width: 16px;
|
57
|
+
height:16px;
|
58
|
+
top:-1px;
|
59
|
+
|
60
|
+
/*
|
61
|
+
* H5BP method image replacement:
|
62
|
+
* github.com/h5bp/html5-boilerplate/commit/adecc5da035d6d76b77e3fa95c6abde841073da2
|
63
|
+
*/
|
64
|
+
overflow:hidden;
|
65
|
+
*text-indent:-9999px;
|
66
|
+
|
67
|
+
&:before{
|
68
|
+
content:"";
|
69
|
+
display:block;
|
70
|
+
width:0;
|
71
|
+
height:100%;
|
72
|
+
}
|
73
|
+
}
|
74
|
+
|
75
|
+
/**
|
76
|
+
* Set up icon font
|
77
|
+
*/
|
78
|
+
.icon{
|
79
|
+
font-size:16px;
|
80
|
+
/**
|
81
|
+
* Place the icon in a box the exact same dimensions as the icon itself.
|
82
|
+
*/
|
83
|
+
width:1em;
|
84
|
+
height:1em;
|
85
|
+
|
86
|
+
&:before{
|
87
|
+
content:attr(data-icon);
|
88
|
+
}
|
89
|
+
}
|
90
|
+
|
91
|
+
/**
|
92
|
+
* Icon size modifiers.
|
93
|
+
*/
|
94
|
+
.icon--large { font-size:32px; }
|
95
|
+
.icon--huge { font-size:64px; }
|
96
|
+
.icon--natural { font-size:inherit; }
|
97
|
+
|
98
|
+
}//endif
|
@@ -0,0 +1,52 @@
|
|
1
|
+
@if $use-stats == true{
|
2
|
+
|
3
|
+
/*------------------------------------*\
|
4
|
+
$STATS
|
5
|
+
\*------------------------------------*/
|
6
|
+
/**
|
7
|
+
* Simple object to display key–value statistic-like information, e.g.:
|
8
|
+
*
|
9
|
+
<div class=stat-group>
|
10
|
+
<dl class=stat>
|
11
|
+
<dt class=stat__title>Tweets</dt>
|
12
|
+
<dd class=stat__value>27,740</dd>
|
13
|
+
</dl>
|
14
|
+
|
15
|
+
<dl class=stat>
|
16
|
+
<dt class=stat__title>Following</dt>
|
17
|
+
<dd class=stat__value>11,529</dd>
|
18
|
+
</dl>
|
19
|
+
|
20
|
+
<dl class=stat>
|
21
|
+
<dt class=stat__title>Followers</dt>
|
22
|
+
<dd class=stat__value>12,105</dd>
|
23
|
+
</dl>
|
24
|
+
</div>
|
25
|
+
*
|
26
|
+
* Demo: jsfiddle.net/inuitcss/Bpwu6
|
27
|
+
*
|
28
|
+
*/
|
29
|
+
.stat-group{
|
30
|
+
@extend .cf;
|
31
|
+
margin-left:-$base-spacing-unit;
|
32
|
+
}
|
33
|
+
.stat{
|
34
|
+
float:left;
|
35
|
+
margin-left:$base-spacing-unit;
|
36
|
+
display:-ms-flexbox;
|
37
|
+
display:-webkit-flex;
|
38
|
+
display: -moz-flex;
|
39
|
+
display: flex;
|
40
|
+
@include vendor(flex-direction, column);
|
41
|
+
}
|
42
|
+
.stat__title{
|
43
|
+
@include vendor(order, 2);
|
44
|
+
-ms-flex-order:2;
|
45
|
+
}
|
46
|
+
.stat__value{
|
47
|
+
margin-left:0;
|
48
|
+
@include vendor(order, 1);
|
49
|
+
-ms-flex-order:1;
|
50
|
+
}
|
51
|
+
|
52
|
+
}//endif
|
@@ -0,0 +1,38 @@
|
|
1
|
+
@if $use-this-or-this == true{
|
2
|
+
|
3
|
+
/*------------------------------------*\
|
4
|
+
$THIS-OR-THIS
|
5
|
+
\*------------------------------------*/
|
6
|
+
/**
|
7
|
+
* Simple options object to provide multiple choices, e.g.:
|
8
|
+
*
|
9
|
+
<h1 class=this-or-this>
|
10
|
+
<a href=# class="this-or-this__this two-fifths">
|
11
|
+
Free
|
12
|
+
</a>
|
13
|
+
<span class="this-or-this__or one-fifth">
|
14
|
+
or
|
15
|
+
</span>
|
16
|
+
<a href=# class="this-or-this__this two-fifths">
|
17
|
+
Pro
|
18
|
+
</a>
|
19
|
+
</h1>
|
20
|
+
*
|
21
|
+
* The `.this-or-this__this` and `.this-or-this__or` objects can be sized using
|
22
|
+
* the grid-system classes.
|
23
|
+
*
|
24
|
+
* Demo: jsfiddle.net/inuitcss/R3sks
|
25
|
+
*
|
26
|
+
*/
|
27
|
+
.this-or-this{
|
28
|
+
display:table;
|
29
|
+
width:100%;
|
30
|
+
text-align:center;
|
31
|
+
}
|
32
|
+
.this-or-this__this,
|
33
|
+
.this-or-this__or{
|
34
|
+
display:table-cell;
|
35
|
+
vertical-align:middle;
|
36
|
+
}
|
37
|
+
|
38
|
+
}//endif
|
@@ -0,0 +1,26 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
/*------------------------------------*\
|
3
|
+
STYLE.CSS
|
4
|
+
\*------------------------------------*/
|
5
|
+
/**
|
6
|
+
*
|
7
|
+
* sass --watch style.scss:style.min.css --style compressed
|
8
|
+
*
|
9
|
+
* Here we pull in some variables, include the inuit.css framework, then add our
|
10
|
+
* project-specific components afterwards.
|
11
|
+
*/
|
12
|
+
|
13
|
+
|
14
|
+
/**
|
15
|
+
* Setup
|
16
|
+
*/
|
17
|
+
@import "inuit";
|
18
|
+
|
19
|
+
|
20
|
+
|
21
|
+
|
22
|
+
|
23
|
+
/**
|
24
|
+
* She’s all yours, cap’n... Begin importing your stuff here.
|
25
|
+
*/
|
26
|
+
//@import "ui/example";
|
metadata
ADDED
@@ -0,0 +1,122 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: polar-express
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 0.0.2
|
5
|
+
prerelease:
|
6
|
+
platform: ruby
|
7
|
+
authors:
|
8
|
+
- Daniel Boggs
|
9
|
+
autorequire:
|
10
|
+
bindir: bin
|
11
|
+
cert_chain: []
|
12
|
+
date: 2013-04-05 00:00:00.000000000 Z
|
13
|
+
dependencies:
|
14
|
+
- !ruby/object:Gem::Dependency
|
15
|
+
name: railties
|
16
|
+
requirement: !ruby/object:Gem::Requirement
|
17
|
+
none: false
|
18
|
+
requirements:
|
19
|
+
- - ~>
|
20
|
+
- !ruby/object:Gem::Version
|
21
|
+
version: '3.1'
|
22
|
+
type: :runtime
|
23
|
+
prerelease: false
|
24
|
+
version_requirements: !ruby/object:Gem::Requirement
|
25
|
+
none: false
|
26
|
+
requirements:
|
27
|
+
- - ~>
|
28
|
+
- !ruby/object:Gem::Version
|
29
|
+
version: '3.1'
|
30
|
+
description: |2
|
31
|
+
inuit.css – a powerful, scalable, Sass-based, BEM, OOCSS framework. (http://inuitcss.com/).
|
32
|
+
polar-express allows easy integration of inuit.css into the Rails asset pipeline. It also exposes the default inuit.css configuration files inside the rails app so that this implementation retains all of the available customizations.
|
33
|
+
email:
|
34
|
+
- daniel.boggs@gmail.com
|
35
|
+
executables: []
|
36
|
+
extensions: []
|
37
|
+
extra_rdoc_files: []
|
38
|
+
files:
|
39
|
+
- lib/generators/inuitcss/install/install_generator.rb
|
40
|
+
- lib/generators/inuitcss/install/templates/inuit.css.scss
|
41
|
+
- lib/generators/inuitcss/install/USAGE
|
42
|
+
- lib/polar-express.rb
|
43
|
+
- vendor/assets/stylesheets/_defaults.scss
|
44
|
+
- vendor/assets/stylesheets/_inuit.scss
|
45
|
+
- vendor/assets/stylesheets/base/_code.scss
|
46
|
+
- vendor/assets/stylesheets/base/_forms.scss
|
47
|
+
- vendor/assets/stylesheets/base/_headings.scss
|
48
|
+
- vendor/assets/stylesheets/base/_images.scss
|
49
|
+
- vendor/assets/stylesheets/base/_lists.scss
|
50
|
+
- vendor/assets/stylesheets/base/_main.scss
|
51
|
+
- vendor/assets/stylesheets/base/_paragraphs.scss
|
52
|
+
- vendor/assets/stylesheets/base/_quotes.scss
|
53
|
+
- vendor/assets/stylesheets/base/_smallprint.scss
|
54
|
+
- vendor/assets/stylesheets/base/_tables.scss
|
55
|
+
- vendor/assets/stylesheets/CHANGELOG.md
|
56
|
+
- vendor/assets/stylesheets/component.json
|
57
|
+
- vendor/assets/stylesheets/CONTRIBUTING.md
|
58
|
+
- vendor/assets/stylesheets/generic/_brand.scss
|
59
|
+
- vendor/assets/stylesheets/generic/_clearfix.scss
|
60
|
+
- vendor/assets/stylesheets/generic/_debug.scss
|
61
|
+
- vendor/assets/stylesheets/generic/_helper.scss
|
62
|
+
- vendor/assets/stylesheets/generic/_mixins.scss
|
63
|
+
- vendor/assets/stylesheets/generic/_normalize.scss
|
64
|
+
- vendor/assets/stylesheets/generic/_pull.scss
|
65
|
+
- vendor/assets/stylesheets/generic/_push.scss
|
66
|
+
- vendor/assets/stylesheets/generic/_reset.scss
|
67
|
+
- vendor/assets/stylesheets/generic/_shared.scss
|
68
|
+
- vendor/assets/stylesheets/generic/_widths.scss
|
69
|
+
- vendor/assets/stylesheets/LICENSE
|
70
|
+
- vendor/assets/stylesheets/objects/_arrows.scss
|
71
|
+
- vendor/assets/stylesheets/objects/_beautons.scss
|
72
|
+
- vendor/assets/stylesheets/objects/_block-list.scss
|
73
|
+
- vendor/assets/stylesheets/objects/_breadcrumb.scss
|
74
|
+
- vendor/assets/stylesheets/objects/_columns.scss
|
75
|
+
- vendor/assets/stylesheets/objects/_flexbox.scss
|
76
|
+
- vendor/assets/stylesheets/objects/_flyout.scss
|
77
|
+
- vendor/assets/stylesheets/objects/_greybox.scss
|
78
|
+
- vendor/assets/stylesheets/objects/_grids.scss
|
79
|
+
- vendor/assets/stylesheets/objects/_icon-text.scss
|
80
|
+
- vendor/assets/stylesheets/objects/_island.scss
|
81
|
+
- vendor/assets/stylesheets/objects/_link-complex.scss
|
82
|
+
- vendor/assets/stylesheets/objects/_lozenges.scss
|
83
|
+
- vendor/assets/stylesheets/objects/_marginalia.scss
|
84
|
+
- vendor/assets/stylesheets/objects/_matrix.scss
|
85
|
+
- vendor/assets/stylesheets/objects/_media.scss
|
86
|
+
- vendor/assets/stylesheets/objects/_nav.scss
|
87
|
+
- vendor/assets/stylesheets/objects/_options.scss
|
88
|
+
- vendor/assets/stylesheets/objects/_pagination.scss
|
89
|
+
- vendor/assets/stylesheets/objects/_rules.scss
|
90
|
+
- vendor/assets/stylesheets/objects/_split.scss
|
91
|
+
- vendor/assets/stylesheets/objects/_sprite.scss
|
92
|
+
- vendor/assets/stylesheets/objects/_stats.scss
|
93
|
+
- vendor/assets/stylesheets/objects/_this-or-this.scss
|
94
|
+
- vendor/assets/stylesheets/README.md
|
95
|
+
- vendor/assets/stylesheets/style.scss
|
96
|
+
- MIT-LICENSE
|
97
|
+
- README.md
|
98
|
+
homepage: https://github.com/danielboggs/polar-express
|
99
|
+
licenses: []
|
100
|
+
post_install_message:
|
101
|
+
rdoc_options: []
|
102
|
+
require_paths:
|
103
|
+
- lib
|
104
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
105
|
+
none: false
|
106
|
+
requirements:
|
107
|
+
- - '>='
|
108
|
+
- !ruby/object:Gem::Version
|
109
|
+
version: '0'
|
110
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
111
|
+
none: false
|
112
|
+
requirements:
|
113
|
+
- - '>='
|
114
|
+
- !ruby/object:Gem::Version
|
115
|
+
version: '0'
|
116
|
+
requirements: []
|
117
|
+
rubyforge_project:
|
118
|
+
rubygems_version: 1.8.25
|
119
|
+
signing_key:
|
120
|
+
specification_version: 3
|
121
|
+
summary: Integrates inuit.css into the Rails asset pipeline
|
122
|
+
test_files: []
|