skeletor_backbone 0.0.5 → 0.0.6
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +3 -0
- data/app/assets/images/skeletor/skeletor.png +0 -0
- data/app/assets/stylesheets/skeletor-preview.sass +17 -0
- data/app/assets/stylesheets/skeletor.sass +64 -13
- data/app/assets/stylesheets/skeletor/_css3.sass +16 -16
- data/app/assets/stylesheets/skeletor/_functions.sass +8 -8
- data/app/assets/stylesheets/skeletor/_mixins.sass +20 -18
- data/app/assets/stylesheets/skeletor/_modules.sass +6 -8
- data/app/assets/stylesheets/skeletor/_settings.sass +15 -8
- data/app/assets/stylesheets/skeletor/{base/debug.sass → core/_debug.sass} +10 -18
- data/app/assets/stylesheets/skeletor/{layout → core}/_grid.sass +0 -0
- data/app/assets/stylesheets/skeletor/core/_helpers.sass +142 -0
- data/app/assets/stylesheets/skeletor/{base/print.sass → core/_print.sass} +3 -1
- data/app/assets/stylesheets/skeletor/{base/reset.sass → core/_reset.sass} +6 -3
- data/app/assets/stylesheets/skeletor/{base/foundation.sass → core/base.sass} +81 -148
- data/app/assets/stylesheets/skeletor/core/content.sass +93 -0
- data/app/assets/stylesheets/skeletor/{layout/skeleton.sass → core/layout.sass} +45 -6
- data/app/assets/stylesheets/skeletor/globals/css3/_prefixer.sass +14 -14
- data/app/assets/stylesheets/skeletor/globals/functions/_calculate_em.sass +8 -19
- data/app/assets/stylesheets/skeletor/globals/functions/_calculate_modular_scale.sass +6 -16
- data/app/assets/stylesheets/skeletor/globals/functions/_calculate_percent.sass +9 -20
- data/app/assets/stylesheets/skeletor/globals/functions/_calculate_rem.sass +9 -20
- data/app/assets/stylesheets/skeletor/globals/functions/_strip_units.sass +6 -16
- data/app/assets/stylesheets/skeletor/globals/mixins/_font_size.sass +31 -0
- data/app/assets/stylesheets/skeletor/globals/mixins/_media_query.sass +2 -6
- data/app/assets/stylesheets/skeletor/globals/mixins/_rem.sass +6 -61
- data/app/assets/stylesheets/skeletor/globals/mixins/_vertical_spacing.sass +29 -0
- data/app/assets/stylesheets/skeletor/modules/_forms.sass +27 -0
- data/app/assets/stylesheets/skeletor/modules/_rules.sass +54 -0
- data/app/assets/stylesheets/skeletor/modules/_tables.sass +43 -0
- data/app/controllers/skeletor_backbone/skeletor_controller.rb +10 -0
- data/app/views/skeletor_backbone/skeletor/index.html.erb +445 -0
- data/config/routes.rb +5 -0
- data/lib/generators/skeletor/install_generator.rb +2 -1
- data/lib/skeletor_backbone.rb +2 -2
- data/lib/skeletor_backbone/version.rb +1 -1
- data/skeletor_backbone.gemspec +2 -2
- data/vendor/assets/stylesheets/normalize.css +177 -160
- data/vendor/assets/stylesheets/pesticide.sass +206 -0
- metadata +36 -25
- data/app/assets/stylesheets/skeletor/_all.sass +0 -5
- data/app/assets/stylesheets/skeletor/base/helpers.sass +0 -203
@@ -0,0 +1,206 @@
|
|
1
|
+
// Pesticide Debugger (v0.1.0)
|
2
|
+
// -> Kill your CSS layout bugs - http://pesticide.io/
|
3
|
+
//
|
4
|
+
// Enable this stylesheet to visually see your CSS layout structure.
|
5
|
+
//
|
6
|
+
// -----------------------------------------------------------------------------
|
7
|
+
|
8
|
+
@if $pesticide-debug
|
9
|
+
body
|
10
|
+
outline: 1px solid #2980b9 !important
|
11
|
+
article
|
12
|
+
outline: 1px solid #3498db !important
|
13
|
+
nav
|
14
|
+
outline: 1px solid #0088c3 !important
|
15
|
+
aside
|
16
|
+
outline: 1px solid #33a0ce !important
|
17
|
+
section
|
18
|
+
outline: 1px solid #66b8da !important
|
19
|
+
header
|
20
|
+
outline: 1px solid #99cfe7 !important
|
21
|
+
footer
|
22
|
+
outline: 1px solid #cce7f3 !important
|
23
|
+
h1
|
24
|
+
outline: 1px solid #162544 !important
|
25
|
+
h2
|
26
|
+
outline: 1px solid #314e6e !important
|
27
|
+
h3
|
28
|
+
outline: 1px solid #3e5e85 !important
|
29
|
+
h4
|
30
|
+
outline: 1px solid #449baf !important
|
31
|
+
h5
|
32
|
+
outline: 1px solid #c7d1cb !important
|
33
|
+
h6
|
34
|
+
outline: 1px solid #4371d0 !important
|
35
|
+
main
|
36
|
+
outline: 1px solid #2f4f90 !important
|
37
|
+
address
|
38
|
+
outline: 1px solid #1a2c51 !important
|
39
|
+
div
|
40
|
+
outline: 1px solid #036cdb !important
|
41
|
+
p
|
42
|
+
outline: 1px solid #ac050b !important
|
43
|
+
hr
|
44
|
+
outline: 1px solid #ff063f !important
|
45
|
+
pre
|
46
|
+
outline: 1px solid #850440 !important
|
47
|
+
blockquote
|
48
|
+
outline: 1px solid #f1b8e7 !important
|
49
|
+
ol
|
50
|
+
outline: 1px solid #ff050c !important
|
51
|
+
ul
|
52
|
+
outline: 1px solid #d90416 !important
|
53
|
+
li
|
54
|
+
outline: 1px solid #d90416 !important
|
55
|
+
dl
|
56
|
+
outline: 1px solid #fd3427 !important
|
57
|
+
dt
|
58
|
+
outline: 1px solid #ff0043 !important
|
59
|
+
dd
|
60
|
+
outline: 1px solid #e80174 !important
|
61
|
+
figure
|
62
|
+
outline: 1px solid #ff00bb !important
|
63
|
+
figcaption
|
64
|
+
outline: 1px solid #bf0032 !important
|
65
|
+
table
|
66
|
+
outline: 1px solid #00cc99 !important
|
67
|
+
caption
|
68
|
+
outline: 1px solid #37ffc4 !important
|
69
|
+
thead
|
70
|
+
outline: 1px solid #98daca !important
|
71
|
+
tbody
|
72
|
+
outline: 1px solid #64a7a0 !important
|
73
|
+
tfoot
|
74
|
+
outline: 1px solid #22746b !important
|
75
|
+
tr
|
76
|
+
outline: 1px solid #86c0b2 !important
|
77
|
+
th
|
78
|
+
outline: 1px solid #a1e7d6 !important
|
79
|
+
td
|
80
|
+
outline: 1px solid #3f5a54 !important
|
81
|
+
col
|
82
|
+
outline: 1px solid #6c9a8f !important
|
83
|
+
colgroup
|
84
|
+
outline: 1px solid #6c9a9d !important
|
85
|
+
button
|
86
|
+
outline: 1px solid #da8301 !important
|
87
|
+
datalist
|
88
|
+
outline: 1px solid #c06000 !important
|
89
|
+
fieldset
|
90
|
+
outline: 1px solid #d95100 !important
|
91
|
+
form
|
92
|
+
outline: 1px solid #d23600 !important
|
93
|
+
input
|
94
|
+
outline: 1px solid #fca600 !important
|
95
|
+
keygen
|
96
|
+
outline: 1px solid #b31e00 !important
|
97
|
+
label
|
98
|
+
outline: 1px solid #ee8900 !important
|
99
|
+
legend
|
100
|
+
outline: 1px solid #de6d00 !important
|
101
|
+
meter
|
102
|
+
outline: 1px solid #e8630c !important
|
103
|
+
optgroup
|
104
|
+
outline: 1px solid #b33600 !important
|
105
|
+
option
|
106
|
+
outline: 1px solid #ff8a00 !important
|
107
|
+
output
|
108
|
+
outline: 1px solid #ff9619 !important
|
109
|
+
progress
|
110
|
+
outline: 1px solid #e57c00 !important
|
111
|
+
select
|
112
|
+
outline: 1px solid #e26e0f !important
|
113
|
+
textarea
|
114
|
+
outline: 1px solid #cc5400 !important
|
115
|
+
details
|
116
|
+
outline: 1px solid #33848f !important
|
117
|
+
summary
|
118
|
+
outline: 1px solid #60a1a6 !important
|
119
|
+
command
|
120
|
+
outline: 1px solid #438da1 !important
|
121
|
+
menu
|
122
|
+
outline: 1px solid #449da6 !important
|
123
|
+
del
|
124
|
+
outline: 1px solid #bf0000 !important
|
125
|
+
ins
|
126
|
+
outline: 1px solid #400000 !important
|
127
|
+
img
|
128
|
+
outline: 1px solid #22746b !important
|
129
|
+
iframe
|
130
|
+
outline: 1px solid #64a7a0 !important
|
131
|
+
embed
|
132
|
+
outline: 1px solid #98daca !important
|
133
|
+
object
|
134
|
+
outline: 1px solid #00cc99 !important
|
135
|
+
param
|
136
|
+
outline: 1px solid #37ffc4 !important
|
137
|
+
video
|
138
|
+
outline: 1px solid #6ee866 !important
|
139
|
+
audio
|
140
|
+
outline: 1px solid #027353 !important
|
141
|
+
source
|
142
|
+
outline: 1px solid #012426 !important
|
143
|
+
canvas
|
144
|
+
outline: 1px solid #a2f570 !important
|
145
|
+
track
|
146
|
+
outline: 1px solid #59a600 !important
|
147
|
+
map
|
148
|
+
outline: 1px solid #7be500 !important
|
149
|
+
area
|
150
|
+
outline: 1px solid #305900 !important
|
151
|
+
a
|
152
|
+
outline: 1px solid #ff62ab !important
|
153
|
+
em
|
154
|
+
outline: 1px solid #800b41 !important
|
155
|
+
strong
|
156
|
+
outline: 1px solid #ff1583 !important
|
157
|
+
i
|
158
|
+
outline: 1px solid #803156 !important
|
159
|
+
b
|
160
|
+
outline: 1px solid #cc1169 !important
|
161
|
+
u
|
162
|
+
outline: 1px solid #ff0430 !important
|
163
|
+
s
|
164
|
+
outline: 1px solid #f805e3 !important
|
165
|
+
small
|
166
|
+
outline: 1px solid #d107b2 !important
|
167
|
+
abbr
|
168
|
+
outline: 1px solid #4a0263 !important
|
169
|
+
q
|
170
|
+
outline: 1px solid #240018 !important
|
171
|
+
cite
|
172
|
+
outline: 1px solid #64003c !important
|
173
|
+
dfn
|
174
|
+
outline: 1px solid #b4005a !important
|
175
|
+
sub
|
176
|
+
outline: 1px solid #dba0c8 !important
|
177
|
+
sup
|
178
|
+
outline: 1px solid #cc0256 !important
|
179
|
+
time
|
180
|
+
outline: 1px solid #d6606d !important
|
181
|
+
code
|
182
|
+
outline: 1px solid #e04251 !important
|
183
|
+
kbd
|
184
|
+
outline: 1px solid #5e001f !important
|
185
|
+
samp
|
186
|
+
outline: 1px solid #9c0033 !important
|
187
|
+
var
|
188
|
+
outline: 1px solid #d90047 !important
|
189
|
+
mark
|
190
|
+
outline: 1px solid #ff0053 !important
|
191
|
+
bdi
|
192
|
+
outline: 1px solid #bf3668 !important
|
193
|
+
bdo
|
194
|
+
outline: 1px solid #6f1400 !important
|
195
|
+
ruby
|
196
|
+
outline: 1px solid #ff7b93 !important
|
197
|
+
rt
|
198
|
+
outline: 1px solid #ff2f54 !important
|
199
|
+
rp
|
200
|
+
outline: 1px solid #803e49 !important
|
201
|
+
span
|
202
|
+
outline: 1px solid #cc2643 !important
|
203
|
+
br
|
204
|
+
outline: 1px solid #db687d !important
|
205
|
+
wbr
|
206
|
+
outline: 1px solid #db175b !important
|
metadata
CHANGED
@@ -1,71 +1,71 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: skeletor_backbone
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.6
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Mike Reinmiller
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2014-
|
11
|
+
date: 2014-04-17 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: bundler
|
15
15
|
requirement: !ruby/object:Gem::Requirement
|
16
16
|
requirements:
|
17
|
-
- - ~>
|
17
|
+
- - "~>"
|
18
18
|
- !ruby/object:Gem::Version
|
19
|
-
version: '1.
|
19
|
+
version: '1.6'
|
20
20
|
type: :development
|
21
21
|
prerelease: false
|
22
22
|
version_requirements: !ruby/object:Gem::Requirement
|
23
23
|
requirements:
|
24
|
-
- - ~>
|
24
|
+
- - "~>"
|
25
25
|
- !ruby/object:Gem::Version
|
26
|
-
version: '1.
|
26
|
+
version: '1.6'
|
27
27
|
- !ruby/object:Gem::Dependency
|
28
28
|
name: rake
|
29
29
|
requirement: !ruby/object:Gem::Requirement
|
30
30
|
requirements:
|
31
|
-
- -
|
31
|
+
- - ">="
|
32
32
|
- !ruby/object:Gem::Version
|
33
33
|
version: '0'
|
34
34
|
type: :development
|
35
35
|
prerelease: false
|
36
36
|
version_requirements: !ruby/object:Gem::Requirement
|
37
37
|
requirements:
|
38
|
-
- -
|
38
|
+
- - ">="
|
39
39
|
- !ruby/object:Gem::Version
|
40
40
|
version: '0'
|
41
41
|
- !ruby/object:Gem::Dependency
|
42
42
|
name: sass
|
43
43
|
requirement: !ruby/object:Gem::Requirement
|
44
44
|
requirements:
|
45
|
-
- -
|
45
|
+
- - ">="
|
46
46
|
- !ruby/object:Gem::Version
|
47
47
|
version: 3.2.0
|
48
48
|
type: :runtime
|
49
49
|
prerelease: false
|
50
50
|
version_requirements: !ruby/object:Gem::Requirement
|
51
51
|
requirements:
|
52
|
-
- -
|
52
|
+
- - ">="
|
53
53
|
- !ruby/object:Gem::Version
|
54
54
|
version: 3.2.0
|
55
55
|
- !ruby/object:Gem::Dependency
|
56
56
|
name: railties
|
57
57
|
requirement: !ruby/object:Gem::Requirement
|
58
58
|
requirements:
|
59
|
-
- -
|
59
|
+
- - ">="
|
60
60
|
- !ruby/object:Gem::Version
|
61
|
-
version:
|
61
|
+
version: 4.0.0
|
62
62
|
type: :runtime
|
63
63
|
prerelease: false
|
64
64
|
version_requirements: !ruby/object:Gem::Requirement
|
65
65
|
requirements:
|
66
|
-
- -
|
66
|
+
- - ">="
|
67
67
|
- !ruby/object:Gem::Version
|
68
|
-
version:
|
68
|
+
version: 4.0.0
|
69
69
|
description: CSS Framework with boilerplate styles without being too intrusive
|
70
70
|
email:
|
71
71
|
- mikereinmiller@gmail.com
|
@@ -73,25 +73,29 @@ executables: []
|
|
73
73
|
extensions: []
|
74
74
|
extra_rdoc_files: []
|
75
75
|
files:
|
76
|
-
- .gitignore
|
76
|
+
- ".gitignore"
|
77
77
|
- Gemfile
|
78
78
|
- LICENSE.txt
|
79
79
|
- README.md
|
80
80
|
- Rakefile
|
81
|
+
- app/assets/images/skeletor/skeletor.png
|
81
82
|
- app/assets/javascripts/skeletor/plugins.js
|
82
83
|
- app/assets/javascripts/skeletor_backbone.js
|
84
|
+
- app/assets/stylesheets/skeletor-preview.sass
|
83
85
|
- app/assets/stylesheets/skeletor.sass
|
84
|
-
- app/assets/stylesheets/skeletor/_all.sass
|
85
86
|
- app/assets/stylesheets/skeletor/_css3.sass
|
86
87
|
- app/assets/stylesheets/skeletor/_functions.sass
|
87
88
|
- app/assets/stylesheets/skeletor/_mixins.sass
|
88
89
|
- app/assets/stylesheets/skeletor/_modules.sass
|
89
90
|
- app/assets/stylesheets/skeletor/_settings.sass
|
90
|
-
- app/assets/stylesheets/skeletor/
|
91
|
-
- app/assets/stylesheets/skeletor/
|
92
|
-
- app/assets/stylesheets/skeletor/
|
93
|
-
- app/assets/stylesheets/skeletor/
|
94
|
-
- app/assets/stylesheets/skeletor/
|
91
|
+
- app/assets/stylesheets/skeletor/core/_debug.sass
|
92
|
+
- app/assets/stylesheets/skeletor/core/_grid.sass
|
93
|
+
- app/assets/stylesheets/skeletor/core/_helpers.sass
|
94
|
+
- app/assets/stylesheets/skeletor/core/_print.sass
|
95
|
+
- app/assets/stylesheets/skeletor/core/_reset.sass
|
96
|
+
- app/assets/stylesheets/skeletor/core/base.sass
|
97
|
+
- app/assets/stylesheets/skeletor/core/content.sass
|
98
|
+
- app/assets/stylesheets/skeletor/core/layout.sass
|
95
99
|
- app/assets/stylesheets/skeletor/globals/css3/_animation.sass
|
96
100
|
- app/assets/stylesheets/skeletor/globals/css3/_appearance.sass
|
97
101
|
- app/assets/stylesheets/skeletor/globals/css3/_backface_visibility.sass
|
@@ -114,6 +118,7 @@ files:
|
|
114
118
|
- app/assets/stylesheets/skeletor/globals/functions/_calculate_rem.sass
|
115
119
|
- app/assets/stylesheets/skeletor/globals/functions/_strip_units.sass
|
116
120
|
- app/assets/stylesheets/skeletor/globals/mixins/_accessibility.sass
|
121
|
+
- app/assets/stylesheets/skeletor/globals/mixins/_font_size.sass
|
117
122
|
- app/assets/stylesheets/skeletor/globals/mixins/_grid_pull.sass
|
118
123
|
- app/assets/stylesheets/skeletor/globals/mixins/_grid_push.sass
|
119
124
|
- app/assets/stylesheets/skeletor/globals/mixins/_grid_widths.sass
|
@@ -128,11 +133,16 @@ files:
|
|
128
133
|
- app/assets/stylesheets/skeletor/globals/mixins/_size.sass
|
129
134
|
- app/assets/stylesheets/skeletor/globals/mixins/_triangle.sass
|
130
135
|
- app/assets/stylesheets/skeletor/globals/mixins/_truncate_text.sass
|
136
|
+
- app/assets/stylesheets/skeletor/globals/mixins/_vertical_spacing.sass
|
131
137
|
- app/assets/stylesheets/skeletor/globals/settings/_easing.sass
|
132
138
|
- app/assets/stylesheets/skeletor/globals/settings/_font_stacks.sass
|
133
139
|
- app/assets/stylesheets/skeletor/globals/settings/_html5_input_types.sass
|
134
|
-
- app/assets/stylesheets/skeletor/
|
135
|
-
- app/assets/stylesheets/skeletor/
|
140
|
+
- app/assets/stylesheets/skeletor/modules/_forms.sass
|
141
|
+
- app/assets/stylesheets/skeletor/modules/_rules.sass
|
142
|
+
- app/assets/stylesheets/skeletor/modules/_tables.sass
|
143
|
+
- app/controllers/skeletor_backbone/skeletor_controller.rb
|
144
|
+
- app/views/skeletor_backbone/skeletor/index.html.erb
|
145
|
+
- config/routes.rb
|
136
146
|
- lib/generators/skeletor/install_generator.rb
|
137
147
|
- lib/sass/sass_extend.rb
|
138
148
|
- lib/skeletor_backbone.rb
|
@@ -141,6 +151,7 @@ files:
|
|
141
151
|
- vendor/assets/javascripts/modernizr-custom.js
|
142
152
|
- vendor/assets/javascripts/modernizr.js
|
143
153
|
- vendor/assets/stylesheets/normalize.css
|
154
|
+
- vendor/assets/stylesheets/pesticide.sass
|
144
155
|
homepage: https://github.com/mikereinmiller/skeletor_backbone
|
145
156
|
licenses:
|
146
157
|
- MIT
|
@@ -151,12 +162,12 @@ require_paths:
|
|
151
162
|
- lib
|
152
163
|
required_ruby_version: !ruby/object:Gem::Requirement
|
153
164
|
requirements:
|
154
|
-
- -
|
165
|
+
- - ">="
|
155
166
|
- !ruby/object:Gem::Version
|
156
167
|
version: '0'
|
157
168
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
158
169
|
requirements:
|
159
|
-
- -
|
170
|
+
- - ">="
|
160
171
|
- !ruby/object:Gem::Version
|
161
172
|
version: '0'
|
162
173
|
requirements: []
|
@@ -1,203 +0,0 @@
|
|
1
|
-
// Helper Classes
|
2
|
-
// A series of helper classes to use arbitrarily. Only use a helper class if an
|
3
|
-
// element/component doesn’t already have a class to which you could apply this
|
4
|
-
// styling, e.g. if you need to float `.main-nav` left then add `float:left;` to
|
5
|
-
// that ruleset as opposed to adding the `.float--left` class to the markup.
|
6
|
-
//
|
7
|
-
// A lot of these classes carry `!important` as you will always want them to win
|
8
|
-
// out over other selectors.
|
9
|
-
//
|
10
|
-
// =============================================================================
|
11
|
-
// Table of Contents
|
12
|
-
// =============================================================================
|
13
|
-
//
|
14
|
-
// IMPORTS.......................Imported Sass Methods
|
15
|
-
// FLOATS........................Add & remove floats (right left none)
|
16
|
-
// TEXT ALIGNMENT................Text alignment (left right center)
|
17
|
-
// FONT WEIGHTS..................Font weights (light, normal semibold bold)
|
18
|
-
// SPACING.......................Margin and Padding classes
|
19
|
-
// IMAGE REPLACEMENT.............Image Replacement classes
|
20
|
-
// VISUALLY......................Visually show/hide elements
|
21
|
-
// MISC CLASSES..................Misc classes (muted, caps, ect)
|
22
|
-
// DEBUGGING.....................Debug classes for layout
|
23
|
-
|
24
|
-
|
25
|
-
// -----------------------------------------------------------------------------
|
26
|
-
// :: IMPORTS
|
27
|
-
// -----------------------------------------------------------------------------
|
28
|
-
@import "skeletor/globals/mixins/accessibility"
|
29
|
-
@import "skeletor/globals/mixins/media_query"
|
30
|
-
@import "skeletor/globals/mixins/opacity"
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
// -----------------------------------------------------------------------------
|
37
|
-
// :: FLOATS
|
38
|
-
// -----------------------------------------------------------------------------
|
39
|
-
.float--right
|
40
|
-
float: right !important
|
41
|
-
.float--left
|
42
|
-
float: left !important
|
43
|
-
.float--center
|
44
|
-
float: none
|
45
|
-
margin-left: auto
|
46
|
-
margin-right: auto
|
47
|
-
.float--none
|
48
|
-
float: none !important
|
49
|
-
|
50
|
-
.clear--right
|
51
|
-
clear: right !important
|
52
|
-
.clear--left
|
53
|
-
clear: left !important
|
54
|
-
.clear--both
|
55
|
-
clear: both !important
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
// -----------------------------------------------------------------------------
|
62
|
-
// :: TEXT ALIGNMENT
|
63
|
-
// -----------------------------------------------------------------------------
|
64
|
-
.text--left
|
65
|
-
text-align: left !important
|
66
|
-
.text--center
|
67
|
-
text-align: center !important
|
68
|
-
.text--right
|
69
|
-
text-align: right !important
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
// -----------------------------------------------------------------------------
|
76
|
-
// :: FONT WEIGHTS
|
77
|
-
// -----------------------------------------------------------------------------
|
78
|
-
.weight--light
|
79
|
-
font-weight: 300 !important
|
80
|
-
.weight--normal
|
81
|
-
font-weight: 400 !important
|
82
|
-
.weight--semibold
|
83
|
-
font-weight: 600 !important
|
84
|
-
.weight--bold
|
85
|
-
font-weight: 700 !important
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
// -----------------------------------------------------------------------------
|
92
|
-
// :: SPACING
|
93
|
-
// -----------------------------------------------------------------------------
|
94
|
-
.margin--top
|
95
|
-
margin-top: 1rem !important
|
96
|
-
.margin--right
|
97
|
-
margin-right: 1rem !important
|
98
|
-
.margin--bottom
|
99
|
-
margin-bottom: 1rem !important
|
100
|
-
.margin--left
|
101
|
-
margin-left: 1rem !important
|
102
|
-
.margin--none
|
103
|
-
margin: 0 !important
|
104
|
-
|
105
|
-
.padding--top
|
106
|
-
padding-top: 1rem !important
|
107
|
-
.padding--right
|
108
|
-
padding-right: 1rem !important
|
109
|
-
.padding--bottom
|
110
|
-
padding-bottom: 1rem !important
|
111
|
-
.padding--left
|
112
|
-
padding-left: 1rem !important
|
113
|
-
.padding--none
|
114
|
-
padding: 0 !important
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
// -----------------------------------------------------------------------------
|
120
|
-
// :: IMAGE REPLACEMENT
|
121
|
-
// -----------------------------------------------------------------------------
|
122
|
-
.ir
|
123
|
-
border: 0
|
124
|
-
background-color: transparent
|
125
|
-
overflow: hidden
|
126
|
-
|
127
|
-
&:before
|
128
|
-
display: block
|
129
|
-
content: ""
|
130
|
-
height: 100%
|
131
|
-
width: 0
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
// -----------------------------------------------------------------------------
|
138
|
-
// :: VISUALLY
|
139
|
-
// -----------------------------------------------------------------------------
|
140
|
-
// Show/Hide Classes
|
141
|
-
.hide
|
142
|
-
display: none !important
|
143
|
-
.show
|
144
|
-
display: block !important
|
145
|
-
|
146
|
-
// Hide from both screenreaders and browsers
|
147
|
-
.hidden
|
148
|
-
display: none !important
|
149
|
-
visibility: hidden !important
|
150
|
-
|
151
|
-
// Hide visually and from screenreaders, but maintain layout
|
152
|
-
.invisible
|
153
|
-
visibility: hidden !important
|
154
|
-
|
155
|
-
// Hide content off-screen without resorting to `display: none;`, also provide
|
156
|
-
// breakpoint specific hidden elements.
|
157
|
-
.accessibility,
|
158
|
-
.visuallyHidden
|
159
|
-
+skeletor-accessibility
|
160
|
-
|
161
|
-
@if $responsive
|
162
|
-
@each $state in $breakpoints
|
163
|
-
+skeletor-media-query(#{$state})
|
164
|
-
.accessibility--#{$state},
|
165
|
-
.visuallyHidden--#{$state}
|
166
|
-
+skeletor-accessibility
|
167
|
-
|
168
|
-
|
169
|
-
|
170
|
-
|
171
|
-
|
172
|
-
// -----------------------------------------------------------------------------
|
173
|
-
// :: MISC CLASSES
|
174
|
-
// -----------------------------------------------------------------------------
|
175
|
-
// Add a help cursor to any element that gives the user extra information on `:hover`.
|
176
|
-
.informative, .info
|
177
|
-
cursor: help !important
|
178
|
-
|
179
|
-
// Mute an object by reducing its opacity.
|
180
|
-
.muted, .mute
|
181
|
-
+skeletor-opacity(0.5, !important)
|
182
|
-
|
183
|
-
// Apply capital case to an element
|
184
|
-
.capitalize, .caps
|
185
|
-
text-transform: uppercase !important
|
186
|
-
|
187
|
-
// Add right-anggled quote to links that imply movement,
|
188
|
-
.go:after
|
189
|
-
content: "\00A0" "\00BB" !important
|
190
|
-
|
191
|
-
|
192
|
-
|
193
|
-
|
194
|
-
|
195
|
-
// -----------------------------------------------------------------------------
|
196
|
-
// :: DEBUGGING
|
197
|
-
// -----------------------------------------------------------------------------
|
198
|
-
.debug
|
199
|
-
outline: 1px dashed red
|
200
|
-
.debug--blue
|
201
|
-
outline: 1px dashed blue
|
202
|
-
.debug--green
|
203
|
-
outline: 1px dashed green
|