skeletor_backbone 0.0.5 → 0.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
|