rapido-css 0.1.6 → 0.1.7
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.
- 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
|