inuit_rails 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +17 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +22 -0
- data/README.md +29 -0
- data/Rakefile +1 -0
- data/inuit_rails.gemspec +23 -0
- data/lib/generators/inuit_rails/install_generator.rb +23 -0
- data/lib/generators/inuit_rails/templates/inuit_override.css.scss +209 -0
- data/lib/inuit_rails.rb +6 -0
- data/lib/inuit_rails/version.rb +3 -0
- data/vendor/assets/stylesheets/_defaults.scss +226 -0
- data/vendor/assets/stylesheets/_inuit.scss +215 -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 +45 -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 +13 -0
- data/vendor/assets/stylesheets/base/_massive_print.scss +16 -0
- data/vendor/assets/stylesheets/base/_quotes.scss +98 -0
- data/vendor/assets/stylesheets/base/_small_print.scss +13 -0
- data/vendor/assets/stylesheets/base/_tables.scss +163 -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/_inline_block_fix.scss +14 -0
- data/vendor/assets/stylesheets/generic/_inline_block_whitespace_fix.scss +13 -0
- data/vendor/assets/stylesheets/generic/_mixins.scss +341 -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 +85 -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 +218 -0
- data/vendor/assets/stylesheets/objects/_block-list.scss +45 -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 +80 -0
- data/vendor/assets/stylesheets/objects/_greybox.scss +58 -0
- data/vendor/assets/stylesheets/objects/_grids.scss +76 -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/_nav__breadcrumb.scss +67 -0
- data/vendor/assets/stylesheets/objects/_nav__options.scss +45 -0
- data/vendor/assets/stylesheets/objects/_nav__pagination.scss +53 -0
- data/vendor/assets/stylesheets/objects/_rules.scss +63 -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
- metadata +131 -0
@@ -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
|
+
@extend %inline_block_fix;
|
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
|
metadata
ADDED
@@ -0,0 +1,131 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: inuit_rails
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 0.0.2
|
5
|
+
platform: ruby
|
6
|
+
authors:
|
7
|
+
- farmerworking
|
8
|
+
autorequire:
|
9
|
+
bindir: bin
|
10
|
+
cert_chain: []
|
11
|
+
date: 2013-12-06 00:00:00.000000000 Z
|
12
|
+
dependencies:
|
13
|
+
- !ruby/object:Gem::Dependency
|
14
|
+
name: bundler
|
15
|
+
requirement: !ruby/object:Gem::Requirement
|
16
|
+
requirements:
|
17
|
+
- - ~>
|
18
|
+
- !ruby/object:Gem::Version
|
19
|
+
version: '1.3'
|
20
|
+
type: :development
|
21
|
+
prerelease: false
|
22
|
+
version_requirements: !ruby/object:Gem::Requirement
|
23
|
+
requirements:
|
24
|
+
- - ~>
|
25
|
+
- !ruby/object:Gem::Version
|
26
|
+
version: '1.3'
|
27
|
+
- !ruby/object:Gem::Dependency
|
28
|
+
name: rake
|
29
|
+
requirement: !ruby/object:Gem::Requirement
|
30
|
+
requirements:
|
31
|
+
- - '>='
|
32
|
+
- !ruby/object:Gem::Version
|
33
|
+
version: '0'
|
34
|
+
type: :development
|
35
|
+
prerelease: false
|
36
|
+
version_requirements: !ruby/object:Gem::Requirement
|
37
|
+
requirements:
|
38
|
+
- - '>='
|
39
|
+
- !ruby/object:Gem::Version
|
40
|
+
version: '0'
|
41
|
+
description: Wapper of inuit.css for rails applications
|
42
|
+
email:
|
43
|
+
- farmerworking@gmail.com
|
44
|
+
executables: []
|
45
|
+
extensions: []
|
46
|
+
extra_rdoc_files: []
|
47
|
+
files:
|
48
|
+
- .gitignore
|
49
|
+
- Gemfile
|
50
|
+
- LICENSE.txt
|
51
|
+
- README.md
|
52
|
+
- Rakefile
|
53
|
+
- inuit_rails.gemspec
|
54
|
+
- lib/generators/inuit_rails/install_generator.rb
|
55
|
+
- lib/generators/inuit_rails/templates/inuit_override.css.scss
|
56
|
+
- lib/inuit_rails.rb
|
57
|
+
- lib/inuit_rails/version.rb
|
58
|
+
- vendor/assets/stylesheets/_defaults.scss
|
59
|
+
- vendor/assets/stylesheets/_inuit.scss
|
60
|
+
- vendor/assets/stylesheets/base/_code.scss
|
61
|
+
- vendor/assets/stylesheets/base/_forms.scss
|
62
|
+
- vendor/assets/stylesheets/base/_headings.scss
|
63
|
+
- vendor/assets/stylesheets/base/_images.scss
|
64
|
+
- vendor/assets/stylesheets/base/_lists.scss
|
65
|
+
- vendor/assets/stylesheets/base/_main.scss
|
66
|
+
- vendor/assets/stylesheets/base/_massive_print.scss
|
67
|
+
- vendor/assets/stylesheets/base/_quotes.scss
|
68
|
+
- vendor/assets/stylesheets/base/_small_print.scss
|
69
|
+
- vendor/assets/stylesheets/base/_tables.scss
|
70
|
+
- vendor/assets/stylesheets/generic/_brand.scss
|
71
|
+
- vendor/assets/stylesheets/generic/_clearfix.scss
|
72
|
+
- vendor/assets/stylesheets/generic/_debug.scss
|
73
|
+
- vendor/assets/stylesheets/generic/_helper.scss
|
74
|
+
- vendor/assets/stylesheets/generic/_inline_block_fix.scss
|
75
|
+
- vendor/assets/stylesheets/generic/_inline_block_whitespace_fix.scss
|
76
|
+
- vendor/assets/stylesheets/generic/_mixins.scss
|
77
|
+
- vendor/assets/stylesheets/generic/_normalize.scss
|
78
|
+
- vendor/assets/stylesheets/generic/_pull.scss
|
79
|
+
- vendor/assets/stylesheets/generic/_push.scss
|
80
|
+
- vendor/assets/stylesheets/generic/_reset.scss
|
81
|
+
- vendor/assets/stylesheets/generic/_shared.scss
|
82
|
+
- vendor/assets/stylesheets/generic/_widths.scss
|
83
|
+
- vendor/assets/stylesheets/objects/_arrows.scss
|
84
|
+
- vendor/assets/stylesheets/objects/_beautons.scss
|
85
|
+
- vendor/assets/stylesheets/objects/_block-list.scss
|
86
|
+
- vendor/assets/stylesheets/objects/_columns.scss
|
87
|
+
- vendor/assets/stylesheets/objects/_flexbox.scss
|
88
|
+
- vendor/assets/stylesheets/objects/_flyout.scss
|
89
|
+
- vendor/assets/stylesheets/objects/_greybox.scss
|
90
|
+
- vendor/assets/stylesheets/objects/_grids.scss
|
91
|
+
- vendor/assets/stylesheets/objects/_icon-text.scss
|
92
|
+
- vendor/assets/stylesheets/objects/_island.scss
|
93
|
+
- vendor/assets/stylesheets/objects/_link-complex.scss
|
94
|
+
- vendor/assets/stylesheets/objects/_lozenges.scss
|
95
|
+
- vendor/assets/stylesheets/objects/_marginalia.scss
|
96
|
+
- vendor/assets/stylesheets/objects/_matrix.scss
|
97
|
+
- vendor/assets/stylesheets/objects/_media.scss
|
98
|
+
- vendor/assets/stylesheets/objects/_nav.scss
|
99
|
+
- vendor/assets/stylesheets/objects/_nav__breadcrumb.scss
|
100
|
+
- vendor/assets/stylesheets/objects/_nav__options.scss
|
101
|
+
- vendor/assets/stylesheets/objects/_nav__pagination.scss
|
102
|
+
- vendor/assets/stylesheets/objects/_rules.scss
|
103
|
+
- vendor/assets/stylesheets/objects/_split.scss
|
104
|
+
- vendor/assets/stylesheets/objects/_sprite.scss
|
105
|
+
- vendor/assets/stylesheets/objects/_stats.scss
|
106
|
+
- vendor/assets/stylesheets/objects/_this-or-this.scss
|
107
|
+
homepage: ''
|
108
|
+
licenses:
|
109
|
+
- MIT
|
110
|
+
metadata: {}
|
111
|
+
post_install_message:
|
112
|
+
rdoc_options: []
|
113
|
+
require_paths:
|
114
|
+
- lib
|
115
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
116
|
+
requirements:
|
117
|
+
- - '>='
|
118
|
+
- !ruby/object:Gem::Version
|
119
|
+
version: '0'
|
120
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
121
|
+
requirements:
|
122
|
+
- - '>='
|
123
|
+
- !ruby/object:Gem::Version
|
124
|
+
version: '0'
|
125
|
+
requirements: []
|
126
|
+
rubyforge_project:
|
127
|
+
rubygems_version: 2.1.10
|
128
|
+
signing_key:
|
129
|
+
specification_version: 4
|
130
|
+
summary: Wapper of inuit.css for rails applications
|
131
|
+
test_files: []
|