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/_dropdowns.scss CHANGED
@@ -1,4 +1,4 @@
1
- /* ====================================================================================================================
1
+ /*
2
2
 
3
3
  Dropdowns
4
4
 
@@ -8,33 +8,33 @@ Looking at just the dropdown menu, here's the required HTML. You need to wrap th
8
8
 
9
9
  Markup:
10
10
  <div class="dropdown {$modifiers}">
11
- <a href="#" class="btn btn--default dropdown__toggle " data-toggle="dropdown">
12
- Dropdown
13
- <span class="dropdown__caret"></span>
14
- </a>
15
- <ul class="dropdown__menu ">
16
- <li><a tabindex="-1" href="#">Action</a></li>
17
- <li><a tabindex="-1" href="#">Another action</a></li>
18
- <li><a tabindex="-1" href="#">Something else here</a></li>
19
- <li class="divider"></li>
20
- <li><a tabindex="-1" href="#">Separated link</a></li>
21
- </ul>
11
+ <a href="#" class="btn btn--default dropdown__toggle " data-toggle="dropdown">
12
+ Dropdown
13
+ <span class="dropdown__caret"></span>
14
+ </a>
15
+ <ul class="dropdown__menu ">
16
+ <li><a tabindex="-1" href="#">Action</a></li>
17
+ <li><a tabindex="-1" href="#">Another action</a></li>
18
+ <li><a tabindex="-1" href="#">Something else here</a></li>
19
+ <li class="divider"></li>
20
+ <li><a tabindex="-1" href="#">Separated link</a></li>
21
+ </ul>
22
22
  </div>
23
23
 
24
24
  Styleguide 7
25
25
 
26
- ==================================================================================================================== */
26
+ */
27
27
 
28
28
  @if $dropdowns {
29
29
 
30
- .dropdown,
31
- .dropdown__toggle {
32
- position: relative;
33
- }
30
+ .dropdown,
31
+ .dropdown__toggle {
32
+ position: relative;
33
+ }
34
34
 
35
- .dropdown__toggle:focus { outline: 0; }
35
+ .dropdown__toggle:focus { outline: 0; }
36
36
 
37
- /* --------------------------------------------------------------------------------------------------------------------
37
+ /*
38
38
 
39
39
  Dropdown arrow/caret
40
40
 
@@ -44,123 +44,123 @@ Markup: <span class="dropdown__caret"></span>
44
44
 
45
45
  Styleguide 7.1
46
46
 
47
- -------------------------------------------------------------------------------------------------------------------- */
47
+ */
48
48
 
49
- .dropdown__caret {
50
- @extend %caret !optional;
51
- }
49
+ .dropdown__caret {
50
+ @extend %caret !optional;
51
+ }
52
52
 
53
- /* --------------------------------------------------------------------------------------------------------------------
53
+ /*
54
54
 
55
55
  Dropdown menu
56
56
 
57
57
  List of the links to show in the dropdown.
58
58
 
59
59
  Markup:
60
- <ul class="dropdown__menu ">
61
- <li><a tabindex="-1" href="#">Action</a></li>
62
- <li><a tabindex="-1" href="#">Another action</a></li>
63
- <li><a tabindex="-1" href="#">Something else here</a></li>
64
- <li class="divider"></li>
65
- <li><a tabindex="-1" href="#">Separated link</a></li>
66
- </ul>
60
+ <ul class="dropdown__menu ">
61
+ <li><a tabindex="-1" href="#">Action</a></li>
62
+ <li><a tabindex="-1" href="#">Another action</a></li>
63
+ <li><a tabindex="-1" href="#">Something else here</a></li>
64
+ <li class="divider"></li>
65
+ <li><a tabindex="-1" href="#">Separated link</a></li>
66
+ </ul>
67
67
 
68
68
  Styleguide 7.2
69
69
 
70
- -------------------------------------------------------------------------------------------------------------------- */
71
-
72
- .dropdown__menu {
73
- @extend %dropdown !optional;
74
- @include border-bottom-radius($base-border-radius);
75
- @include transition();
76
- border-style: solid;
77
- border-width: $input-border;
78
- float: left;
79
- list-style: none;
80
- margin: -$input-border 0 0 0;
81
- min-width: 10em;
82
- overflow: hidden;
83
- z-index: $zindex-dropdown;
84
- display/*\**/: none\9; // Ugly IE8 Hack
85
-
86
- &[data-content] { min-width: em(600px); }
87
-
88
- &.pull-right {
89
- right: 0;
90
- left: auto;
91
- }
92
-
93
- // Links list inside the dropdown
94
- > li > a,
95
- > li > label {
96
- clear: both;
97
- display: block;
98
- font-weight: normal;
99
- white-space: nowrap;
100
- }
101
-
102
- > li > a { padding: $dropdowns-padding;}
103
- > li > label { padding: nth($dropdowns-padding, 1) nth($dropdowns-padding, 2) nth($dropdowns-padding, 1) (nth($dropdowns-padding, 2) + em($checkbox-padding-left) ) ;}
104
-
105
- > li:last-child > a,
106
- > li:last-child > label {
107
- border-bottom: 0;
108
- }
109
-
110
- }
111
-
112
- .dropdown__menu > li > a:hover,
113
- .dropdown__menu > li > a:focus {
114
- text-decoration: none;
115
- }
116
-
117
- .dropdown__menu > .active > a,
118
- .dropdown__menu > .active > a:hover,
119
- .dropdown__menu > .active > a:focus {
120
- text-decoration: none;
121
- outline: 0;
122
- }
123
-
124
- .dropdown__menu > .disabled > a,
125
- .dropdown__menu > .disabled > a:hover,
126
- .dropdown__menu > .disabled > a:focus {
127
- color: $grayLight;
128
- }
129
-
130
- .dropdown__menu > .disabled > a:hover,
131
- .dropdown__menu > .disabled > a:focus {
132
- text-decoration: none;
133
- background-color: transparent;
134
- background-image: none;
135
- cursor: default;
136
- }
137
-
138
-
139
- // Hide .dropdown__menu when .dropdown is closed
140
- .dropdown .dropdown__menu {
141
- @include opacity(0);
142
- @include position(absolute, 100% 0 0 0px);
143
- max-height: 0;
144
- }
70
+ */
71
+
72
+ .dropdown__menu {
73
+ @extend %dropdown !optional;
74
+ @include border-bottom-radius($base-border-radius);
75
+ @include transition();
76
+ border-style: solid;
77
+ border-width: $input-border;
78
+ float: left;
79
+ list-style: none;
80
+ margin: -$input-border 0 0 0;
81
+ min-width: 10em;
82
+ overflow: hidden;
83
+ z-index: $zindex-dropdown;
84
+ display/*\**/: none\9; // Ugly IE8 Hack
85
+
86
+ &[data-content] { min-width: em(600px); }
87
+
88
+ &.pull-right {
89
+ right: 0;
90
+ left: auto;
91
+ }
92
+
93
+ // Links list inside the dropdown
94
+ > li > a,
95
+ > li > label {
96
+ clear: both;
97
+ display: block;
98
+ font-weight: normal;
99
+ white-space: nowrap;
100
+ }
101
+
102
+ > li > a { padding: $dropdowns-padding;}
103
+ > li > label { padding: nth($dropdowns-padding, 1) nth($dropdowns-padding, 2) nth($dropdowns-padding, 1) (nth($dropdowns-padding, 2) + em($checkbox-padding-left) ) ;}
104
+
105
+ > li:last-child > a,
106
+ > li:last-child > label {
107
+ border-bottom: 0;
108
+ }
109
+
110
+ }
111
+
112
+ .dropdown__menu > li > a:hover,
113
+ .dropdown__menu > li > a:focus {
114
+ text-decoration: none;
115
+ }
116
+
117
+ .dropdown__menu > .active > a,
118
+ .dropdown__menu > .active > a:hover,
119
+ .dropdown__menu > .active > a:focus {
120
+ text-decoration: none;
121
+ outline: 0;
122
+ }
123
+
124
+ .dropdown__menu > .disabled > a,
125
+ .dropdown__menu > .disabled > a:hover,
126
+ .dropdown__menu > .disabled > a:focus {
127
+ color: $grayLight;
128
+ }
129
+
130
+ .dropdown__menu > .disabled > a:hover,
131
+ .dropdown__menu > .disabled > a:focus {
132
+ text-decoration: none;
133
+ background-color: transparent;
134
+ background-image: none;
135
+ cursor: default;
136
+ }
137
+
138
+
139
+ // Hide .dropdown__menu when .dropdown is closed
140
+ .dropdown .dropdown__menu {
141
+ @include opacity(0);
142
+ @include position(absolute, 100% 0 0 0px);
143
+ max-height: 0;
144
+ }
145
145
 
146
146
  // Dropdown open
147
- // --------------------------------------------------------------------------------------------------------------------
148
- .dropdown.open {
149
- z-index: $zindex-dropdown ;
147
+ //
148
+ .dropdown.open {
149
+ z-index: $zindex-dropdown ;
150
150
 
151
- .dropdown__toggle {
152
- @extend %dropdown--open !optional;
153
- @include border-bottom-radius(0 !important);
154
- z-index: $zindex-dropdown + 1;
155
- }
151
+ .dropdown__toggle {
152
+ @extend %dropdown--open !optional;
153
+ @include border-bottom-radius(0 !important);
154
+ z-index: $zindex-dropdown + 1;
155
+ }
156
156
 
157
- .dropdown__menu {
158
- @include opacity(1);
159
- display/*\**/: block\9; // Ugly IE8 Hack
160
- max-height: $dropdowns-height;
161
- }
157
+ .dropdown__menu {
158
+ @include opacity(1);
159
+ display/*\**/: block\9; // Ugly IE8 Hack
160
+ max-height: $dropdowns-height;
161
+ }
162
162
 
163
- }
163
+ }
164
164
 
165
165
 
166
- }
166
+ }