kickstart_rails 3.0.17 → 3.0.18

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 (35) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/kickstart_rails/docs.js +11 -22
  3. data/app/assets/javascripts/kickstart_rails/kickstart.js +12 -12
  4. data/app/assets/javascripts/kickstart_rails/kickstart.min.js +1 -1
  5. data/app/assets/javascripts/kickstart_rails/navbar-fixer.js +19 -0
  6. data/app/assets/javascripts/kickstart_rails/test.js +58 -58
  7. data/app/assets/stylesheets/kickstart_rails/components/_alerts.sass +1 -0
  8. data/app/assets/stylesheets/kickstart_rails/components/_images.sass +4 -0
  9. data/app/assets/stylesheets/kickstart_rails/components/_navbar.sass +1 -0
  10. data/app/assets/stylesheets/kickstart_rails/components/_tables.sass +4 -1
  11. data/app/assets/stylesheets/kickstart_rails/core/_animations.sass +2 -2
  12. data/app/assets/stylesheets/kickstart_rails/core/_typography.sass +1 -1
  13. data/app/assets/stylesheets/kickstart_rails/docs.sass +40 -3
  14. data/app/assets/stylesheets/kickstart_rails/fullpage.sass +7 -0
  15. data/app/assets/stylesheets/kickstart_rails/pages/docs/form.sass +0 -0
  16. data/app/assets/stylesheets/kickstart_rails/pages/docs/grid.sass +73 -0
  17. data/app/assets/stylesheets/kickstart_rails/pages/docs/index.sass +163 -30
  18. data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/alerts.sass +5 -0
  19. data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/buttons.sass +52 -0
  20. data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/forms.sass +31 -0
  21. data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/image.sass +4 -0
  22. data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/images.sass +7 -0
  23. data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/labels.sass +10 -0
  24. data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/modals.sass +18 -0
  25. data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/navigation.sass +14 -0
  26. data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/notifications.sass +17 -0
  27. data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/tables.sass +13 -0
  28. data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/tabs.sass +7 -0
  29. data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/tooltips.sass +7 -0
  30. data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/typography.sass +56 -0
  31. data/app/assets/stylesheets/kickstart_rails/pages/index.sass +58 -11
  32. data/app/assets/stylesheets/kickstart_rails/themes/_canary.sass +11 -3
  33. data/app/assets/stylesheets/kickstart_rails/themes/_default.sass +4 -3
  34. data/lib/kickstart_rails/version.rb +1 -1
  35. metadata +32 -15
@@ -0,0 +1,5 @@
1
+ @import ../../../themes/_default
2
+
3
+ .alert
4
+ +alert
5
+ background: map-get($colors, blue)
@@ -0,0 +1,52 @@
1
+ @import ../../../themes/_default
2
+
3
+ .button
4
+ &.button-green
5
+ +button-color(map-get($colors, green))
6
+ &.button-red
7
+ +button-color(map-get($colors, red))
8
+ &.button-blue
9
+ +button-color(map-get($colors, blue))
10
+ &.button-yellow
11
+ +button-color(map-get($colors, yellow))
12
+ &.button-orange
13
+ +button-color(map-get($colors, orange))
14
+
15
+ &.button-small
16
+ +button-size(0.85)
17
+
18
+ &.button-large
19
+ +button-size(1.2)
20
+
21
+ .button-group
22
+ +button-group
23
+
24
+ &.button-green
25
+ button
26
+ +button-color(map-get($colors, green))
27
+ &.button-violet
28
+ button
29
+ +button-color(map-get($colors, violet))
30
+ &.button-red
31
+ button
32
+ +button-color(map-get($colors, red))
33
+
34
+ &.button-small
35
+ button
36
+ +button-size(0.85)
37
+
38
+ &.button-large
39
+ button
40
+ +button-size(1.2)
41
+
42
+ .notice
43
+ +label($background-color: map-get($colors, yellow))
44
+
45
+ .row
46
+ +row
47
+
48
+ .col-4
49
+ +column(4)
50
+
51
+ .list-unstyled
52
+ +list('unstyled')
@@ -0,0 +1,31 @@
1
+ @import ../../../themes/_default
2
+
3
+ form.form
4
+ +form
5
+
6
+ input[type="submit"]
7
+ +button($primary-color)
8
+
9
+ &.form_horizontal
10
+ +form('horizontal')
11
+
12
+ &.form-left
13
+ +form('left')
14
+
15
+ .form_group
16
+ +form_group
17
+
18
+ &.form_group-horizontal
19
+ +form_group('horizontal')
20
+
21
+ .row
22
+ +row
23
+
24
+ .col-third
25
+ +column('third')
26
+
27
+ .col-twothirds
28
+ +column('twothirds')
29
+
30
+ .col-twothirds.col-left-third
31
+ +column('twothirds', 0, 'third')
@@ -0,0 +1,4 @@
1
+ @import ../../../themes/_default
2
+
3
+ .thumbnail
4
+ +thumbnail
@@ -0,0 +1,7 @@
1
+ @import ../../../themes/_default
2
+
3
+ .thumbnail
4
+ +thumbnail
5
+
6
+ .thumbnail-content
7
+ +thumbnail_content
@@ -0,0 +1,10 @@
1
+ @import ../../../themes/_default
2
+
3
+ .label
4
+ +label
5
+
6
+ &.label-red
7
+ +label(map-get($colors, red))
8
+
9
+ &.label-green
10
+ +label(map-get($colors, green))
@@ -0,0 +1,18 @@
1
+ @import ../../../themes/_default
2
+
3
+ .modal, .modal-example
4
+ +modal
5
+
6
+ .modal-example
7
+ +modal
8
+
9
+ &.override
10
+ max-width: 100%
11
+ display: block
12
+ position: static
13
+ box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5)
14
+ left: auto
15
+ right: auto
16
+ top: auto
17
+ bottom: auto
18
+ margin: 0
@@ -0,0 +1,14 @@
1
+ @import ../../../themes/_default
2
+
3
+ .navbar
4
+ +navbar
5
+
6
+ &.navbar-blue
7
+ +navbar-color(map-get($colors, blue))
8
+
9
+ .pagination
10
+ +pagination
11
+
12
+ .document
13
+ img
14
+ max-width: 100%
@@ -0,0 +1,17 @@
1
+ @import ../../../themes/_default
2
+
3
+ .growl
4
+ +alert
5
+
6
+ &.alert-yellow
7
+ background-color: map-get($colors, yellow)
8
+ color: black
9
+
10
+ &.alert-red
11
+ background-color: map-get($colors, red)
12
+
13
+ &.alert-blue
14
+ background-color: map-get($colors, blue)
15
+
16
+ &.alert-green
17
+ background-color: map-get($colors, green)
@@ -0,0 +1,13 @@
1
+ @import ../../../themes/_default
2
+
3
+ .table
4
+ +table
5
+
6
+ &.table-blank
7
+ +table-blank
8
+
9
+ &.table-zebra
10
+ +table-zebra
11
+
12
+ &.table-hover
13
+ +table-hover
@@ -0,0 +1,7 @@
1
+ @import ../../../themes/_default
2
+
3
+ .tabs
4
+ +tabs
5
+
6
+ .tab_pane_container
7
+ +tab_pane_container
@@ -0,0 +1,7 @@
1
+ @import ../../../themes/_default
2
+
3
+ .tooltip_trigger
4
+ +tooltip_trigger
5
+
6
+ .list-unstyled
7
+ +list('unstyled')
@@ -0,0 +1,56 @@
1
+ @import ../../../themes/_default
2
+
3
+ .example
4
+ h1
5
+ +heading-lg
6
+
7
+ &.xxl
8
+ +heading-xxl
9
+
10
+ &.xl
11
+ +heading-xl
12
+
13
+ &.lg
14
+ +heading-lg
15
+
16
+ &.md
17
+ +heading-md
18
+
19
+ &.rg
20
+ +heading-rg
21
+
22
+ &.sm
23
+ +heading-sm
24
+
25
+ &.xs
26
+ +heading-xs
27
+
28
+ &.xxs
29
+ +heading-xxs
30
+
31
+ h2
32
+ +heading-md
33
+
34
+ h3
35
+ +heading-rg
36
+
37
+ h4
38
+ +heading-sm
39
+
40
+ h5
41
+ +heading-xs
42
+
43
+ h6
44
+ +heading-xxs
45
+
46
+ p.readable
47
+ +p(true)
48
+
49
+ .page-heading
50
+ +page-heading
51
+
52
+ .list-unstyled
53
+ +list($style: 'unstyled')
54
+
55
+ &.list-horizontal
56
+ +list($style: 'unstyled horizontal')
@@ -2,33 +2,42 @@
2
2
  // ==========
3
3
  // Homepage for getkickstart.com
4
4
 
5
- @import themes/_canary
5
+ @import themes/_default
6
+
7
+ video
8
+ max-width: 100%
9
+ margin-bottom: -$space/2
6
10
 
7
11
  .index-hero
8
- background: map-get($brown, darkest)
12
+ background-color: white
13
+ background: url('/img/hero.jpg')
14
+ background-repeat: no-repeat
15
+ background-position: center center
16
+ background-size: 200% 100%
9
17
  padding: ($space * 2)
10
18
  margin:
11
- top: -$space
12
- bottom: $space
13
- border:
14
- bottom: 1px solid map-get($brown, light)
15
- top: 2px solid map-get($colors, red)
19
+ top: -70px
20
+ bottom: $space
21
+ padding-top: 70px
16
22
 
17
23
  @media screen and (min-width: $desktop)
18
24
  padding: ($space * 4)
19
25
  margin-bottom: $space * 4
26
+ height: 500px
27
+ background-size: 1400px 100%
20
28
 
21
29
  svg
22
30
  display: block
23
31
  margin: 0px auto
24
- max-width: 90%
32
+ max-width: 70%
25
33
  width: 700px
26
34
  fill: white
27
35
 
28
- h5
36
+ h2
29
37
  +heading-sm
30
38
  text-align: center
31
- color: map-get($brown, light)
39
+ color: white
40
+ opacity: 0.75
32
41
 
33
42
  @media screen and (min-width: $desktop)
34
43
  +heading-md
@@ -36,6 +45,9 @@
36
45
  .first-pitch, .second-pitch, .third-pitch
37
46
  +row
38
47
 
48
+ @media screen and (min-width: $tablet)
49
+ margin-bottom: $space * 3
50
+
39
51
  h1
40
52
  +heading-md
41
53
 
@@ -43,13 +55,24 @@
43
55
  +p(true)
44
56
 
45
57
  .first-pitch
58
+ .feature-image
59
+ +column('third')
60
+
61
+ img
62
+ max-width: 100%
63
+
46
64
  .feature
47
- +column('half')
65
+ +column('twothirds')
66
+ margin:
67
+ bottom: $space * 2
48
68
 
49
69
  .second-pitch
50
70
  .feature
51
71
  +column('third')
52
72
 
73
+ h1
74
+ +heading-rg
75
+
53
76
  .third-pitch
54
77
  .feature
55
78
  +column('half')
@@ -57,3 +80,27 @@
57
80
  @media screen and (min-width: $desktop)
58
81
  +column(3)
59
82
 
83
+ h1
84
+ +heading-sm
85
+
86
+ .specs
87
+ +row
88
+
89
+ h1
90
+ +heading-xs
91
+ +column(12)
92
+
93
+ .spec
94
+ +column(6)
95
+
96
+ @media screen and (min-width: $desktop)
97
+ +column(3)
98
+
99
+ dl
100
+ font-size: 0.85rem
101
+
102
+ dt
103
+ font-weight: bold
104
+ dd
105
+ margin-left: 0
106
+
@@ -35,8 +35,9 @@ $colors: (red: #9b0000, orange: #f7a828, yellow: #fdd726, green: #a2c939, blue:
35
35
  $primary-color: map-get($colors, yellow)
36
36
  $secondary-color: map-get($white, darker)
37
37
  $space: 25px
38
- $heading-font-family: 'Lato', helvetica neue, sans-serif
39
- $body-font-family: 'Lato', helvetica neue, sans-serif
38
+ $heading-font-family: 'museo-sans', 'Lato', helvetica neue, sans-serif
39
+ $body-font-family: 'museo-sans', 'Lato', helvetica neue, sans-serif
40
+ $mono-font-family: 'ubuntu-mono', monospace
40
41
  $base-font-size: 16px
41
42
  $default-font-color: map-get($black, lightest)
42
43
  $default-line-height: 1.4rem
@@ -112,6 +113,7 @@ pre
112
113
 
113
114
  h1, h2, h3, h4, h5, h6
114
115
  font-family: $heading-font-family
116
+ color: map-get($black, lighter)
115
117
 
116
118
  h1
117
119
  +heading-lg
@@ -133,9 +135,10 @@ h6
133
135
 
134
136
  =type
135
137
  +type-default
138
+ color: map-get($gray, darker)
136
139
 
137
140
  html
138
- +type-default
141
+ +type
139
142
 
140
143
  =list($style: 'none')
141
144
  +list-default($style)
@@ -160,6 +163,7 @@ html
160
163
 
161
164
  =button($background-color: map-get($white, dark), $size: 1)
162
165
  +button-default($background-color, $size)
166
+ border-color: transparent
163
167
 
164
168
  =button-group($color: map-get($white, dark), $size: 1)
165
169
  +button-group-default($color, $size)
@@ -194,6 +198,10 @@ hr
194
198
  =navbar($layout: 'none', $background-color: map-get($white, dark), $breakpoint: $tablet, $collapse: false, $fixed: false)
195
199
  +navbar-default($layout, $background-color, $breakpoint, $collapse, $fixed)
196
200
 
201
+ nav
202
+ h1
203
+ font-family: $body-font-family
204
+
197
205
  =dropdown_menu
198
206
  +dropdown_menu-default
199
207
 
@@ -34,8 +34,9 @@ $colors: (red: #CA3518, orange: darkorange, yellow: #ffe312, green: #58AA00, blu
34
34
  $primary-color: map-get($colors, blue)
35
35
  $secondary-color: map-get($white, darker)
36
36
  $space: 25px
37
- $heading-font-family: 'Lato', helvetica neue, sans-serif
38
- $body-font-family: 'Lato', helvetica neue, sans-serif
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
39
40
  $base-font-size: 16px
40
41
  $default-font-color: map-get($gray, darkest)
41
42
  $default-line-height: 1.4rem
@@ -134,7 +135,7 @@ h6
134
135
  +type-default
135
136
 
136
137
  html
137
- +type-default
138
+ +type
138
139
 
139
140
  =list($style: 'none')
140
141
  +list-default($style)