rapido-css 0.1.1 → 0.1.2

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 (46) hide show
  1. data/stylesheets/_default-styles.scss +352 -352
  2. data/stylesheets/_functions.scss +77 -50
  3. data/stylesheets/_susy.scss +15 -12
  4. data/stylesheets/components/_alerts.scss +21 -21
  5. data/stylesheets/components/_breadcrumbs.scss +15 -15
  6. data/stylesheets/components/_button-groups.scss +51 -53
  7. data/stylesheets/components/_buttons.scss +94 -97
  8. data/stylesheets/components/_captions.scss +45 -45
  9. data/stylesheets/components/_close.scss +27 -27
  10. data/stylesheets/components/_dropdowns.scss +121 -121
  11. data/stylesheets/components/_forms.scss +246 -248
  12. data/stylesheets/components/_grids.scss +35 -35
  13. data/stylesheets/components/_labels.scss +38 -38
  14. data/stylesheets/components/_modals.scss +242 -248
  15. data/stylesheets/components/_navs.scss +86 -91
  16. data/stylesheets/components/_pager.scss +53 -53
  17. data/stylesheets/components/_pagination.scss +83 -85
  18. data/stylesheets/components/_responsive-navs.scss +84 -84
  19. data/stylesheets/components/_sliders.scss +54 -58
  20. data/stylesheets/components/_tables.scss +69 -74
  21. data/stylesheets/components/_tabs.scss +54 -54
  22. data/stylesheets/components/_type.scss +134 -140
  23. data/stylesheets/{_rapido.scss → rapido.scss} +0 -8
  24. data/stylesheets/settings/_base.scss +23 -23
  25. data/stylesheets/settings/_colors.scss +13 -13
  26. data/stylesheets/settings/_components.scss +43 -42
  27. data/stylesheets/settings/_dimensions.scss +91 -91
  28. data/stylesheets/settings/_effects.scss +28 -14
  29. data/stylesheets/susy/{_susy_background.scss → _background.scss} +0 -0
  30. data/stylesheets/susy/{_susy_functions.scss → _functions.scss} +0 -0
  31. data/stylesheets/susy/{_susy_grid.scss → _grid.scss} +0 -0
  32. data/stylesheets/susy/{_susy_isolation.scss → _isolation.scss} +1 -0
  33. data/stylesheets/susy/{_susy_margin.scss → _margin.scss} +0 -0
  34. data/stylesheets/susy/{_susy_media.scss → _media.scss} +0 -0
  35. data/stylesheets/susy/{_susy_padding.scss → _padding.scss} +0 -0
  36. data/stylesheets/susy/{_susy_settings.scss → _settings.scss} +0 -0
  37. data/stylesheets/susy/{_susy_support.scss → _support.scss} +0 -0
  38. data/stylesheets/susy/{_susy_units.scss → _units.scss} +0 -0
  39. data/stylesheets/utilities/_animations.scss +638 -597
  40. data/stylesheets/utilities/_debug.scss +43 -43
  41. data/stylesheets/utilities/_helper-classes.scss +70 -54
  42. data/stylesheets/utilities/_icon-fonts.scss +90 -90
  43. data/stylesheets/utilities/_mixins.scss +390 -357
  44. metadata +20 -17
  45. checksums.yaml +0 -15
  46. data/stylesheets/config.rb +0 -8
data/stylesheets/components/_grids.scss CHANGED
@@ -1,4 +1,4 @@
1
- /* ====================================================================================================================
1
+ /*
2
2
 
3
3
  Grids
4
4
 
@@ -23,64 +23,64 @@ Markup:
23
23
 
24
24
  Styleguide 9
25
25
 
26
- ==================================================================================================================== */
26
+ */
27
27
 
28
28
  $media-queries: palm, lap, portable, lap-and-up, desk;
29
29
 
30
30
  @if $grids {
31
- @each $device in $media-queries {
31
+ @each $device in $media-queries {
32
32
 
33
- $i: $total-columns + 1;
33
+ $i: $total-columns + 1;
34
34
 
35
- @include media($device) {
35
+ @include media($device) {
36
36
 
37
- @while $i > 0 {
37
+ @while $i > 0 {
38
38
 
39
- $nth: $total-columns / $i;
39
+ $nth: $total-columns / $i;
40
40
 
41
- .#{$device}-#{$i} {
42
- @include span-columns($i);
43
- }
41
+ .#{$device}-#{$i} {
42
+ @include span-columns($i);
43
+ }
44
44
 
45
- [class*="#{$device}-#{$i}"]:nth-child(#{$nth}n) {
46
- @include omega()
47
- }
45
+ [class*="#{$device}-#{$i}"]:nth-child(#{$nth}n) {
46
+ @include omega()
47
+ }
48
48
 
49
- $i: $i - 1;
49
+ $i: $i - 1;
50
50
 
51
- }
52
- }
53
- }
51
+ }
52
+ }
53
+ }
54
54
  }
55
55
 
56
- /* --------------------------------------------------------------------------------------------------------------------
56
+ /*
57
57
 
58
58
  Show and Hide
59
59
 
60
60
  There're also available some helper classes:
61
61
 
62
62
  * **Hide element**: Used to hide an element at a breackpoint
63
- * `.palm-hide`
64
- * `.lap-hide`
65
- * `.portable-hide`
66
- * `.lap-and-up-hide`
67
- * `.desk-hide`
63
+ * `.palm-hide`
64
+ * `.lap-hide`
65
+ * `.portable-hide`
66
+ * `.lap-and-up-hide`
67
+ * `.desk-hide`
68
68
  * **Show element**: Used to show an element at a breackpoint
69
- * `.palm-show`
70
- * `.lap-show`
71
- * `.portable-show`
72
- * `.lap-and-up-show`
73
- * `.desk-show`
69
+ * `.palm-show`
70
+ * `.lap-show`
71
+ * `.portable-show`
72
+ * `.lap-and-up-show`
73
+ * `.desk-show`
74
74
 
75
75
  Styleguide 9.1
76
76
 
77
- -------------------------------------------------------------------------------------------------------------------- */
77
+ */
78
78
 
79
79
  @if $grids-helpers {
80
- @each $device in $media-queries {
81
- @include media($device) {
82
- .#{$device}-hide { display: none !important; }
83
- .#{$device}-show { display: block !important; }
84
- }
85
- }
80
+ @each $device in $media-queries {
81
+ @include media($device) {
82
+ .#{$device}-hide { display: none !important; }
83
+ .#{$device}-show { display: block !important; }
84
+ }
85
+ }
86
86
  }
data/stylesheets/components/_labels.scss CHANGED
@@ -1,4 +1,4 @@
1
- /* ====================================================================================================================
1
+ /*
2
2
 
3
3
  Badge & Pills
4
4
 
@@ -8,40 +8,40 @@ Markup:
8
8
  <span class="badge">Badge Label</span>
9
9
  <span class="pill">Pill label</span>
10
10
 
11
- Styleguide 10.
11
+ Styleguide 10
12
12
 
13
- ==================================================================================================================== */
13
+ */
14
14
 
15
15
  @if $labels {
16
16
 
17
- .badge,
18
- .pill {
19
- @extend %pill !optional;
20
- display: inline-block;
21
- padding: $pills-padding;
22
- vertical-align: baseline;
23
- white-space: nowrap;
24
- }
25
-
26
- .badge { @include border-radius($base-border-radius); }
27
- .pill { @include border-radius(500em); }
28
-
29
- .badge, .pill {
30
- &:empty { display: none; }
31
- }
32
-
33
- a {
34
- &.label:hover,
35
- &.label:focus,
36
- &.badge:hover,
37
- &.badge:focus {
38
- color: $white;
39
- text-decoration: none;
40
- cursor: pointer;
41
- }
42
- }
43
-
44
- /* --------------------------------------------------------------------------------------------------------------------
17
+ .badge,
18
+ .pill {
19
+ @extend %pill !optional;
20
+ display: inline-block;
21
+ padding: $pills-padding;
22
+ vertical-align: baseline;
23
+ white-space: nowrap;
24
+ }
25
+
26
+ .badge { @include border-radius($base-border-radius); }
27
+ .pill { @include border-radius(500em); }
28
+
29
+ .badge, .pill {
30
+ &:empty { display: none; }
31
+ }
32
+
33
+ a {
34
+ &.label:hover,
35
+ &.label:focus,
36
+ &.badge:hover,
37
+ &.badge:focus {
38
+ color: $white;
39
+ text-decoration: none;
40
+ cursor: pointer;
41
+ }
42
+ }
43
+
44
+ /*
45
45
 
46
46
  Labels used in buttons.
47
47
 
@@ -51,13 +51,13 @@ Markup:
51
51
 
52
52
  Styleguide 10.1
53
53
 
54
- -------------------------------------------------------------------------------------------------------------------- */
54
+ */
55
55
 
56
- .btn {
57
- .badge,
58
- .pill {
59
- margin: -(nth($pills-padding, 1)) -(nth($pills-padding, 2)) 0 0 ;
60
- }
61
- }
56
+ .btn {
57
+ .badge,
58
+ .pill {
59
+ margin: -(nth($pills-padding, 1)) -(nth($pills-padding, 2)) 0 0 ;
60
+ }
61
+ }
62
62
 
63
63
  }