kickstart_rails 3.0.39 → 3.0.40

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.
Files changed (74) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/kickstart_rails/app.coffee +17 -0
  3. data/app/assets/javascripts/kickstart_rails/buffer.coffee +32 -0
  4. data/app/assets/javascripts/kickstart_rails/buttons.coffee +8 -0
  5. data/app/assets/javascripts/kickstart_rails/debouncer.coffee +14 -0
  6. data/app/assets/javascripts/kickstart_rails/docs.coffee +179 -0
  7. data/app/assets/javascripts/kickstart_rails/dropdown.coffee +40 -0
  8. data/app/assets/javascripts/kickstart_rails/growl.coffee +56 -0
  9. data/app/assets/javascripts/kickstart_rails/ks.coffee +16 -0
  10. data/app/assets/javascripts/kickstart_rails/modal.coffee +29 -0
  11. data/app/assets/javascripts/kickstart_rails/navbar-fixer.coffee +9 -0
  12. data/app/assets/javascripts/kickstart_rails/navbar.coffee +36 -0
  13. data/app/assets/javascripts/kickstart_rails/status.coffee +30 -0
  14. data/app/assets/javascripts/kickstart_rails/tabs.coffee +32 -0
  15. data/app/assets/javascripts/kickstart_rails/tests.coffee +10 -0
  16. data/app/assets/javascripts/kickstart_rails/throttler.coffee +7 -0
  17. data/app/assets/stylesheets/core/_animations.sass +8 -0
  18. data/app/assets/stylesheets/core/_base.sass +16 -0
  19. data/app/assets/stylesheets/core/_base_components.sass +15 -0
  20. data/app/assets/stylesheets/core/_dependent_components.sass +12 -0
  21. data/app/assets/stylesheets/core/_direct-apply.sass +337 -0
  22. data/app/assets/stylesheets/core/_grid.sass +142 -0
  23. data/app/assets/stylesheets/core/_icons.sass +3 -0
  24. data/app/assets/stylesheets/core/_index.sass +7 -0
  25. data/app/assets/stylesheets/core/_mixins.sass +22 -0
  26. data/app/assets/stylesheets/core/_normalize.sass +339 -0
  27. data/app/assets/stylesheets/core/_root-element.sass +17 -0
  28. data/app/assets/stylesheets/core/_typography.sass +180 -0
  29. data/app/assets/stylesheets/core/components/_alerts.sass +23 -0
  30. data/app/assets/stylesheets/core/components/_buttons.sass +159 -0
  31. data/app/assets/stylesheets/core/components/_dropdown_menu.sass +69 -0
  32. data/app/assets/stylesheets/core/components/_forms.sass +106 -0
  33. data/app/assets/stylesheets/core/components/_growls.sass +2 -0
  34. data/app/assets/stylesheets/core/components/_hr.sass +5 -0
  35. data/app/assets/stylesheets/core/components/_images.sass +40 -0
  36. data/app/assets/stylesheets/core/components/_labels.sass +15 -0
  37. data/app/assets/stylesheets/core/components/_modals.sass +73 -0
  38. data/app/assets/stylesheets/core/components/_navbar.sass +270 -0
  39. data/app/assets/stylesheets/core/components/_notifications.sass +20 -0
  40. data/app/assets/stylesheets/core/components/_pagination.sass +11 -0
  41. data/app/assets/stylesheets/core/components/_progress.sass +12 -0
  42. data/app/assets/stylesheets/core/components/_tables.sass +70 -0
  43. data/app/assets/stylesheets/core/components/_tabs.sass +37 -0
  44. data/app/assets/stylesheets/core/components/_tooltips.sass +26 -0
  45. data/app/assets/stylesheets/docs.sass +99 -0
  46. data/app/assets/stylesheets/fullpage.sass +7 -0
  47. data/app/assets/stylesheets/kickstart-semantic.sass +10 -0
  48. data/app/assets/stylesheets/kickstart.sass +344 -0
  49. data/app/assets/stylesheets/pages/docs/form.sass +0 -0
  50. data/app/assets/stylesheets/pages/docs/grid.sass +73 -0
  51. data/app/assets/stylesheets/pages/docs/index.sass +217 -0
  52. data/app/assets/stylesheets/pages/docs/ui/alerts.sass +5 -0
  53. data/app/assets/stylesheets/pages/docs/ui/buttons.sass +52 -0
  54. data/app/assets/stylesheets/pages/docs/ui/forms.sass +31 -0
  55. data/app/assets/stylesheets/pages/docs/ui/images.sass +7 -0
  56. data/app/assets/stylesheets/pages/docs/ui/labels.sass +10 -0
  57. data/app/assets/stylesheets/pages/docs/ui/modals.sass +18 -0
  58. data/app/assets/stylesheets/pages/docs/ui/navigation.sass +14 -0
  59. data/app/assets/stylesheets/pages/docs/ui/notifications.sass +17 -0
  60. data/app/assets/stylesheets/pages/docs/ui/tables.sass +13 -0
  61. data/app/assets/stylesheets/pages/docs/ui/tabs.sass +7 -0
  62. data/app/assets/stylesheets/pages/docs/ui/tooltips.sass +7 -0
  63. data/app/assets/stylesheets/pages/docs/ui/typography.sass +56 -0
  64. data/app/assets/stylesheets/pages/index.sass +105 -0
  65. data/app/assets/stylesheets/themes/default/theme.sass +264 -0
  66. data/app/assets/stylesheets/vendor/_index.sass +10 -0
  67. data/app/assets/stylesheets/vendor/switch/README.md +34 -0
  68. data/app/assets/stylesheets/vendor/switch/example.sass +14 -0
  69. data/app/assets/stylesheets/vendor/switch/gulpfile.js +16 -0
  70. data/app/assets/stylesheets/vendor/switch/index.html +18 -0
  71. data/app/assets/stylesheets/vendor/switch/package.json +24 -0
  72. data/app/assets/stylesheets/vendor/switch/switch.sass +53 -0
  73. data/lib/kickstart_rails/version.rb +1 -1
  74. metadata +72 -1
@@ -0,0 +1,20 @@
1
+ =status_bar
2
+ position: fixed
3
+ top: 0
4
+ left: 0
5
+ right: 0
6
+ z-index: 2000 // Above modal
7
+ display: flex
8
+ pointer-events: none
9
+
10
+ .status_bar-status
11
+ +label(map-get($colors, yellow))
12
+ color: black
13
+ text-align: center
14
+ margin: 5px auto
15
+ max-width: 300px
16
+ box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15)
17
+ +fadeInDown
18
+ z-index: 1000
19
+
20
+ @content
@@ -0,0 +1,11 @@
1
+ =pagination-default($background: map-get($white, dark))
2
+ display: flex
3
+ align-items: flex-start
4
+ flex-wrap: wrap
5
+ justify-content: space-between
6
+ align-content: space-between
7
+
8
+ > ul
9
+ +button-group-default($background-color: map-get($white, dark), $size: 1)
10
+
11
+ @content
@@ -0,0 +1,12 @@
1
+ progress
2
+ width: 100%
3
+
4
+ &::-webkit-progress-bar
5
+ border-radius: ($space/5)
6
+ min-height: $space
7
+ -webkit-appearance: none
8
+ appearance: none
9
+ -moz-appearance: none
10
+
11
+ &::-webkit-progress-value
12
+ border-radius: ($space/5) 0 0 ($space/5)
@@ -0,0 +1,70 @@
1
+ =table-default($blank: false, $zebra: false, $hover: false)
2
+ border-collapse: collapse
3
+ background: white
4
+ border-spacing: 0
5
+ empty-cells: show
6
+ border: 1px solid map-get($gray, light)
7
+ width: 100%
8
+ margin-bottom: $space
9
+
10
+ pre
11
+ margin: 0
12
+
13
+ thead
14
+ background: map-get($white, dark)
15
+ color: black
16
+ text-align: left
17
+ vertical-align: bottom
18
+ border-bottom: 1px solid transparent
19
+
20
+ th
21
+ font-weight: bold
22
+ text-align: left
23
+
24
+ th, td
25
+ background-color: transparent
26
+ border-left: 1px solid map-get($gray, light)
27
+ border-width: 0 0 0 1px
28
+ font-size: inherit
29
+ margin: 0
30
+ overflow: visible
31
+ padding: ($space/6) ($space/4)
32
+ line-height: normal
33
+
34
+ &:first-child
35
+ border-left-width: 0
36
+
37
+ @if $blank == true
38
+ +table-blank
39
+
40
+ @if $zebra == true
41
+ +table-zebra
42
+
43
+ @content
44
+
45
+ =table-blank
46
+ border-color: transparent
47
+ table, tr, td, tbody, thead, th, tfoot
48
+ border-color: transparent
49
+ background: transparent
50
+ th, td
51
+ padding:
52
+ left: 0px
53
+ right: 0px
54
+
55
+ =table-hover
56
+ tbody, thead
57
+ tr:hover
58
+ background-color: $primary-color
59
+
60
+ td, th
61
+ color: white
62
+
63
+ =table-zebra
64
+ tbody, thead
65
+ tr:nth-child(even)
66
+ background-color: map-get($white, dark)
67
+
68
+ tr
69
+ td, th
70
+ padding: ($space/6) ($space/4)
@@ -0,0 +1,37 @@
1
+ =tabs-default
2
+ +list($style: 'unstyled horizontal')
3
+ border-bottom: 1px solid map-get($white, darker)
4
+
5
+ li
6
+ margin: 0
7
+ right: -1px
8
+ bottom: -1px
9
+
10
+ &.open
11
+ a
12
+ border-bottom-color: transparent
13
+ background: white
14
+
15
+ &:hover, &.active
16
+ box-shadow: none
17
+
18
+ a
19
+ +button
20
+ border: 1px solid $secondary-color
21
+ padding:
22
+ left: map-get($rootElement, paddingH)
23
+ right: map-get($rootElement, paddingH)
24
+ border-bottom-left-radius: 0
25
+ border-bottom-right-radius: 0
26
+
27
+ =tab_pane_container-default
28
+ +root-element
29
+ background: white
30
+ border-color: $secondary-color
31
+ border-top: 0
32
+ border-top-left-radius: 0
33
+ border-top-right-radius: 0
34
+ padding: $space
35
+ margin-top: -$space
36
+
37
+ @content
@@ -0,0 +1,26 @@
1
+ =tooltip_trigger-default($background-color: false)
2
+ position: relative
3
+ display: inline-block
4
+ cursor: pointer
5
+
6
+ @if not $background-color == false
7
+ .tooltip
8
+ +label($background-color)
9
+
10
+ &:hover
11
+ [data-ks-tooltip]
12
+ &:after, &:before
13
+ opacity: 1
14
+
15
+ &:after
16
+ transform: translateY(-8px)
17
+ transition: transform 0.25s
18
+
19
+ .tooltip
20
+ opacity: 1
21
+ transform: translateY(0px)
22
+
23
+ &:after
24
+ opacity: 1
25
+
26
+ @content
@@ -0,0 +1,99 @@
1
+ // Docs
2
+ // ====
3
+ // Generation of css for the getkickstart.com homepage.
4
+ // Page-level styling goes elsewhere.
5
+
6
+ // Choose your theme
7
+ @import themes/default/theme
8
+
9
+ // Basic layout
10
+ // ------------
11
+
12
+ body
13
+ background-color: map-get($white, darkest)
14
+
15
+ .wrapper
16
+ +container
17
+
18
+ #above-footer
19
+ +above-footer
20
+ position: relative
21
+
22
+ #screen
23
+ +screen
24
+ max-width: $xxl-monitor
25
+ box-shadow: 0px 0px $space map-get($gray, darker)
26
+ margin: 0px auto
27
+ background: white
28
+
29
+ // Navigation
30
+ // ----------
31
+
32
+ .main-navigation
33
+ +navbar($collapse: true, $layout: 'fluid', $background-color: transparent)
34
+
35
+ nav.expand
36
+ background: white
37
+ color: map-get($black, light)
38
+
39
+ > ul > li > a:not([role=button])
40
+ color: map-get($black, light)
41
+
42
+ svg
43
+ fill: map-get($black, light)
44
+
45
+ svg
46
+ height: 30px
47
+ fill: white
48
+
49
+ // Footer
50
+ // ------
51
+
52
+ footer.main
53
+ background: map-get($gray, light)
54
+ padding: $space 0
55
+ color: white
56
+
57
+ a
58
+ color: white
59
+ text-decoration: underline
60
+
61
+ // Growl
62
+ .growl
63
+ +alert
64
+
65
+ &.warning
66
+ background-color: map-get($colors, yellow)
67
+ color: black
68
+
69
+ // Iframes
70
+ // -------
71
+
72
+ iframe.animation
73
+ max-width: 500px
74
+ height: 200px
75
+ display: block
76
+ margin-left: auto
77
+ margin-right: auto
78
+ margin-bottom: 25px
79
+ overflow: hidden
80
+
81
+ // Components
82
+ // ----------
83
+
84
+ // Buttons
85
+ .button
86
+ +button
87
+
88
+ &.button-primary
89
+ +button-color($primary-color)
90
+
91
+ // Notices
92
+ .notice
93
+ +label
94
+
95
+ // Switches
96
+ // --------
97
+
98
+ .switch
99
+ +switch
@@ -0,0 +1,7 @@
1
+ @import themes/default/theme
2
+
3
+ .main-navigation
4
+ +navbar($background-color: white)
5
+
6
+ svg
7
+ fill: map-get($black, lighter)
@@ -0,0 +1,10 @@
1
+ // Kickstart Semantic
2
+ // ==================
3
+ // This is just a starter file for using Kickstrap via Sass
4
+ // Rename this file to something you like (e.g. style.sass) and import it by
5
+ // the same .css name from your html/jade file.
6
+
7
+ // Choose your theme
8
+ @import themes/default/theme
9
+
10
+ // Now write your own Sass
@@ -0,0 +1,344 @@
1
+ /*
2
+ * Kickstart
3
+ * =========
4
+ */
5
+ // For users who prefer to not use Sass, this will generate a CSS file with
6
+ // classes for all the components.
7
+
8
+ // Import the semantic index
9
+ @import themes/default/theme
10
+
11
+ // Generate color classes (This is as close as I can get to being dry.)
12
+ =color-classes($prefix, $background-color: false, $color: false)
13
+ $color-names: "red", "orange", "yellow", "green", "blue", "violet"
14
+ @each $name, $value in $colors
15
+ .#{$prefix}-#{unquote($name)}
16
+ @if $background-color
17
+ background-color: $value
18
+ @if $color
19
+ color: $value
20
+
21
+ // LAYOUT
22
+ // ------
23
+
24
+ #above-footer
25
+ +above-footer
26
+
27
+ #screen
28
+ +screen
29
+
30
+ // Assign mixins to static component classes
31
+
32
+ // ALERTS
33
+ // ------
34
+
35
+ .alert
36
+ +alert
37
+
38
+ &.alert-red
39
+ background: map-get($colors, red)
40
+ &.alert-green
41
+ background: map-get($colors, green)
42
+ &.alert-yellow
43
+ background: map-get($colors, yellow)
44
+ color: $default-font-color
45
+
46
+ // BUTTONS
47
+ // -------
48
+ .button
49
+ +button
50
+ // TODO: Make loop
51
+ &.button-primary
52
+ +button-color($primary-color)
53
+
54
+ &.button-secondary
55
+ +button-color($secondary-color)
56
+
57
+ &.button-clear
58
+ +button-color(transparent)
59
+
60
+ &.button-red
61
+ +button-color(map-get($colors, red))
62
+
63
+ &.button-orange
64
+ +button-color(map-get($colors, orange))
65
+
66
+ &.button-yellow
67
+ +button-color(map-get($colors, yellow))
68
+
69
+ &.button-green
70
+ +button-color(map-get($colors, green))
71
+
72
+ &.button-blue
73
+ +button-color(map-get($colors, blue))
74
+
75
+ &.button-violet
76
+ +button-color(map-get($colors, violet))
77
+
78
+ &.button-small
79
+ +button-size($size: 0.85)
80
+
81
+ &.button-large
82
+ +button-size($size: 1.2)
83
+
84
+ .button-group
85
+ +button-group
86
+
87
+ &.button-primary
88
+ > li > *:not(ul)
89
+ +button-color($primary-color)
90
+
91
+ &.button-secondary
92
+ > li > *:not(ul)
93
+ +button-color($secondary-color)
94
+
95
+ &.button-clear
96
+ > li > *:not(ul)
97
+ +button-color(transparent)
98
+
99
+ &.button-red
100
+ > li > *:not(ul)
101
+ +button-color(map-get($colors, red))
102
+
103
+ &.button-orange
104
+ > li > *:not(ul)
105
+ +button-color(map-get($colors, orange))
106
+
107
+ &.button-yellow
108
+ > li > *:not(ul)
109
+ +button-color(map-get($colors, yellow))
110
+
111
+ &.button-green
112
+ > li > *:not(ul)
113
+ +button-color(map-get($colors, green))
114
+
115
+ &.button-blue
116
+ > li > *:not(ul)
117
+ +button-color(map-get($colors, blue))
118
+
119
+ &.button-violet
120
+ > li > *:not(ul)
121
+ +button-color(map-get($colors, violet))
122
+
123
+ &.button-small
124
+ > li > *:not(ul)
125
+ +button-size($size: 0.85)
126
+
127
+ &.button-large
128
+ > li > *:not(ul)
129
+ +button-size($size: 1.2)
130
+
131
+ // FORMS
132
+ // -----
133
+ .form
134
+ +form
135
+
136
+ .form-horizontal
137
+ +form-horizontal
138
+
139
+ .form-left
140
+ +form-left
141
+
142
+ .form_group
143
+ +form_group('vertical')
144
+
145
+ &.form_group-horizontal,
146
+ .form_group-horizontal,
147
+ .form-horizontal &
148
+ +form_group('horizontal')
149
+
150
+ // GRID
151
+ // ----
152
+ .container
153
+ +container
154
+
155
+ .row
156
+ +row
157
+
158
+ @for $i from 1 through 12
159
+ .col-#{$i}
160
+ +column($i)
161
+
162
+ .col-half
163
+ +column('half')
164
+
165
+ .col-third
166
+ +column('third')
167
+
168
+ .col-twothirds
169
+ +column('twothirds')
170
+
171
+ // Left offsets
172
+ @each $screen in '', 'xs-', 'sm-', 'rg-', 'md-', 'lg-', 'xl-'
173
+ .col-left-#{$screen}third
174
+ +left('third')
175
+
176
+ .col-left-#{$screen}twothirds
177
+ +left('twothirds')
178
+
179
+ .col-left-#{$screen}half
180
+ +left('half')
181
+
182
+ @for $i from 1 through 12
183
+ .col-left-#{$screen}#{$i}
184
+ +left($i)
185
+
186
+ // Right offsets
187
+ @each $screen in '', 'xs-', 'sm-', 'rg-', 'md-', 'lg-', 'xl-'
188
+ .col-right-#{$screen}third
189
+ +right('third')
190
+
191
+ .col-right-#{$screen}twothirds
192
+ +right('twothirds')
193
+
194
+ .col-right-#{$screen}half
195
+ +right('half')
196
+
197
+ @for $i from 1 through 12
198
+ .col-right-#{$screen}#{$i}
199
+ +right($i)
200
+
201
+ // IMAGES
202
+ // ------
203
+
204
+ .thumbnail-content
205
+ +thumbnail-content
206
+
207
+ .thumbnail
208
+ +thumbnail
209
+
210
+ // LABELS
211
+ // ------
212
+
213
+ .label
214
+ +label
215
+
216
+ &.label-red
217
+ +label(map-get($colors, red))
218
+
219
+ &.label-orange
220
+ +label(map-get($colors, orange))
221
+
222
+ &.label-yellow
223
+ +label(map-get($colors, yellow))
224
+
225
+ &.label-green
226
+ +label(map-get($colors, green))
227
+
228
+ &.label-blue
229
+ +label(map-get($colors, blue))
230
+
231
+ &.label-violet
232
+ +label(map-get($colors, violet))
233
+
234
+ &.label-primary
235
+ +label($primary-color)
236
+
237
+ &.label-secondary
238
+ +label($secondary-color)
239
+
240
+ // MODALS
241
+ // ------
242
+
243
+ .modal
244
+ +modal
245
+
246
+ // NAVIGATION
247
+ // ----------
248
+
249
+ .navbar
250
+ +navbar
251
+
252
+ &.navbar-dark
253
+ +navbar-color($background-color: map-get($black, lighter))
254
+
255
+ &.navbar-collapse
256
+ +navbar($collapse: true)
257
+
258
+ &.navbar-fluid
259
+ +navbar-fluid
260
+
261
+ &.navbar-fluid_fixed
262
+ +navbar-fluid_fixed
263
+
264
+ &.navbar-fixed
265
+ +navbar-fixed
266
+
267
+ .pagination
268
+ +pagination
269
+
270
+ // TABLES
271
+ // ------
272
+ .table
273
+ +table
274
+
275
+ &.table-blank
276
+ +table-blank
277
+
278
+ &.table-zebra
279
+ +table-zebra
280
+
281
+ &.table-hover
282
+ +table-hover
283
+
284
+ // TABS
285
+ // ----
286
+ .tabs
287
+ +tabs
288
+
289
+ .tab_pane_container
290
+ +tab_pane_container
291
+
292
+ // TOOLTIPS
293
+ // --------
294
+
295
+ .tooltip_trigger
296
+ +tooltip_trigger
297
+
298
+ // TYPOGRAPHY
299
+ // ----------
300
+
301
+ .xxl
302
+ +heading-xxl
303
+
304
+ .xl
305
+ +heading-xl
306
+
307
+ .lg
308
+ +heading-lg
309
+
310
+ .md
311
+ +heading-md
312
+
313
+ .rg
314
+ +heading-rg
315
+
316
+ .sm
317
+ +heading-sm
318
+
319
+ .xs
320
+ +heading-xs
321
+
322
+ .xxs
323
+ +heading-xxs
324
+
325
+ .readable
326
+ +p(true)
327
+
328
+ p, ul li, table, table td, table th
329
+ +p(true)
330
+
331
+ .page-heading
332
+ +page-heading
333
+
334
+ .hero
335
+ +hero
336
+
337
+ .list
338
+ +list
339
+
340
+ .list-unstyled
341
+ +list-unstyled
342
+
343
+ .list-horizontal
344
+ +list-horizontal