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.
Files changed (43) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +3 -0
  3. data/app/assets/images/skeletor/skeletor.png +0 -0
  4. data/app/assets/stylesheets/skeletor-preview.sass +17 -0
  5. data/app/assets/stylesheets/skeletor.sass +64 -13
  6. data/app/assets/stylesheets/skeletor/_css3.sass +16 -16
  7. data/app/assets/stylesheets/skeletor/_functions.sass +8 -8
  8. data/app/assets/stylesheets/skeletor/_mixins.sass +20 -18
  9. data/app/assets/stylesheets/skeletor/_modules.sass +6 -8
  10. data/app/assets/stylesheets/skeletor/_settings.sass +15 -8
  11. data/app/assets/stylesheets/skeletor/{base/debug.sass → core/_debug.sass} +10 -18
  12. data/app/assets/stylesheets/skeletor/{layout → core}/_grid.sass +0 -0
  13. data/app/assets/stylesheets/skeletor/core/_helpers.sass +142 -0
  14. data/app/assets/stylesheets/skeletor/{base/print.sass → core/_print.sass} +3 -1
  15. data/app/assets/stylesheets/skeletor/{base/reset.sass → core/_reset.sass} +6 -3
  16. data/app/assets/stylesheets/skeletor/{base/foundation.sass → core/base.sass} +81 -148
  17. data/app/assets/stylesheets/skeletor/core/content.sass +93 -0
  18. data/app/assets/stylesheets/skeletor/{layout/skeleton.sass → core/layout.sass} +45 -6
  19. data/app/assets/stylesheets/skeletor/globals/css3/_prefixer.sass +14 -14
  20. data/app/assets/stylesheets/skeletor/globals/functions/_calculate_em.sass +8 -19
  21. data/app/assets/stylesheets/skeletor/globals/functions/_calculate_modular_scale.sass +6 -16
  22. data/app/assets/stylesheets/skeletor/globals/functions/_calculate_percent.sass +9 -20
  23. data/app/assets/stylesheets/skeletor/globals/functions/_calculate_rem.sass +9 -20
  24. data/app/assets/stylesheets/skeletor/globals/functions/_strip_units.sass +6 -16
  25. data/app/assets/stylesheets/skeletor/globals/mixins/_font_size.sass +31 -0
  26. data/app/assets/stylesheets/skeletor/globals/mixins/_media_query.sass +2 -6
  27. data/app/assets/stylesheets/skeletor/globals/mixins/_rem.sass +6 -61
  28. data/app/assets/stylesheets/skeletor/globals/mixins/_vertical_spacing.sass +29 -0
  29. data/app/assets/stylesheets/skeletor/modules/_forms.sass +27 -0
  30. data/app/assets/stylesheets/skeletor/modules/_rules.sass +54 -0
  31. data/app/assets/stylesheets/skeletor/modules/_tables.sass +43 -0
  32. data/app/controllers/skeletor_backbone/skeletor_controller.rb +10 -0
  33. data/app/views/skeletor_backbone/skeletor/index.html.erb +445 -0
  34. data/config/routes.rb +5 -0
  35. data/lib/generators/skeletor/install_generator.rb +2 -1
  36. data/lib/skeletor_backbone.rb +2 -2
  37. data/lib/skeletor_backbone/version.rb +1 -1
  38. data/skeletor_backbone.gemspec +2 -2
  39. data/vendor/assets/stylesheets/normalize.css +177 -160
  40. data/vendor/assets/stylesheets/pesticide.sass +206 -0
  41. metadata +36 -25
  42. data/app/assets/stylesheets/skeletor/_all.sass +0 -5
  43. 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.5
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-02-15 00:00:00.000000000 Z
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.5'
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.5'
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: 3.1.0
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: 3.1.0
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/base/debug.sass
91
- - app/assets/stylesheets/skeletor/base/foundation.sass
92
- - app/assets/stylesheets/skeletor/base/helpers.sass
93
- - app/assets/stylesheets/skeletor/base/print.sass
94
- - app/assets/stylesheets/skeletor/base/reset.sass
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/layout/_grid.sass
135
- - app/assets/stylesheets/skeletor/layout/skeleton.sass
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,5 +0,0 @@
1
- // Imports All Variables, All Functions, and All Mixins
2
- @import "settings"
3
- @import "functions"
4
- @import "mixins"
5
- @import "css3"
@@ -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