rapido-css 0.1.6 → 0.1.7
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +8 -8
- data/stylesheets/_default-styles.scss +109 -46
- data/stylesheets/_functions.scss +6 -6
- data/stylesheets/components/_buttons.scss +1 -2
- data/stylesheets/components/_captions.scss +2 -4
- data/stylesheets/components/_dropdowns.scss +4 -2
- data/stylesheets/components/_forms.scss +116 -30
- data/stylesheets/components/_labels.scss +1 -1
- data/stylesheets/components/_modals.scss +1 -1
- data/stylesheets/components/_navs.scss +7 -15
- data/stylesheets/components/_overlay.scss +81 -0
- data/stylesheets/components/_pager.scss +1 -1
- data/stylesheets/components/_pagination.scss +1 -1
- data/stylesheets/components/_sliders.scss +3 -3
- data/stylesheets/components/_tables.scss +1 -1
- data/stylesheets/components/_tabs.scss +2 -3
- data/stylesheets/components/_tooltip.scss +89 -0
- data/stylesheets/components/_type.scss +13 -11
- data/stylesheets/rapido.scss +2 -0
- data/stylesheets/settings/_base.scss +6 -6
- data/stylesheets/settings/_colors.scss +48 -6
- data/stylesheets/settings/_components.scss +25 -26
- data/stylesheets/settings/_dimensions.scss +34 -16
- data/stylesheets/settings/_effects.scss +13 -11
- data/stylesheets/utilities/_animations.scss +5 -5
- data/stylesheets/utilities/_debug.scss +2 -2
- data/stylesheets/utilities/_helper-classes.scss +8 -11
- data/stylesheets/utilities/_mixins.scss +25 -25
- metadata +4 -2
@@ -5,7 +5,7 @@ Mixins
|
|
5
5
|
Some of them are from Bootstrap, others are custom. The required arguments are
|
6
6
|
marked in bold.
|
7
7
|
|
8
|
-
Styleguide
|
8
|
+
Styleguide 26
|
9
9
|
|
10
10
|
*/
|
11
11
|
|
@@ -18,7 +18,7 @@ Create a rectangle
|
|
18
18
|
* `$height`: Height of the rectangle
|
19
19
|
* `$width`: Width of the rectangle
|
20
20
|
|
21
|
-
Styleguide
|
21
|
+
Styleguide 26.1
|
22
22
|
|
23
23
|
*/
|
24
24
|
|
@@ -35,7 +35,7 @@ Create a square
|
|
35
35
|
|
36
36
|
* `$size`: Dimension used both for width and height
|
37
37
|
|
38
|
-
Styleguide
|
38
|
+
Styleguide 26.2
|
39
39
|
|
40
40
|
*/
|
41
41
|
|
@@ -62,7 +62,7 @@ Become:
|
|
62
62
|
right: 0px;
|
63
63
|
bottom: 0px;
|
64
64
|
|
65
|
-
Styleguide
|
65
|
+
Styleguide 26.3
|
66
66
|
|
67
67
|
*/
|
68
68
|
|
@@ -123,7 +123,7 @@ Become:
|
|
123
123
|
margin-left: auto;
|
124
124
|
margin-right: auto;
|
125
125
|
|
126
|
-
Styleguide
|
126
|
+
Styleguide 26.4
|
127
127
|
|
128
128
|
*/
|
129
129
|
|
@@ -141,7 +141,7 @@ Vertical and horizontal centering with absolute positioning, using the position
|
|
141
141
|
|
142
142
|
@include center();
|
143
143
|
|
144
|
-
Styleguide
|
144
|
+
Styleguide 26.5
|
145
145
|
|
146
146
|
*/
|
147
147
|
|
@@ -162,7 +162,7 @@ Abbrieviantion for extendingt normal class (.) or a placeholder class (%) when u
|
|
162
162
|
* `$name`: Name of the class
|
163
163
|
* `$silent`: Set to true if it's a placeholder class
|
164
164
|
|
165
|
-
Styleguide
|
165
|
+
Styleguide 26.6
|
166
166
|
|
167
167
|
*/
|
168
168
|
|
@@ -184,7 +184,7 @@ Placeholder
|
|
184
184
|
|
185
185
|
* `$color`: Set color of the placeholder of an input.
|
186
186
|
|
187
|
-
Styleguide
|
187
|
+
Styleguide 26.7
|
188
188
|
|
189
189
|
*/
|
190
190
|
|
@@ -227,7 +227,7 @@ Become
|
|
227
227
|
text-overflow: ellipsis;
|
228
228
|
white-space: nowrap;
|
229
229
|
|
230
|
-
Styleguide
|
230
|
+
Styleguide 26.8
|
231
231
|
|
232
232
|
*/
|
233
233
|
|
@@ -251,7 +251,7 @@ Create a css-only triangle.
|
|
251
251
|
* `$color`: Color of the triangle
|
252
252
|
* `$direction`: There are available up, up-right, right, down-right, down, down-left, left, up-left
|
253
253
|
|
254
|
-
Styleguide
|
254
|
+
Styleguide 26.9
|
255
255
|
|
256
256
|
|
257
257
|
*/
|
@@ -311,7 +311,7 @@ Add a css-only triangle width side borders, usefull for tooltips. For now only s
|
|
311
311
|
* `$border-width`: Border width of the triangle
|
312
312
|
* `$direction`: left or right
|
313
313
|
|
314
|
-
Styleguide
|
314
|
+
Styleguide 26.10
|
315
315
|
|
316
316
|
*/
|
317
317
|
|
@@ -360,7 +360,7 @@ Text inset shadow
|
|
360
360
|
* `$textcolor`: Color of the text
|
361
361
|
* `$contrast`: How much stronger the inset will be
|
362
362
|
|
363
|
-
Styleguide
|
363
|
+
Styleguide 26.11
|
364
364
|
|
365
365
|
*/
|
366
366
|
|
@@ -392,7 +392,7 @@ Become
|
|
392
392
|
color: #000;
|
393
393
|
color: rgba(0,0,0,.5);
|
394
394
|
|
395
|
-
Styleguide
|
395
|
+
Styleguide 26.12
|
396
396
|
|
397
397
|
*/
|
398
398
|
|
@@ -413,7 +413,7 @@ Used for creating custom animations.
|
|
413
413
|
|
414
414
|
* `$name`: Name of the keyframe
|
415
415
|
|
416
|
-
Styleguide
|
416
|
+
Styleguide 26.13
|
417
417
|
|
418
418
|
*/
|
419
419
|
|
@@ -443,7 +443,7 @@ Nav divider
|
|
443
443
|
* `$top`: Color of the top border
|
444
444
|
* `$bottom`: Color of the bottom border
|
445
445
|
|
446
|
-
Styleguide
|
446
|
+
Styleguide 26.14
|
447
447
|
|
448
448
|
*/
|
449
449
|
|
@@ -472,7 +472,7 @@ Comicbook Shadow
|
|
472
472
|
* `$size`: Size of the shadow
|
473
473
|
* `$distance`: Distance of the shadow from the image
|
474
474
|
|
475
|
-
Styleguide
|
475
|
+
Styleguide 26.15
|
476
476
|
|
477
477
|
*/
|
478
478
|
|
@@ -483,7 +483,7 @@ Styleguide 24.15
|
|
483
483
|
|
484
484
|
@include box-shadow(0 1px 3px $color);
|
485
485
|
border:5px solid #fff;
|
486
|
-
|
486
|
+
@include inline-block;
|
487
487
|
line-height: 0;
|
488
488
|
position: relative;
|
489
489
|
|
@@ -523,7 +523,7 @@ Usefull for adding inset shadows to sidebars or large block where the shadow is
|
|
523
523
|
* `$size`: Size of the shadow
|
524
524
|
* `$color`: Color of the shadow
|
525
525
|
|
526
|
-
Styleguide
|
526
|
+
Styleguide 26.16
|
527
527
|
|
528
528
|
*/
|
529
529
|
|
@@ -561,7 +561,7 @@ Add Side Shadows to multi-line padded text for consistend side padding (Fabien D
|
|
561
561
|
* `$size`: Size of the shadow
|
562
562
|
* `$color`: Color of the shadow
|
563
563
|
|
564
|
-
Styleguide
|
564
|
+
Styleguide 26.17
|
565
565
|
|
566
566
|
*/
|
567
567
|
|
@@ -587,7 +587,7 @@ Use the unicode character from an icon font to insert it wherever you want.
|
|
587
587
|
‡ Fonts available: Fontawesome, Brandico, Entypo, Fontelico, Maki, Openweb-icons, Typicons, Zocial
|
588
588
|
|
589
589
|
|
590
|
-
Styleguide
|
590
|
+
Styleguide 26.18
|
591
591
|
|
592
592
|
*/
|
593
593
|
|
@@ -614,7 +614,7 @@ You can set the start/and with of each step from usins the variables `$lap-start
|
|
614
614
|
* `portable`: Lap + Palm
|
615
615
|
* `desk`: Only Desktop
|
616
616
|
|
617
|
-
Styleguide
|
617
|
+
Styleguide 26.19
|
618
618
|
|
619
619
|
*/
|
620
620
|
|
@@ -693,7 +693,7 @@ Or via `@include` from the scss:
|
|
693
693
|
|
694
694
|
The result is the same.
|
695
695
|
|
696
|
-
Styleguide
|
696
|
+
Styleguide 26.20
|
697
697
|
|
698
698
|
*/
|
699
699
|
|
@@ -717,7 +717,7 @@ Responsive grid
|
|
717
717
|
* `$media`: Media query to to use, for responsive grids
|
718
718
|
* `$highlight-omega`: Bolean, used for debugging nth
|
719
719
|
|
720
|
-
Styleguide
|
720
|
+
Styleguide 26.21
|
721
721
|
|
722
722
|
*/
|
723
723
|
|
@@ -760,7 +760,7 @@ Animations
|
|
760
760
|
* `$function`: Easing, see 20.2 for a list of all easing options available
|
761
761
|
* `$mode`: animation-fill-mode (http://mzl.la/1g6ixCc), default to *both*
|
762
762
|
|
763
|
-
Styleguide
|
763
|
+
Styleguide 26.22
|
764
764
|
|
765
765
|
*/
|
766
766
|
|
@@ -810,7 +810,7 @@ Will be compiled to:
|
|
810
810
|
animation: fadeIn 0.5s 2s ease-out both;
|
811
811
|
}
|
812
812
|
|
813
|
-
Styleguide
|
813
|
+
Styleguide 26.23
|
814
814
|
|
815
815
|
*/
|
816
816
|
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: rapido-css
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.
|
4
|
+
version: 0.1.7
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Raffaele Rasini
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2014-01-
|
11
|
+
date: 2014-01-29 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: susy
|
@@ -48,12 +48,14 @@ files:
|
|
48
48
|
- stylesheets/components/_modals.scss
|
49
49
|
- stylesheets/components/_navs.scss
|
50
50
|
- stylesheets/components/_off-canvas.scss
|
51
|
+
- stylesheets/components/_overlay.scss
|
51
52
|
- stylesheets/components/_pager.scss
|
52
53
|
- stylesheets/components/_pagination.scss
|
53
54
|
- stylesheets/components/_sliders.scss
|
54
55
|
- stylesheets/components/_tables.scss
|
55
56
|
- stylesheets/components/_tabs.scss
|
56
57
|
- stylesheets/components/_toggle.scss
|
58
|
+
- stylesheets/components/_tooltip.scss
|
57
59
|
- stylesheets/components/_type.scss
|
58
60
|
- stylesheets/rapido.min.scss
|
59
61
|
- stylesheets/rapido.scss
|