titon-toolkit 0.14.0 → 1.0.0.rc1

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 (49) hide show
  1. checksums.yaml +4 -4
  2. data/readme.md +18 -13
  3. data/scss/ie8.scss +23 -16
  4. data/scss/toolkit/_common.scss +126 -7
  5. data/scss/toolkit/{modules → components}/accordion.scss +3 -25
  6. data/scss/toolkit/{modules → components}/blackout.scss +0 -7
  7. data/scss/toolkit/{ui → components}/breadcrumbs.scss +26 -16
  8. data/scss/toolkit/{ui → components}/button-group.scss +1 -8
  9. data/scss/toolkit/{ui → components}/button.scss +0 -5
  10. data/scss/toolkit/components/carousel.scss +147 -0
  11. data/scss/toolkit/{ui → components}/dropdown.scss +30 -27
  12. data/scss/toolkit/{modules → components}/flyout.scss +0 -6
  13. data/scss/toolkit/{layout → components}/grid.scss +1 -1
  14. data/scss/toolkit/components/icon.scss +60 -0
  15. data/scss/toolkit/{layout → components}/input-group.scss +3 -1
  16. data/scss/toolkit/components/input.scss +112 -0
  17. data/scss/toolkit/components/label.scss +106 -0
  18. data/scss/toolkit/components/lazy-load.scss +12 -0
  19. data/scss/toolkit/{ui → components}/matrix.scss +0 -7
  20. data/scss/toolkit/{modules → components}/modal.scss +44 -44
  21. data/scss/toolkit/{ui/alert.scss → components/notice.scss} +13 -20
  22. data/scss/toolkit/{ui → components}/pagination.scss +0 -14
  23. data/scss/toolkit/{ui → components}/pin.scss +0 -5
  24. data/scss/toolkit/{modules → components}/popover.scss +4 -16
  25. data/scss/toolkit/{ui → components}/progress.scss +15 -12
  26. data/scss/toolkit/{modules → components}/showcase.scss +30 -60
  27. data/scss/toolkit/{layout → components}/table.scss +0 -0
  28. data/scss/toolkit/{modules → components}/tabs.scss +0 -16
  29. data/scss/toolkit/{modules → components}/tooltip.scss +1 -15
  30. data/scss/toolkit/{modules → components}/type-ahead.scss +1 -4
  31. data/scss/toolkit/effects/pill.scss +4 -2
  32. data/scss/toolkit/layout/base.scss +68 -30
  33. data/scss/toolkit/layout/code.scss +2 -3
  34. data/scss/toolkit/layout/form.scss +71 -25
  35. data/scss/toolkit/layout/typography.scss +8 -8
  36. data/scss/toolkit/mixins/_grid.scss +0 -8
  37. data/scss/toolkit/mixins/_layout.scss +3 -14
  38. data/scss/toolkit/mixins/_responsive.scss +0 -14
  39. data/scss/toolkit/themes/titon.scss +116 -98
  40. data/scss/toolkit.scss +26 -25
  41. data/version.md +1 -1
  42. metadata +30 -32
  43. data/scss/toolkit/_variables.scss +0 -63
  44. data/scss/toolkit/mixins/_themes.scss +0 -98
  45. data/scss/toolkit/modules/carousel.scss +0 -183
  46. data/scss/toolkit/themes/tomorrow-night.scss +0 -582
  47. data/scss/toolkit/ui/icon.scss +0 -22
  48. data/scss/toolkit/ui/label-badge.scss +0 -76
  49. data/scss/toolkit/ui/lazy-load.scss +0 -19
@@ -16,7 +16,7 @@ h6 { font-size: 1.2rem; }
16
16
  h1, h2, h3, h4, h5, h6 {
17
17
  margin: 0;
18
18
  padding: 0;
19
- line-height: 100%;
19
+ line-height: 1.25em;
20
20
  font-weight: normal;
21
21
  }
22
22
 
@@ -29,7 +29,7 @@ blockquote {
29
29
  padding: 0 $padding;
30
30
  border-left: 5px solid $gray;
31
31
 
32
- cite { display: block; font-size: .8rem; }
32
+ cite { display: block; font-size: $small-size; }
33
33
  cite:before { content: "\2014 \00A0"; /* em dash */ }
34
34
 
35
35
  @include content-spacing;
@@ -38,12 +38,12 @@ blockquote {
38
38
  mark {
39
39
  display: inline-block;
40
40
  background: $gray-dark;
41
- border-radius: 2px;
42
- padding: 0 5px;
41
+ border-radius: $round;
42
+ padding: 0 .3em;
43
43
  }
44
44
 
45
45
  .text-muted { color: $default; }
46
- .text-info { color: shade($info, 15%); }
47
- .text-error { color: shade($error, 15%); }
48
- .text-warning { color: shade($warning, 15%); }
49
- .text-success { color: shade($success, 15%); }
46
+ .text-info { color: darken($info, 15%); }
47
+ .text-error { color: darken($error, 15%); }
48
+ .text-warning { color: darken($warning, 15%); }
49
+ .text-success { color: darken($success, 15%); }
@@ -1,12 +1,4 @@
1
1
 
2
- $grid-columns-large: 12 !default;
3
- $grid-columns-medium: 8 !default;
4
- $grid-columns-small: 6 !default;
5
-
6
- $grid-columns-desktop: 12 !default;
7
- $grid-columns-tablet: 6 !default;
8
- $grid-columns-mobile: 3 !default;
9
-
10
2
  // Calculate a width using a grid cell
11
3
  @function grid-span($columns, $n) {
12
4
  @return (100% / $columns) * $n;
@@ -1,16 +1,4 @@
1
1
 
2
- $padding: .75rem !default;
3
- $margin: 1.25rem !default;
4
-
5
- $small-size: .7rem !default;
6
- $small-padding: .5rem !default;
7
-
8
- $medium-size: inherit !default;
9
- $medium-padding: $padding !default;
10
-
11
- $large-size: 1.3rem !default;
12
- $large-padding: 1rem !default;
13
-
14
2
  // Container clear fix for floats
15
3
  @mixin clear-fix {
16
4
  &:after {
@@ -62,10 +50,10 @@ $large-padding: 1rem !default;
62
50
 
63
51
  //-------------------- States --------------------//
64
52
 
65
- // Contains hover and active styles (on self or inherited from parent)
53
+ // Contains active styles (on self or inherited from parent)
66
54
  @mixin active-state {
67
55
  .is-active > &,
68
- &:hover,
56
+ .is-active > li > &,
69
57
  &.is-active,
70
58
  &.is-active:hover { @content; }
71
59
  }
@@ -73,6 +61,7 @@ $large-padding: 1rem !default;
73
61
  // Contains disabled styles (on self or inherited from parent)
74
62
  @mixin disabled-state {
75
63
  .is-disabled > &,
64
+ .is-disabled > li > &,
76
65
  &.is-disabled,
77
66
  &.is-disabled:hover,
78
67
  &[disabled],
@@ -1,18 +1,4 @@
1
1
 
2
- $responsive-design: "mobile" !default;
3
- $responsive-size: "both" !default;
4
-
5
- $breakpoint-desktop: 1440px !default;
6
- $breakpoint-laptop: 1280px !default;
7
- $breakpoint-tablet-landscape: 1024px !default;
8
- $breakpoint-tablet-portrait: 768px !default;
9
- $breakpoint-mobile-landscape: 480px !default;
10
- $breakpoint-mobile-portrait: 320px !default;
11
-
12
- $breakpoint-small: 768px !default;
13
- $breakpoint-medium: 1280px !default;
14
- $breakpoint-large: 1440px !default;
15
-
16
2
  @mixin if-min($min) {
17
3
  @media only screen and (min-width: $min) {
18
4
  @content;
@@ -18,7 +18,7 @@ body {
18
18
  //-------------------- Layout --------------------//
19
19
 
20
20
  a {
21
- color: shade($info, 15%);
21
+ color: darken($info, 15%);
22
22
  text-decoration: none;
23
23
 
24
24
  &:hover { color: $info-dark; }
@@ -28,102 +28,54 @@ blockquote cite { color: $default; }
28
28
 
29
29
  code { background: $info-light; color: $info-dark; }
30
30
  var { background: $error-light; color: $error-dark; }
31
- mark { background: tint($warning-light, 25%); }
32
-
33
- .input-group {
34
- > .input,
35
- > .input-addon,
36
- > .button,
37
- > .button-group .button { height: 46px; }
38
- }
31
+ mark { background: lighten($warning-light, 25%); }
39
32
 
40
33
  //-------------------- Accordion --------------------//
41
34
 
42
35
  .accordion-head {
43
36
  @include transition(all .15s);
44
37
 
38
+ &:hover { background-color: $gray-light; }
39
+
45
40
  .is-active & {
46
41
  background: $info;
47
42
  border-color: $info-dark;
48
43
  color: #fff;
49
- }
50
- }
51
-
52
- //-------------------- Alert --------------------//
53
44
 
54
- .alert {
55
- @include alert-style($default-light, $default-dark);
56
-
57
- &.is-info { @include alert-style($info-light, $info-dark); }
58
- &.is-error { @include alert-style($error-light, $error-dark); }
59
- &.is-warning { @include alert-style($warning-light, $warning-dark); }
60
- &.is-success { @include alert-style($success-light, $success-dark); }
45
+ &:hover { background-color: lighten($info, 5%); }
46
+ }
61
47
  }
62
48
 
63
- //-------------------- Breadcrumbs --------------------//
64
-
65
- .breadcrumbs {
66
- overflow: hidden;
67
-
68
- a {
69
- height: 45px;
70
- line-height: 45px;
71
- padding: 0 30px 0 20px;
72
- border-right: 0;
73
- outline: none;
74
-
75
- &:before,
76
- &:after {
77
- content: "";
78
- position: absolute;
79
- height: 32px;
80
- width: 32px;
81
- border-right: 1px solid $gray-lightest;
82
- border-bottom: 1px solid $gray-lightest;
83
- top: 6px;
84
- right: 2px;
85
- z-index: 1;
86
- @include transform(rotate(-45deg));
87
- }
88
-
89
- &:before {
90
- height: 32px;
91
- width: 32px;
92
- border-right: 1px solid $gray-dark;
93
- border-bottom: 1px solid $gray-dark;
94
- right: 4px;
95
- }
49
+ //-------------------- Button --------------------//
96
50
 
97
- &:hover {
98
- &:before {
99
- border-color: $gray-darkest;
100
- }
101
- }
51
+ @mixin button-style($base, $light, $dark) {
52
+ background: darken($base, 5%);
53
+ border: 1px solid darken($base, 12%);
102
54
 
103
- .caret-right { display: none; }
55
+ &:hover {
56
+ color: #fff;
57
+ background-color: lighten($base, 5%);
104
58
  }
105
59
 
106
- li:last-child a {
107
- color: $default;
60
+ @include active-state {
61
+ color: #fff;
62
+ background-color: darken($base, 20%);
63
+ text-shadow: 1px 1px $dark;
64
+ border-color: darken($base, 30%);
108
65
  }
109
66
 
110
- &.small {
111
- a { height: 30px; line-height: 30px; padding: 0 25px 0 15px; }
112
- a:before { height: 22px; width: 22px; top: 4px; }
113
- a:after { height: 22px; width: 22px; top: 4px; }
67
+ @include disabled-state {
68
+ background: $base;
69
+ border-color: $base;
114
70
  }
115
71
 
116
- &.large {
117
- a { height: 50px; line-height: 50px; padding: 0 30px 0 20px; }
118
- a:before { height: 40px; width: 40px; top: 4px; }
119
- a:after { height: 40px; width: 40px; top: 4px; }
120
- }
72
+ @content;
121
73
  }
122
74
 
123
- //-------------------- Button --------------------//
124
-
125
75
  .button {
126
76
  color: #fff;
77
+ font-weight: bold;
78
+ text-shadow: 1px 1px black(.2);
127
79
  @include transition(all .2s);
128
80
  @include button-style($default, $default-light, $default-dark);
129
81
 
@@ -131,6 +83,13 @@ mark { background: tint($warning-light, 25%); }
131
83
  top: 1px;
132
84
  }
133
85
 
86
+ @include disabled-state {
87
+ box-shadow: none;
88
+ text-shadow: none;
89
+ top: 0;
90
+ opacity: $disabled-opacity;
91
+ }
92
+
134
93
  &.is-info { @include button-style($info, $info-light, $info-dark); }
135
94
  &.is-error { @include button-style($error, $error-light, $error-dark); }
136
95
  &.is-warning { @include button-style($warning, $warning-light, $warning-dark); }
@@ -143,17 +102,8 @@ mark { background: tint($warning-light, 25%); }
143
102
  box-shadow: 5px 5px black(.25);
144
103
 
145
104
  li {
146
- a {
147
- @include transition(background .15s);
148
-
149
- .caret-right {
150
- top: 2px;
151
- }
152
- }
153
-
154
- &.heading {
155
- color: $default;
156
- font-size: .8rem;
105
+ a .caret-right {
106
+ top: 2px;
157
107
  }
158
108
 
159
109
  &:hover > a {
@@ -169,10 +119,20 @@ mark { background: tint($warning-light, 25%); }
169
119
  }
170
120
  }
171
121
 
122
+ .dropdown-heading {
123
+ color: $default;
124
+ font-size: .8rem;
125
+ background-color: $gray-dark !important;
126
+ }
127
+
172
128
  .dropdown.dropdown--top {
173
129
  box-shadow: 5px -5px black(.25);
174
130
  }
175
131
 
132
+ .dropdown.dropdown--left {
133
+ box-shadow: -5px 5px black(.25);
134
+ }
135
+
176
136
  //-------------------- Flyout, TypeAhead --------------------//
177
137
 
178
138
  .flyout,
@@ -186,10 +146,6 @@ mark { background: tint($warning-light, 25%); }
186
146
  &:nth-child(odd) > a { background: $gray-lightest; }
187
147
  &.heading { background: $gray-dark; }
188
148
 
189
- > a {
190
- @include transition(all .15s);
191
- }
192
-
193
149
  > a:hover,
194
150
  &.is-open > a,
195
151
  &.is-active > a {
@@ -211,10 +167,25 @@ mark { background: tint($warning-light, 25%); }
211
167
  }
212
168
  }
213
169
 
214
- //-------------------- Label, Badge --------------------//
170
+ //-------------------- InputGroup --------------------//
215
171
 
216
- .label,
217
- .badge {
172
+ .input-group {
173
+ > .input,
174
+ > .input-addon,
175
+ > .button,
176
+ > .button-group .button { height: 46px; }
177
+ }
178
+
179
+ //-------------------- Label --------------------//
180
+
181
+ @mixin label-style($bg, $text) {
182
+ background: $bg;
183
+ color: $text;
184
+
185
+ @content;
186
+ }
187
+
188
+ .label {
218
189
  @include label-style($default-light, $default-dark);
219
190
 
220
191
  &.is-info { @include label-style($info-light, $info-dark); }
@@ -223,7 +194,7 @@ mark { background: tint($warning-light, 25%); }
223
194
  &.is-success { @include label-style($success-light, $success-dark); }
224
195
  }
225
196
 
226
- .label.label--left {
197
+ .label.label--arrow-left {
227
198
  &:after { border-right-color: $default-light; }
228
199
  &.is-info:after { border-right-color: $info-light; }
229
200
  &.is-error:after { border-right-color: $error-light; }
@@ -231,7 +202,7 @@ mark { background: tint($warning-light, 25%); }
231
202
  &.is-success:after { border-right-color: $success-light; }
232
203
  }
233
204
 
234
- .label.label--right {
205
+ .label.label--arrow-right {
235
206
  &:after { border-left-color: $default-light; }
236
207
  &.is-info:after { border-left-color: $info-light; }
237
208
  &.is-error:after { border-left-color: $error-light; }
@@ -239,6 +210,22 @@ mark { background: tint($warning-light, 25%); }
239
210
  &.is-success:after { border-left-color: $success-light; }
240
211
  }
241
212
 
213
+ .label.label--ribbon-left {
214
+ &:after { border-right-color: darken($default, 15%); }
215
+ &.is-info:after { border-right-color: darken($info-light, 15%); }
216
+ &.is-error:after { border-right-color: darken($error-light, 15%); }
217
+ &.is-warning:after { border-right-color: darken($warning-light, 15%); }
218
+ &.is-success:after { border-right-color: darken($success-light, 15%); }
219
+ }
220
+
221
+ .label.label--ribbon-right {
222
+ &:after { border-left-color: darken($default, 15%); }
223
+ &.is-info:after { border-left-color: darken($info-light, 15%); }
224
+ &.is-error:after { border-left-color: darken($error-light, 15%); }
225
+ &.is-warning:after { border-left-color: darken($warning-light, 15%); }
226
+ &.is-success:after { border-left-color: darken($success-light, 15%); }
227
+ }
228
+
242
229
  //-------------------- Modal --------------------//
243
230
 
244
231
  .modal-outer {
@@ -257,7 +244,30 @@ mark { background: tint($warning-light, 25%); }
257
244
  .modal-foot {
258
245
  background: $gray-lightest;
259
246
  text-align: center;
260
- margin-bottom: -1px;
247
+ }
248
+
249
+ //-------------------- Notice --------------------//
250
+
251
+ @mixin notice-style($bg, $text) {
252
+ color: $text;
253
+ background: lighten($bg, 5%);
254
+ border: 1px solid $bg;
255
+
256
+ hr { border-color: darken($bg, 10%); }
257
+
258
+ a { color: darken($text, 10%); }
259
+ a:hover { color: lighten($text, 25%); }
260
+
261
+ @content;
262
+ }
263
+
264
+ .notice {
265
+ @include notice-style($default-light, $default-dark);
266
+
267
+ &.is-info { @include notice-style($info-light, $info-dark); }
268
+ &.is-error { @include notice-style($error-light, $error-dark); }
269
+ &.is-warning { @include notice-style($warning-light, $warning-dark); }
270
+ &.is-success { @include notice-style($success-light, $success-dark); }
261
271
  }
262
272
 
263
273
  //-------------------- Popover --------------------//
@@ -324,9 +334,22 @@ mark { background: tint($warning-light, 25%); }
324
334
 
325
335
  //-------------------- Progress --------------------//
326
336
 
337
+ @mixin progress-style($bg, $border) {
338
+ background: $bg;
339
+ text-shadow: 1px 1px $border;
340
+ border: 1px solid lighten($border, 35%);
341
+
342
+ @content;
343
+ }
344
+
327
345
  .progress {
328
346
  box-shadow: inset 1px 1px 2px $gray-darkest;
329
347
  border-radius: $round;
348
+
349
+ &.is-info .progress-bar { @include progress-style($info, $info-dark); }
350
+ &.is-error .progress-bar { @include progress-style($error, $error-dark); }
351
+ &.is-warning .progress-bar { @include progress-style($warning, $warning-dark); }
352
+ &.is-success .progress-bar { @include progress-style($success, $success-dark); }
330
353
  }
331
354
 
332
355
  .progress-bar {
@@ -335,11 +358,6 @@ mark { background: tint($warning-light, 25%); }
335
358
  border-top-left-radius: $round;
336
359
  border-bottom-left-radius: $round;
337
360
  @include progress-style($default, $default-dark);
338
-
339
- &.is-info { @include progress-style($info, $info-dark); }
340
- &.is-error { @include progress-style($error, $error-dark); }
341
- &.is-warning { @include progress-style($warning, $warning-dark); }
342
- &.is-success { @include progress-style($success, $success-dark); }
343
361
  }
344
362
 
345
363
  .progress-bar + .progress-bar {
data/scss/toolkit.scss CHANGED
@@ -10,37 +10,38 @@
10
10
  // Basic layout styles should come first
11
11
  @import "toolkit/layout/base";
12
12
  @import "toolkit/layout/typography";
13
- @import "toolkit/layout/grid";
14
13
  @import "toolkit/layout/form";
15
- @import "toolkit/layout/input-group";
16
14
  @import "toolkit/layout/code";
17
- @import "toolkit/layout/table";
18
15
 
19
16
  // Then basic UI styles
20
- @import "toolkit/ui/alert";
21
- @import "toolkit/ui/breadcrumbs";
22
- @import "toolkit/ui/button";
23
- @import "toolkit/ui/button-group";
24
- @import "toolkit/ui/dropdown";
25
- @import "toolkit/ui/icon";
26
- @import "toolkit/ui/label-badge";
27
- @import "toolkit/ui/lazy-load";
28
- @import "toolkit/ui/matrix";
29
- @import "toolkit/ui/pagination";
30
- @import "toolkit/ui/pin";
31
- @import "toolkit/ui/progress";
17
+ @import "toolkit/components/grid";
18
+ @import "toolkit/components/breadcrumbs";
19
+ @import "toolkit/components/button";
20
+ @import "toolkit/components/button-group";
21
+ @import "toolkit/components/dropdown";
22
+ @import "toolkit/components/icon";
23
+ @import "toolkit/components/input";
24
+ @import "toolkit/components/input-group";
25
+ @import "toolkit/components/label";
26
+ @import "toolkit/components/lazy-load";
27
+ @import "toolkit/components/matrix";
28
+ @import "toolkit/components/notice";
29
+ @import "toolkit/components/pagination";
30
+ @import "toolkit/components/pin";
31
+ @import "toolkit/components/progress";
32
+ @import "toolkit/components/table";
32
33
 
33
34
  // And more advanced UI styles last
34
- @import "toolkit/modules/accordion";
35
- @import "toolkit/modules/blackout";
36
- @import "toolkit/modules/carousel";
37
- @import "toolkit/modules/flyout";
38
- @import "toolkit/modules/modal";
39
- @import "toolkit/modules/popover";
40
- @import "toolkit/modules/showcase";
41
- @import "toolkit/modules/tabs";
42
- @import "toolkit/modules/tooltip";
43
- @import "toolkit/modules/type-ahead";
35
+ @import "toolkit/components/accordion";
36
+ @import "toolkit/components/blackout";
37
+ @import "toolkit/components/carousel";
38
+ @import "toolkit/components/flyout";
39
+ @import "toolkit/components/modal";
40
+ @import "toolkit/components/popover";
41
+ @import "toolkit/components/showcase";
42
+ @import "toolkit/components/tabs";
43
+ @import "toolkit/components/tooltip";
44
+ @import "toolkit/components/type-ahead";
44
45
 
45
46
  // And visual effects very last
46
47
  @import "toolkit/effects/visual";
data/version.md CHANGED
@@ -1 +1 @@
1
- 0.14.0
1
+ 1.0.0-rc1
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: titon-toolkit
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.14.0
4
+ version: 1.0.0.rc1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Titon
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2013-10-23 00:00:00.000000000 Z
12
+ date: 2013-11-05 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: sass
@@ -50,7 +50,32 @@ files:
50
50
  - scss/ie8.scss
51
51
  - scss/normalize.scss
52
52
  - scss/toolkit/_common.scss
53
- - scss/toolkit/_variables.scss
53
+ - scss/toolkit/components/accordion.scss
54
+ - scss/toolkit/components/blackout.scss
55
+ - scss/toolkit/components/breadcrumbs.scss
56
+ - scss/toolkit/components/button-group.scss
57
+ - scss/toolkit/components/button.scss
58
+ - scss/toolkit/components/carousel.scss
59
+ - scss/toolkit/components/dropdown.scss
60
+ - scss/toolkit/components/flyout.scss
61
+ - scss/toolkit/components/grid.scss
62
+ - scss/toolkit/components/icon.scss
63
+ - scss/toolkit/components/input-group.scss
64
+ - scss/toolkit/components/input.scss
65
+ - scss/toolkit/components/label.scss
66
+ - scss/toolkit/components/lazy-load.scss
67
+ - scss/toolkit/components/matrix.scss
68
+ - scss/toolkit/components/modal.scss
69
+ - scss/toolkit/components/notice.scss
70
+ - scss/toolkit/components/pagination.scss
71
+ - scss/toolkit/components/pin.scss
72
+ - scss/toolkit/components/popover.scss
73
+ - scss/toolkit/components/progress.scss
74
+ - scss/toolkit/components/showcase.scss
75
+ - scss/toolkit/components/table.scss
76
+ - scss/toolkit/components/tabs.scss
77
+ - scss/toolkit/components/tooltip.scss
78
+ - scss/toolkit/components/type-ahead.scss
54
79
  - scss/toolkit/effects/oval.scss
55
80
  - scss/toolkit/effects/pill.scss
56
81
  - scss/toolkit/effects/skew.scss
@@ -58,39 +83,12 @@ files:
58
83
  - scss/toolkit/layout/base.scss
59
84
  - scss/toolkit/layout/code.scss
60
85
  - scss/toolkit/layout/form.scss
61
- - scss/toolkit/layout/grid.scss
62
- - scss/toolkit/layout/input-group.scss
63
86
  - scss/toolkit/layout/responsive.scss
64
- - scss/toolkit/layout/table.scss
65
87
  - scss/toolkit/layout/typography.scss
66
88
  - scss/toolkit/mixins/_grid.scss
67
89
  - scss/toolkit/mixins/_layout.scss
68
90
  - scss/toolkit/mixins/_responsive.scss
69
- - scss/toolkit/mixins/_themes.scss
70
- - scss/toolkit/modules/accordion.scss
71
- - scss/toolkit/modules/blackout.scss
72
- - scss/toolkit/modules/carousel.scss
73
- - scss/toolkit/modules/flyout.scss
74
- - scss/toolkit/modules/modal.scss
75
- - scss/toolkit/modules/popover.scss
76
- - scss/toolkit/modules/showcase.scss
77
- - scss/toolkit/modules/tabs.scss
78
- - scss/toolkit/modules/tooltip.scss
79
- - scss/toolkit/modules/type-ahead.scss
80
91
  - scss/toolkit/themes/titon.scss
81
- - scss/toolkit/themes/tomorrow-night.scss
82
- - scss/toolkit/ui/alert.scss
83
- - scss/toolkit/ui/breadcrumbs.scss
84
- - scss/toolkit/ui/button-group.scss
85
- - scss/toolkit/ui/button.scss
86
- - scss/toolkit/ui/dropdown.scss
87
- - scss/toolkit/ui/icon.scss
88
- - scss/toolkit/ui/label-badge.scss
89
- - scss/toolkit/ui/lazy-load.scss
90
- - scss/toolkit/ui/matrix.scss
91
- - scss/toolkit/ui/pagination.scss
92
- - scss/toolkit/ui/pin.scss
93
- - scss/toolkit/ui/progress.scss
94
92
  - scss/toolkit.scss
95
93
  - license.md
96
94
  - readme.md
@@ -110,9 +108,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
110
108
  version: '0'
111
109
  required_rubygems_version: !ruby/object:Gem::Requirement
112
110
  requirements:
113
- - - '>='
111
+ - - '>'
114
112
  - !ruby/object:Gem::Version
115
- version: '0'
113
+ version: 1.3.1
116
114
  requirements: []
117
115
  rubyforge_project:
118
116
  rubygems_version: 2.0.3
@@ -1,63 +0,0 @@
1
-
2
- //-------------------- Compass --------------------//
3
-
4
- $experimental-support-for-mozilla: true !default;
5
- $experimental-support-for-webkit: true !default;
6
- $experimental-support-for-opera: false !default;
7
- $experimental-support-for-microsoft: false !default;
8
- $experimental-support-for-khtml: false !default;
9
-
10
- $support-for-original-webkit-gradients: false !default;
11
-
12
- //-------------------- Colors --------------------//
13
-
14
- $gray-lightest: #fbfbfb !default;
15
- $gray-light: #f8f8f8 !default;
16
- $gray: #f5f5f5 !default;
17
- $gray-dark: #e5e5e5 !default;
18
- $gray-darkest: #c2c2c2 !default;
19
-
20
- $background-color: #fff !default;
21
- $foreground-color: #2d2d2d !default;
22
-
23
- //-------------------- States --------------------//
24
-
25
- $default: #929497 !default;
26
- $default-light: #d0d2d3 !default;
27
- $default-dark: #404041 !default;
28
-
29
- $info: #45c5eb !default;
30
- $info-light: #dbf1fa !default;
31
- $info-dark: #4067ab !default;
32
-
33
- $warning: #fcd04b !default;
34
- $warning-light: #ffebb5 !default;
35
- $warning-dark: #c87e00 !default;
36
-
37
- $success: #97cb6f !default;
38
- $success-light: #e7f2dd !default;
39
- $success-dark: #226b36 !default;
40
-
41
- $error: #f06060 !default;
42
- $error-light: #fdc5c1 !default;
43
- $error-dark: #b10e0e !default;
44
-
45
- $disabled-opacity: .75 !default;
46
-
47
- //-------------------- Border Styles --------------------//
48
-
49
- $round: .2rem !default;
50
-
51
- $pill: 2rem !default;
52
-
53
- $oval-x: 7rem !default;
54
- $oval-y: 2.75rem !default;
55
-
56
- $skew-x: 1rem !default;
57
- $skew-y: 3rem !default;
58
- $skew: $skew-x $skew-y;
59
- $skew-reverse: $skew-y $skew-x;
60
-
61
- //-------------------- Misc --------------------//
62
-
63
- $default-transition: .3s !default;