kickstart_rails 3.0.36 → 3.0.39
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/kickstart_rails/version.rb +1 -1
- metadata +2 -154
- data/app/assets/javascripts/kickstart_rails/docs.js +0 -166
- data/app/assets/javascripts/kickstart_rails/docs/throttler_edge.js +0 -2
- data/app/assets/javascripts/kickstart_rails/docs/throttler_edgeActions.js +0 -8
- data/app/assets/javascripts/kickstart_rails/docs/throttler_edgePreload.js +0 -18
- data/app/assets/javascripts/kickstart_rails/kickstart.js +0 -450
- data/app/assets/javascripts/kickstart_rails/kickstart.min.js +0 -1
- data/app/assets/javascripts/kickstart_rails/navbar-fixer.js +0 -19
- data/app/assets/javascripts/kickstart_rails/test.js +0 -6705
- data/app/assets/javascripts/kickstart_rails/throttler_edge.js +0 -2
- data/app/assets/javascripts/kickstart_rails/throttler_edgeActions.js +0 -8
- data/app/assets/javascripts/kickstart_rails/throttler_edgePreload.js +0 -18
- data/app/assets/stylesheets/components/_alerts.sass +0 -23
- data/app/assets/stylesheets/components/_buttons.sass +0 -159
- data/app/assets/stylesheets/components/_dropdown_menu.sass +0 -69
- data/app/assets/stylesheets/components/_forms.sass +0 -106
- data/app/assets/stylesheets/components/_growls.sass +0 -2
- data/app/assets/stylesheets/components/_hr.sass +0 -5
- data/app/assets/stylesheets/components/_images.sass +0 -40
- data/app/assets/stylesheets/components/_labels.sass +0 -15
- data/app/assets/stylesheets/components/_modals.sass +0 -73
- data/app/assets/stylesheets/components/_nav.sass +0 -219
- data/app/assets/stylesheets/components/_navbar.sass +0 -270
- data/app/assets/stylesheets/components/_notifications.sass +0 -20
- data/app/assets/stylesheets/components/_pagination.sass +0 -11
- data/app/assets/stylesheets/components/_progress.sass +0 -12
- data/app/assets/stylesheets/components/_root-element.sass +0 -12
- data/app/assets/stylesheets/components/_status.sass +0 -12
- data/app/assets/stylesheets/components/_tables.sass +0 -70
- data/app/assets/stylesheets/components/_tabs.sass +0 -37
- data/app/assets/stylesheets/components/_tiles.sass +0 -42
- data/app/assets/stylesheets/components/_tooltips.sass +0 -26
- data/app/assets/stylesheets/components/_typography.sass +0 -141
- data/app/assets/stylesheets/core/_animations.sass +0 -8
- data/app/assets/stylesheets/core/_base.sass +0 -16
- data/app/assets/stylesheets/core/_base_components.sass +0 -15
- data/app/assets/stylesheets/core/_components.sass +0 -20
- data/app/assets/stylesheets/core/_dependent_components.sass +0 -12
- data/app/assets/stylesheets/core/_direct-apply.sass +0 -337
- data/app/assets/stylesheets/core/_grid.sass +0 -142
- data/app/assets/stylesheets/core/_icons.sass +0 -3
- data/app/assets/stylesheets/core/_index.sass +0 -7
- data/app/assets/stylesheets/core/_mixins.sass +0 -22
- data/app/assets/stylesheets/core/_normalize.sass +0 -339
- data/app/assets/stylesheets/core/_root-element.sass +0 -17
- data/app/assets/stylesheets/core/_typography.sass +0 -180
- data/app/assets/stylesheets/core/components/_alerts.sass +0 -23
- data/app/assets/stylesheets/core/components/_buttons.sass +0 -159
- data/app/assets/stylesheets/core/components/_dropdown_menu.sass +0 -69
- data/app/assets/stylesheets/core/components/_forms.sass +0 -106
- data/app/assets/stylesheets/core/components/_growls.sass +0 -2
- data/app/assets/stylesheets/core/components/_hr.sass +0 -5
- data/app/assets/stylesheets/core/components/_images.sass +0 -40
- data/app/assets/stylesheets/core/components/_labels.sass +0 -15
- data/app/assets/stylesheets/core/components/_modals.sass +0 -73
- data/app/assets/stylesheets/core/components/_navbar.sass +0 -270
- data/app/assets/stylesheets/core/components/_notifications.sass +0 -20
- data/app/assets/stylesheets/core/components/_pagination.sass +0 -11
- data/app/assets/stylesheets/core/components/_progress.sass +0 -12
- data/app/assets/stylesheets/core/components/_tables.sass +0 -70
- data/app/assets/stylesheets/core/components/_tabs.sass +0 -37
- data/app/assets/stylesheets/core/components/_tooltips.sass +0 -26
- data/app/assets/stylesheets/docs.sass +0 -99
- data/app/assets/stylesheets/external/_index.sass +0 -9
- data/app/assets/stylesheets/foovendor/_fooindex.sass +0 -9
- data/app/assets/stylesheets/fullpage.sass +0 -7
- data/app/assets/stylesheets/kickstart-semantic.sass +0 -10
- data/app/assets/stylesheets/kickstart.sass +0 -344
- data/app/assets/stylesheets/kickstart_rails/core/_animations.sass +0 -8
- data/app/assets/stylesheets/kickstart_rails/core/_base.sass +0 -16
- data/app/assets/stylesheets/kickstart_rails/core/_base_components.sass +0 -15
- data/app/assets/stylesheets/kickstart_rails/core/_dependent_components.sass +0 -12
- data/app/assets/stylesheets/kickstart_rails/core/_direct-apply.sass +0 -337
- data/app/assets/stylesheets/kickstart_rails/core/_grid.sass +0 -142
- data/app/assets/stylesheets/kickstart_rails/core/_icons.sass +0 -3
- data/app/assets/stylesheets/kickstart_rails/core/_index.sass +0 -7
- data/app/assets/stylesheets/kickstart_rails/core/_mixins.sass +0 -22
- data/app/assets/stylesheets/kickstart_rails/core/_normalize.sass +0 -339
- data/app/assets/stylesheets/kickstart_rails/core/_root-element.sass +0 -17
- data/app/assets/stylesheets/kickstart_rails/core/_typography.sass +0 -180
- data/app/assets/stylesheets/kickstart_rails/core/components/_alerts.sass +0 -23
- data/app/assets/stylesheets/kickstart_rails/core/components/_buttons.sass +0 -159
- data/app/assets/stylesheets/kickstart_rails/core/components/_dropdown_menu.sass +0 -69
- data/app/assets/stylesheets/kickstart_rails/core/components/_forms.sass +0 -106
- data/app/assets/stylesheets/kickstart_rails/core/components/_growls.sass +0 -2
- data/app/assets/stylesheets/kickstart_rails/core/components/_hr.sass +0 -5
- data/app/assets/stylesheets/kickstart_rails/core/components/_images.sass +0 -40
- data/app/assets/stylesheets/kickstart_rails/core/components/_labels.sass +0 -15
- data/app/assets/stylesheets/kickstart_rails/core/components/_modals.sass +0 -73
- data/app/assets/stylesheets/kickstart_rails/core/components/_navbar.sass +0 -270
- data/app/assets/stylesheets/kickstart_rails/core/components/_notifications.sass +0 -20
- data/app/assets/stylesheets/kickstart_rails/core/components/_pagination.sass +0 -11
- data/app/assets/stylesheets/kickstart_rails/core/components/_progress.sass +0 -12
- data/app/assets/stylesheets/kickstart_rails/core/components/_tables.sass +0 -70
- data/app/assets/stylesheets/kickstart_rails/core/components/_tabs.sass +0 -37
- data/app/assets/stylesheets/kickstart_rails/core/components/_tooltips.sass +0 -26
- data/app/assets/stylesheets/kickstart_rails/docs.sass +0 -99
- data/app/assets/stylesheets/kickstart_rails/fullpage.sass +0 -7
- data/app/assets/stylesheets/kickstart_rails/kickstart-semantic.sass +0 -10
- data/app/assets/stylesheets/kickstart_rails/kickstart.sass +0 -344
- data/app/assets/stylesheets/kickstart_rails/pages/docs/form.sass +0 -0
- data/app/assets/stylesheets/kickstart_rails/pages/docs/grid.sass +0 -73
- data/app/assets/stylesheets/kickstart_rails/pages/docs/index.sass +0 -210
- data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/alerts.sass +0 -5
- data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/buttons.sass +0 -52
- data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/forms.sass +0 -31
- data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/images.sass +0 -7
- data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/labels.sass +0 -10
- data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/modals.sass +0 -18
- data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/navigation.sass +0 -14
- data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/notifications.sass +0 -17
- data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/tables.sass +0 -13
- data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/tabs.sass +0 -7
- data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/tooltips.sass +0 -7
- data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/typography.sass +0 -56
- data/app/assets/stylesheets/kickstart_rails/pages/index.sass +0 -105
- data/app/assets/stylesheets/kickstart_rails/themes/default/theme.sass +0 -264
- data/app/assets/stylesheets/kickstart_rails/vendor/_index.sass +0 -10
- data/app/assets/stylesheets/kickstart_rails/vendor/switch/README.md +0 -34
- data/app/assets/stylesheets/kickstart_rails/vendor/switch/example.sass +0 -14
- data/app/assets/stylesheets/kickstart_rails/vendor/switch/gulpfile.js +0 -16
- data/app/assets/stylesheets/kickstart_rails/vendor/switch/index.html +0 -18
- data/app/assets/stylesheets/kickstart_rails/vendor/switch/package.json +0 -24
- data/app/assets/stylesheets/kickstart_rails/vendor/switch/switch.sass +0 -53
- data/app/assets/stylesheets/pages/docs/form.sass +0 -0
- data/app/assets/stylesheets/pages/docs/grid.sass +0 -73
- data/app/assets/stylesheets/pages/docs/index.sass +0 -210
- data/app/assets/stylesheets/pages/docs/ui/alerts.sass +0 -5
- data/app/assets/stylesheets/pages/docs/ui/buttons.sass +0 -52
- data/app/assets/stylesheets/pages/docs/ui/forms.sass +0 -31
- data/app/assets/stylesheets/pages/docs/ui/image.sass +0 -4
- data/app/assets/stylesheets/pages/docs/ui/images.sass +0 -7
- data/app/assets/stylesheets/pages/docs/ui/labels.sass +0 -10
- data/app/assets/stylesheets/pages/docs/ui/modals.sass +0 -18
- data/app/assets/stylesheets/pages/docs/ui/navigation.sass +0 -14
- data/app/assets/stylesheets/pages/docs/ui/notifications.sass +0 -17
- data/app/assets/stylesheets/pages/docs/ui/tables.sass +0 -13
- data/app/assets/stylesheets/pages/docs/ui/tabs.sass +0 -7
- data/app/assets/stylesheets/pages/docs/ui/tooltips.sass +0 -7
- data/app/assets/stylesheets/pages/docs/ui/typography.sass +0 -56
- data/app/assets/stylesheets/pages/index.sass +0 -105
- data/app/assets/stylesheets/themes/_canary.sass +0 -266
- data/app/assets/stylesheets/themes/_default.sass +0 -264
- data/app/assets/stylesheets/themes/_shabbychic.sass +0 -252
- data/app/assets/stylesheets/themes/default/theme.sass +0 -264
- data/app/assets/stylesheets/vendor/_index.sass +0 -10
- data/app/assets/stylesheets/vendor/switch/README.md +0 -34
- data/app/assets/stylesheets/vendor/switch/example.sass +0 -14
- data/app/assets/stylesheets/vendor/switch/gulpfile.js +0 -16
- data/app/assets/stylesheets/vendor/switch/index.html +0 -18
- data/app/assets/stylesheets/vendor/switch/index.sass +0 -53
- data/app/assets/stylesheets/vendor/switch/package.json +0 -24
- data/app/assets/stylesheets/vendor/switch/switch.sass +0 -53
@@ -1,264 +0,0 @@
|
|
1
|
-
//
|
2
|
-
// Theme: Default
|
3
|
-
// ==============
|
4
|
-
// Theme files wrap Kickstart's mixins into duplicate mixins without the
|
5
|
-
// "-default". This allows theme artists to insert their own styles by
|
6
|
-
// extending the default ones. Because the default theme just does direct
|
7
|
-
// assignment to the final namespaces, it overrides without actually
|
8
|
-
// changing anything.
|
9
|
-
//
|
10
|
-
|
11
|
-
// TODO: This would be the second time importing in rails. prepend this line
|
12
|
-
// via gulp.
|
13
|
-
|
14
|
-
@import core/_normalize
|
15
|
-
|
16
|
-
// Variables
|
17
|
-
// ---------
|
18
|
-
|
19
|
-
// Grayscale
|
20
|
-
$white: (dark: #F7F7F7, darker: #DDD, darkest: #CCC)
|
21
|
-
$gray: (lightest: #BBB, lighter: #AAA, light: #999, dark: #777, darker: #666, darkest: #555)
|
22
|
-
$black: (lightest: #444, lighter: #333, light: #222)
|
23
|
-
|
24
|
-
// Rainbow
|
25
|
-
$colors: (red: #CA3518, orange: darkorange, yellow: #ffe312, green: #58AA00, blue: cornflowerblue, violet: darkmagenta)
|
26
|
-
|
27
|
-
// Vendor libraries
|
28
|
-
@import url(//fonts.googleapis.com/css?family=Lato:300,400,700,400italic)
|
29
|
-
|
30
|
-
// Ten point design variables
|
31
|
-
// --------------------------
|
32
|
-
// Modifying just these ten variables will take care of 90% of your theme
|
33
|
-
|
34
|
-
$primary-color: map-get($colors, blue)
|
35
|
-
$secondary-color: map-get($white, darker)
|
36
|
-
$space: 25px
|
37
|
-
$heading-font-family: 'museo-sans', 'Lato', helvetica neue, sans-serif
|
38
|
-
$body-font-family: 'museo-sans', 'Lato', helvetica neue, sans-serif
|
39
|
-
$mono-font-family: 'ubuntu-mono', monospace
|
40
|
-
$base-font-size: 16px
|
41
|
-
$default-font-color: map-get($gray, darkest)
|
42
|
-
$default-line-height: 1.4rem
|
43
|
-
|
44
|
-
// --------------------------
|
45
|
-
|
46
|
-
$scalingFactor: 0.2vw
|
47
|
-
|
48
|
-
$rootElement: (paddingV: 5px, paddingH: 12px, border-radius: 3px)
|
49
|
-
|
50
|
-
$default-font: $body-font-family
|
51
|
-
$default-font-size: $base-font-size // TODO: Why?
|
52
|
-
|
53
|
-
//
|
54
|
-
// Core styling
|
55
|
-
// ------------
|
56
|
-
// Lowest-level styling meant to be inherited by components.
|
57
|
-
//
|
58
|
-
|
59
|
-
@import core/_index
|
60
|
-
|
61
|
-
// Grid
|
62
|
-
|
63
|
-
=container($args...)
|
64
|
-
+container-default($args...)
|
65
|
-
|
66
|
-
// Typography
|
67
|
-
// ----------
|
68
|
-
|
69
|
-
=pre
|
70
|
-
+pre-default
|
71
|
-
|
72
|
-
pre
|
73
|
-
+pre
|
74
|
-
|
75
|
-
=code
|
76
|
-
+code-default
|
77
|
-
|
78
|
-
=p($args...)
|
79
|
-
+p-default($args...)
|
80
|
-
|
81
|
-
=page-heading
|
82
|
-
+page-heading-default
|
83
|
-
h1, h2, h3, h4, h5, h6
|
84
|
-
// Styles should go here.
|
85
|
-
|
86
|
-
=hero
|
87
|
-
+hero-default
|
88
|
-
|
89
|
-
=heading-xxl
|
90
|
-
+heading-xxl-default
|
91
|
-
|
92
|
-
=heading-xl
|
93
|
-
+heading-xl-default
|
94
|
-
|
95
|
-
=heading-lg
|
96
|
-
+heading-lg-default
|
97
|
-
|
98
|
-
=heading-md
|
99
|
-
+heading-md-default
|
100
|
-
|
101
|
-
=heading-rg
|
102
|
-
+heading-rg-default
|
103
|
-
|
104
|
-
=heading-sm
|
105
|
-
+heading-sm-default
|
106
|
-
|
107
|
-
=heading-xs
|
108
|
-
+heading-xs-default
|
109
|
-
|
110
|
-
=heading-xxs
|
111
|
-
+heading-xxs-default
|
112
|
-
|
113
|
-
h1, h2, h3, h4, h5, h6
|
114
|
-
font-family: $heading-font-family
|
115
|
-
|
116
|
-
h1
|
117
|
-
+heading-lg
|
118
|
-
|
119
|
-
h2
|
120
|
-
+heading-md
|
121
|
-
|
122
|
-
h3
|
123
|
-
+heading-rg
|
124
|
-
|
125
|
-
h4
|
126
|
-
+heading-sm
|
127
|
-
|
128
|
-
h5
|
129
|
-
+heading-xs
|
130
|
-
|
131
|
-
h6
|
132
|
-
+heading-xxs
|
133
|
-
|
134
|
-
=type
|
135
|
-
+type-default
|
136
|
-
|
137
|
-
html
|
138
|
-
+type
|
139
|
-
|
140
|
-
=list($args...)
|
141
|
-
+list-default($args...)
|
142
|
-
|
143
|
-
//
|
144
|
-
// Base Components
|
145
|
-
// ===============
|
146
|
-
// Base components get imported first so they can be custom themed and
|
147
|
-
// used again in other parts of the core library.
|
148
|
-
//
|
149
|
-
|
150
|
-
@import core/_base_components
|
151
|
-
|
152
|
-
// Alerts
|
153
|
-
// ------
|
154
|
-
|
155
|
-
=alert($args...)
|
156
|
-
+alert-default($args...)
|
157
|
-
|
158
|
-
// Buttons
|
159
|
-
// -------
|
160
|
-
|
161
|
-
=button($args...)
|
162
|
-
+button-default($args...)
|
163
|
-
|
164
|
-
=button-group($args...)
|
165
|
-
+button-group-default($args...)
|
166
|
-
|
167
|
-
// HR
|
168
|
-
// --
|
169
|
-
|
170
|
-
=hr
|
171
|
-
+hr-default
|
172
|
-
|
173
|
-
hr
|
174
|
-
+hr
|
175
|
-
|
176
|
-
// Images
|
177
|
-
// ------
|
178
|
-
|
179
|
-
=thumbnail-content
|
180
|
-
+thumbnail-content-default
|
181
|
-
|
182
|
-
=thumbnail
|
183
|
-
+thumbnail-default
|
184
|
-
|
185
|
-
// Labels
|
186
|
-
// ------
|
187
|
-
|
188
|
-
=label($args...)
|
189
|
-
+label-default($args...)
|
190
|
-
|
191
|
-
// Navigation
|
192
|
-
// ----------
|
193
|
-
|
194
|
-
=navbar($args...)
|
195
|
-
+navbar-default($args...)
|
196
|
-
|
197
|
-
=dropdown_menu
|
198
|
-
+dropdown_menu-default
|
199
|
-
|
200
|
-
// Table
|
201
|
-
// -----
|
202
|
-
|
203
|
-
=table($args...)
|
204
|
-
+table-default($args...)
|
205
|
-
|
206
|
-
//
|
207
|
-
// Dependent Components
|
208
|
-
// ====================
|
209
|
-
// Dependent components keep code DRY by reusing core and base
|
210
|
-
// componenets that have already been styled by the theme.
|
211
|
-
//
|
212
|
-
|
213
|
-
@import core/_dependent_components
|
214
|
-
|
215
|
-
// Forms
|
216
|
-
// -----
|
217
|
-
|
218
|
-
=form($args...)
|
219
|
-
+form-default($args...)
|
220
|
-
|
221
|
-
=form_group($args...)
|
222
|
-
+form_group-default($args...)
|
223
|
-
|
224
|
-
// Growls
|
225
|
-
// ------
|
226
|
-
|
227
|
-
=growl
|
228
|
-
+growl-default
|
229
|
-
|
230
|
-
// Modals
|
231
|
-
// ------
|
232
|
-
|
233
|
-
=modal()
|
234
|
-
+modal-default()
|
235
|
-
|
236
|
-
// Pagination
|
237
|
-
// ----------
|
238
|
-
|
239
|
-
=pagination($args...)
|
240
|
-
+pagination-default($args...)
|
241
|
-
|
242
|
-
// Tabs
|
243
|
-
// ----
|
244
|
-
|
245
|
-
=tabs
|
246
|
-
+tabs-default
|
247
|
-
|
248
|
-
=tab_pane_container
|
249
|
-
+tab_pane_container-default
|
250
|
-
|
251
|
-
// Tooltips
|
252
|
-
// --------
|
253
|
-
|
254
|
-
=tooltip_trigger
|
255
|
-
+tooltip_trigger-default
|
256
|
-
|
257
|
-
@import core/_direct-apply.sass
|
258
|
-
@import vendor/_index
|
259
|
-
|
260
|
-
// Switches
|
261
|
-
// --------
|
262
|
-
|
263
|
-
=switch($args...)
|
264
|
-
+switch-default($args...)
|
@@ -1,34 +0,0 @@
|
|
1
|
-
# Kickstart Switches
|
2
|
-
|
3
|
-
## Install in your project
|
4
|
-
|
5
|
-
### Gulp/Node.js
|
6
|
-
|
7
|
-
Let's install this as a git submodule.
|
8
|
-
|
9
|
-
In your project, `cd` to `lib/sass/vendor`
|
10
|
-
|
11
|
-
git submodule add git://github.com/ajkochanowicz/switch.git
|
12
|
-
|
13
|
-
As a submodule, this won't grow in your repository but it will allow you to
|
14
|
-
keep it up to date. [Read more about submodules](http://git-scm.com/book/en/Git-Tools-Submodules)
|
15
|
-
In `lib/sass/vendor/_index.sass`, add
|
16
|
-
|
17
|
-
@import switch/switch
|
18
|
-
|
19
|
-
In the very bottom of your theme file, instantiate the `switch()` mixin
|
20
|
-
|
21
|
-
=switch($color: $primary-color)
|
22
|
-
+switch-default($color)
|
23
|
-
|
24
|
-
To add a switch, use the following markup
|
25
|
-
|
26
|
-
<p>
|
27
|
-
<div class="switch">
|
28
|
-
<input id="switch-2" type="checkbox" />
|
29
|
-
<label for="switch-2"></label>
|
30
|
-
</div>
|
31
|
-
<span>Let me know about future updates!</span>
|
32
|
-
</p>
|
33
|
-
|
34
|
-
Note, the `switch-2` id is optional. Use whatever id you like.
|
@@ -1,14 +0,0 @@
|
|
1
|
-
@import switch
|
2
|
-
|
3
|
-
// These variables will be available inside of Kickstart,
|
4
|
-
// but putting them here so the example works without it.
|
5
|
-
|
6
|
-
$primary-color: blue
|
7
|
-
$colors: (green: #8ce196)
|
8
|
-
$white: (darker: #DDD)
|
9
|
-
|
10
|
-
=switch
|
11
|
-
+switch-default
|
12
|
-
|
13
|
-
.switch
|
14
|
-
+switch
|
@@ -1,16 +0,0 @@
|
|
1
|
-
var gulp = require('gulp'),
|
2
|
-
sass = require('gulp-ruby-sass'),
|
3
|
-
connect = require('gulp-connect');
|
4
|
-
|
5
|
-
gulp.task('default', ['connect'], function() {
|
6
|
-
gulp.src(['example.sass'])
|
7
|
-
.pipe(sass())
|
8
|
-
.pipe(gulp.dest('./'))
|
9
|
-
});
|
10
|
-
|
11
|
-
gulp.task('connect', function() {
|
12
|
-
connect.server({
|
13
|
-
root: './',
|
14
|
-
livereload: true
|
15
|
-
})
|
16
|
-
})
|
@@ -1,18 +0,0 @@
|
|
1
|
-
<!DOCTYPE HTML>
|
2
|
-
<html>
|
3
|
-
<head>
|
4
|
-
<link rel="stylesheet" href="http://cdn.getkickstart.com/css/kickstart.min.css" />
|
5
|
-
<link rel="stylesheet" href="example.css" />
|
6
|
-
</head>
|
7
|
-
<body>
|
8
|
-
<h1>Example</h1>
|
9
|
-
|
10
|
-
<p>
|
11
|
-
<div class="switch">
|
12
|
-
<input id="switch-2" type="checkbox" />
|
13
|
-
<label for="switch-2"></label>
|
14
|
-
</div>
|
15
|
-
<span>Let me know about future updates!</span>
|
16
|
-
</p>
|
17
|
-
</body>
|
18
|
-
</html>
|
@@ -1,53 +0,0 @@
|
|
1
|
-
=switch-default($color: $primary-color)
|
2
|
-
display: inline-block
|
3
|
-
vertical-align: middle
|
4
|
-
|
5
|
-
input[type="checkbox"]
|
6
|
-
position: absolute
|
7
|
-
margin-left: -9999px
|
8
|
-
visibility: hidden
|
9
|
-
|
10
|
-
+ label
|
11
|
-
display: block
|
12
|
-
position: relative
|
13
|
-
cursor: pointer
|
14
|
-
user-select: none
|
15
|
-
padding: 2px
|
16
|
-
width: 40px
|
17
|
-
height: 20px
|
18
|
-
background: map-get($white, darker)
|
19
|
-
border-radius: 60px
|
20
|
-
transition: background 0.4s
|
21
|
-
|
22
|
-
&:before, &:after
|
23
|
-
display: block
|
24
|
-
position: absolute
|
25
|
-
content: " "
|
26
|
-
|
27
|
-
&:before
|
28
|
-
top: 2px
|
29
|
-
left: 2px
|
30
|
-
bottom: 2px
|
31
|
-
right: 2px
|
32
|
-
background-color: white
|
33
|
-
border-radius: 60px
|
34
|
-
transition: background 0.4s
|
35
|
-
|
36
|
-
&:after
|
37
|
-
top: 4px
|
38
|
-
left: 4px
|
39
|
-
bottom: 4px
|
40
|
-
width: 12px
|
41
|
-
background-color: map-get($white, darker)
|
42
|
-
border-radius: 52px
|
43
|
-
transition: margin 0.4s, background 0.4s
|
44
|
-
|
45
|
-
&:checked + label
|
46
|
-
background-color: map-get($colors, green)
|
47
|
-
|
48
|
-
&:after
|
49
|
-
margin-left: 20px
|
50
|
-
background-color: map-get($colors, green)
|
51
|
-
|
52
|
-
|
53
|
-
|
@@ -1,24 +0,0 @@
|
|
1
|
-
{
|
2
|
-
"name": "Kickstart-Switch",
|
3
|
-
"version": "1.0.0",
|
4
|
-
"description": "",
|
5
|
-
"main": "gulpfile.js",
|
6
|
-
"scripts": {
|
7
|
-
"test": "echo \"Error: no test specified\" && exit 1"
|
8
|
-
},
|
9
|
-
"repository": {
|
10
|
-
"type": "git",
|
11
|
-
"url": "https://github.com/ajkochanowicz/Kickstart-Switch.git"
|
12
|
-
},
|
13
|
-
"author": "",
|
14
|
-
"license": "ISC",
|
15
|
-
"bugs": {
|
16
|
-
"url": "https://github.com/ajkochanowicz/Kickstart-Switch/issues"
|
17
|
-
},
|
18
|
-
"homepage": "https://github.com/ajkochanowicz/Kickstart-Switch",
|
19
|
-
"devDependencies": {
|
20
|
-
"gulp": "^3.8.8",
|
21
|
-
"gulp-connect": "^2.0.6",
|
22
|
-
"gulp-ruby-sass": "^0.7.1"
|
23
|
-
}
|
24
|
-
}
|
@@ -1,53 +0,0 @@
|
|
1
|
-
=switch-default($color: $primary-color)
|
2
|
-
display: inline-block
|
3
|
-
vertical-align: middle
|
4
|
-
|
5
|
-
input[type="checkbox"]
|
6
|
-
position: absolute
|
7
|
-
margin-left: -9999px
|
8
|
-
visibility: hidden
|
9
|
-
|
10
|
-
+ label
|
11
|
-
display: block
|
12
|
-
position: relative
|
13
|
-
cursor: pointer
|
14
|
-
user-select: none
|
15
|
-
padding: 2px
|
16
|
-
width: 40px
|
17
|
-
height: 20px
|
18
|
-
background: map-get($white, darker)
|
19
|
-
border-radius: 60px
|
20
|
-
transition: background 0.4s
|
21
|
-
|
22
|
-
&:before, &:after
|
23
|
-
display: block
|
24
|
-
position: absolute
|
25
|
-
content: " "
|
26
|
-
|
27
|
-
&:before
|
28
|
-
top: 2px
|
29
|
-
left: 2px
|
30
|
-
bottom: 2px
|
31
|
-
right: 2px
|
32
|
-
background-color: white
|
33
|
-
border-radius: 60px
|
34
|
-
transition: background 0.4s
|
35
|
-
|
36
|
-
&:after
|
37
|
-
top: 4px
|
38
|
-
left: 4px
|
39
|
-
bottom: 4px
|
40
|
-
width: 12px
|
41
|
-
background-color: map-get($white, darker)
|
42
|
-
border-radius: 52px
|
43
|
-
transition: margin 0.4s, background 0.4s
|
44
|
-
|
45
|
-
&:checked + label
|
46
|
-
background-color: map-get($colors, green)
|
47
|
-
|
48
|
-
&:after
|
49
|
-
margin-left: 20px
|
50
|
-
background-color: map-get($colors, green)
|
51
|
-
|
52
|
-
|
53
|
-
|