rapido-css 0.1.1 → 0.1.2

Sign up to get free protection for your applications and to get access to all the features.
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
+ }