rapido-css 0.0.3 → 0.0.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (43) hide show
  1. checksums.yaml +15 -0
  2. data/README.md +44 -9
  3. data/stylesheets/_default-styles.scss +309 -138
  4. data/stylesheets/_functions.scss +67 -4
  5. data/stylesheets/_normalize.scss +39 -513
  6. data/stylesheets/_rapido.scss +17 -8
  7. data/stylesheets/_susy.scss +2 -5
  8. data/stylesheets/components/_alerts.scss +39 -5
  9. data/stylesheets/components/_breadcrumbs.scss +21 -4
  10. data/stylesheets/components/_button-groups.scss +42 -17
  11. data/stylesheets/components/_buttons.scss +69 -29
  12. data/stylesheets/components/_captions.scss +38 -19
  13. data/stylesheets/components/_close.scss +14 -3
  14. data/stylesheets/components/_dropdowns.scss +76 -28
  15. data/stylesheets/components/_forms.scss +477 -350
  16. data/stylesheets/components/_grids.scss +86 -0
  17. data/stylesheets/components/_labels.scss +26 -4
  18. data/stylesheets/components/_modals.scss +122 -38
  19. data/stylesheets/components/_navs.scss +51 -21
  20. data/stylesheets/components/_pager.scss +55 -10
  21. data/stylesheets/components/_pagination.scss +40 -25
  22. data/stylesheets/components/_responsive-navs.scss +141 -28
  23. data/stylesheets/components/_sliders.scss +45 -26
  24. data/stylesheets/components/_tables.scss +43 -16
  25. data/stylesheets/components/_tabs.scss +47 -9
  26. data/stylesheets/components/_type.scss +139 -73
  27. data/stylesheets/settings/_base.scss +73 -27
  28. data/stylesheets/settings/_colors.scss +43 -16
  29. data/stylesheets/settings/_components.scss +102 -43
  30. data/stylesheets/settings/_dimensions.scss +273 -92
  31. data/stylesheets/settings/_effects.scss +20 -12
  32. data/stylesheets/styleguide.md +33 -0
  33. data/stylesheets/utilities/_animations.scss +150 -129
  34. data/stylesheets/utilities/_debug.scss +29 -3
  35. data/stylesheets/utilities/_helper-classes.scss +135 -18
  36. data/stylesheets/utilities/_icon-fonts.scss +77 -80
  37. data/stylesheets/utilities/_mixins.scss +385 -63
  38. metadata +6 -13
  39. data/stylesheets/components/config.rb +0 -8
  40. data/stylesheets/settings/config.rb +0 -8
  41. data/stylesheets/utilities/_media-queries.scss +0 -50
  42. data/stylesheets/utilities/_sprites.scss +0 -22
  43. data/stylesheets/utilities/config.rb +0 -8
data/stylesheets/utilities/_icon-fonts.scss CHANGED
@@ -1,136 +1,133 @@
1
- // ====================================================================================================================
2
- // ICON FONTS
3
- // ====================================================================================================================
1
+ /* ====================================================================================================================
2
+
3
+ Icon Fonts
4
+
5
+ ==================================================================================================================== */
4
6
 
5
- // ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
6
7
  // Brandico
7
8
  // --------------------------------------------------------------------------------------------------------------------
9
+
8
10
  @if $use-brandico {
9
11
  @font-face {
10
- font-family: 'brandico';
11
- font-style: 'normal';
12
- font-weight: 'normal';
13
- src: url('http://weloveiconfonts.com/api/fonts/brandico/brandico.eot');
14
- src: url('http://weloveiconfonts.com/api/fonts/brandico/brandico.eot?#iefix') format('eot'),
15
- url('http://weloveiconfonts.com/api/fonts/brandico/brandico.woff') format('woff'),
16
- url('http://weloveiconfonts.com/api/fonts/brandico/brandico.ttf') format('truetype'),
17
- url('http://weloveiconfonts.com/api/fonts/brandico/brandico.svg#brandico') format('svg');
12
+ font-family: 'brandico';
13
+ font-style: 'normal';
14
+ font-weight: 'normal';
15
+ src: url('http://weloveiconfonts.com/api/fonts/brandico/brandico.eot');
16
+ src: url('http://weloveiconfonts.com/api/fonts/brandico/brandico.eot?#iefix') format('eot'),
17
+ url('http://weloveiconfonts.com/api/fonts/brandico/brandico.woff') format('woff'),
18
+ url('http://weloveiconfonts.com/api/fonts/brandico/brandico.ttf') format('truetype'),
19
+ url('http://weloveiconfonts.com/api/fonts/brandico/brandico.svg#brandico') format('svg');
18
20
  }
19
21
  }
20
22
 
21
-
22
- // ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
23
23
  // Entypo
24
24
  // --------------------------------------------------------------------------------------------------------------------
25
+
25
26
  @if $use-entypo {
26
27
  @font-face {
27
- font-family: 'entypo';
28
- font-style: 'normal';
29
- font-weight: 'normal';
30
- src: url('http://weloveiconfonts.com/api/fonts/entypo/entypo.eot');
31
- src: url('http://weloveiconfonts.com/api/fonts/entypo/entypo.eot?#iefix') format('eot'),
32
- url('http://weloveiconfonts.com/api/fonts/entypo/entypo.woff') format('woff'),
33
- url('http://weloveiconfonts.com/api/fonts/entypo/entypo.ttf') format('truetype'),
34
- url('http://weloveiconfonts.com/api/fonts/entypo/entypo.svg#entypo') format('svg');
28
+ font-family: 'entypo';
29
+ font-style: 'normal';
30
+ font-weight: 'normal';
31
+ src: url('http://weloveiconfonts.com/api/fonts/entypo/entypo.eot');
32
+ src: url('http://weloveiconfonts.com/api/fonts/entypo/entypo.eot?#iefix') format('eot'),
33
+ url('http://weloveiconfonts.com/api/fonts/entypo/entypo.woff') format('woff'),
34
+ url('http://weloveiconfonts.com/api/fonts/entypo/entypo.ttf') format('truetype'),
35
+ url('http://weloveiconfonts.com/api/fonts/entypo/entypo.svg#entypo') format('svg');
35
36
  }
36
37
  }
37
38
 
38
-
39
- // ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
40
39
  // Fontawesome
41
40
  // --------------------------------------------------------------------------------------------------------------------
41
+
42
42
  @if $use-fontawesome {
43
43
  @font-face {
44
- font-family: 'FontAwesome';
45
- font-style: 'normal';
46
- font-weight: 'normal';
47
- src: url('http://weloveiconfonts.com/api/fonts/fontawesome/fontawesome-webfont.eot');
48
- src: url('http://weloveiconfonts.com/api/fonts/fontawesome/fontawesome-webfont.eot?#iefix') format('eot'),
49
- url('http://weloveiconfonts.com/api/fonts/fontawesome/fontawesome-webfont.woff') format('woff'),
50
- url('http://weloveiconfonts.com/api/fonts/fontawesome/fontawesome-webfont.ttf') format('truetype'),
51
- url('http://weloveiconfonts.com/api/fonts/fontawesome/fontawesome-webfont.svg#FontAwesomeRegular') format('svg');
44
+ font-family: 'FontAwesome';
45
+ font-style: 'normal';
46
+ font-weight: 'normal';
47
+ src: url('http://weloveiconfonts.com/api/fonts/fontawesome/fontawesome-webfont.eot');
48
+ src: url('http://weloveiconfonts.com/api/fonts/fontawesome/fontawesome-webfont.eot?#iefix') format('eot'),
49
+ url('http://weloveiconfonts.com/api/fonts/fontawesome/fontawesome-webfont.woff') format('woff'),
50
+ url('http://weloveiconfonts.com/api/fonts/fontawesome/fontawesome-webfont.ttf') format('truetype'),
51
+ url('http://weloveiconfonts.com/api/fonts/fontawesome/fontawesome-webfont.svg#FontAwesomeRegular') format('svg');
52
52
  }
53
53
  }
54
54
 
55
-
56
- // ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
57
55
  // Fontelico
58
56
  // --------------------------------------------------------------------------------------------------------------------
57
+
59
58
  @if $use-fontelico {
60
59
  @font-face {
61
- font-family: 'fontelico';
62
- font-style: 'normal';
63
- font-weight: 'normal';
64
- src: url('http://weloveiconfonts.com/api/fonts/fontelico/fontelico.eot');
65
- src: url('http://weloveiconfonts.com/api/fonts/fontelico/fontelico.eot?#iefix') format('eot'),
66
- url('http://weloveiconfonts.com/api/fonts/fontelico/fontelico.woff') format('woff'),
67
- url('http://weloveiconfonts.com/api/fonts/fontelico/fontelico.ttf') format('truetype'),
68
- url('http://weloveiconfonts.com/api/fonts/fontelico/fontelico.svg#fontelico') format('svg');
60
+ font-family: 'fontelico';
61
+ font-style: 'normal';
62
+ font-weight: 'normal';
63
+ src: url('http://weloveiconfonts.com/api/fonts/fontelico/fontelico.eot');
64
+ src: url('http://weloveiconfonts.com/api/fonts/fontelico/fontelico.eot?#iefix') format('eot'),
65
+ url('http://weloveiconfonts.com/api/fonts/fontelico/fontelico.woff') format('woff'),
66
+ url('http://weloveiconfonts.com/api/fonts/fontelico/fontelico.ttf') format('truetype'),
67
+ url('http://weloveiconfonts.com/api/fonts/fontelico/fontelico.svg#fontelico') format('svg');
69
68
  }
70
69
  }
71
70
 
72
-
73
- // ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
74
71
  // Maki
75
72
  // --------------------------------------------------------------------------------------------------------------------
73
+
76
74
  @if $use-maki {
77
75
  @font-face {
78
- font-family: 'maki';
79
- font-style: 'normal';
80
- font-weight: 'normal';
81
- src: url('http://weloveiconfonts.com/api/fonts/maki/maki.eot');
82
- src: url('http://weloveiconfonts.com/api/fonts/maki/maki.eot?#iefix') format('eot'),
83
- url('http://weloveiconfonts.com/api/fonts/maki/maki.woff') format('woff'),
84
- url('http://weloveiconfonts.com/api/fonts/maki/maki.ttf') format('truetype'),
85
- url('http://weloveiconfonts.com/api/fonts/maki/maki.svg#maki') format('svg');
76
+ font-family: 'maki';
77
+ font-style: 'normal';
78
+ font-weight: 'normal';
79
+ src: url('http://weloveiconfonts.com/api/fonts/maki/maki.eot');
80
+ src: url('http://weloveiconfonts.com/api/fonts/maki/maki.eot?#iefix') format('eot'),
81
+ url('http://weloveiconfonts.com/api/fonts/maki/maki.woff') format('woff'),
82
+ url('http://weloveiconfonts.com/api/fonts/maki/maki.ttf') format('truetype'),
83
+ url('http://weloveiconfonts.com/api/fonts/maki/maki.svg#maki') format('svg');
86
84
  }
87
85
  }
88
86
 
89
- // ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
90
87
  // Openweb Icons
91
88
  // --------------------------------------------------------------------------------------------------------------------
89
+
92
90
  @if $use-openweb-icons {
93
91
  @font-face {
94
- font-family: 'OpenWeb Icons';
95
- font-style: 'normal';
96
- font-weight: 'normal';
97
- src: url('http://weloveiconfonts.com/api/fonts/openwebicons/openwebicons.eot');
98
- src: url('http://weloveiconfonts.com/api/fonts/openwebicons/openwebicons.eot?#iefix') format('eot'),
99
- url('http://weloveiconfonts.com/api/fonts/openwebicons/openwebicons.woff') format('woff'),
100
- url('http://weloveiconfonts.com/api/fonts/openwebicons/openwebicons.ttf') format('truetype'),
101
- url('http://weloveiconfonts.com/api/fonts/openwebicons/openwebicons.svg#openweb_iconsregular') format('svg');
92
+ font-family: 'OpenWeb Icons';
93
+ font-style: 'normal';
94
+ font-weight: 'normal';
95
+ src: url('http://weloveiconfonts.com/api/fonts/openwebicons/openwebicons.eot');
96
+ src: url('http://weloveiconfonts.com/api/fonts/openwebicons/openwebicons.eot?#iefix') format('eot'),
97
+ url('http://weloveiconfonts.com/api/fonts/openwebicons/openwebicons.woff') format('woff'),
98
+ url('http://weloveiconfonts.com/api/fonts/openwebicons/openwebicons.ttf') format('truetype'),
99
+ url('http://weloveiconfonts.com/api/fonts/openwebicons/openwebicons.svg#openweb_iconsregular') format('svg');
102
100
  }
103
101
  }
104
102
 
105
- // ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
106
103
  // Typicons
107
104
  // --------------------------------------------------------------------------------------------------------------------
105
+
108
106
  @if $use-typicons {
109
107
  @font-face {
110
- font-family: 'Typicons';
111
- font-style: 'normal';
112
- font-weight: 'normal';
113
- src: url('http://weloveiconfonts.com/api/fonts/typicons/typicons-regular-webfont.eot');
114
- src: url('http://weloveiconfonts.com/api/fonts/typicons/typicons-regular-webfont.eot?#iefix') format('eot'),
115
- url('http://weloveiconfonts.com/api/fonts/typicons/typicons-regular-webfont.woff') format('woff'),
116
- url('http://weloveiconfonts.com/api/fonts/typicons/typicons-regular-webfont.ttf') format('truetype'),
117
- url('http://weloveiconfonts.com/api/fonts/typicons/typicons-regular-webfont.svg#TypiconsRegular') format('svg');
108
+ font-family: 'Typicons';
109
+ font-style: 'normal';
110
+ font-weight: 'normal';
111
+ src: url('http://weloveiconfonts.com/api/fonts/typicons/typicons-regular-webfont.eot');
112
+ src: url('http://weloveiconfonts.com/api/fonts/typicons/typicons-regular-webfont.eot?#iefix') format('eot'),
113
+ url('http://weloveiconfonts.com/api/fonts/typicons/typicons-regular-webfont.woff') format('woff'),
114
+ url('http://weloveiconfonts.com/api/fonts/typicons/typicons-regular-webfont.ttf') format('truetype'),
115
+ url('http://weloveiconfonts.com/api/fonts/typicons/typicons-regular-webfont.svg#TypiconsRegular') format('svg');
118
116
  }
119
117
  }
120
118
 
121
-
122
- // ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
123
119
  // Zocial
124
120
  // --------------------------------------------------------------------------------------------------------------------
121
+
125
122
  @if $use-zocial {
126
123
  @font-face {
127
- font-family: 'zocial';
128
- font-style: 'normal';
129
- font-weight: 'normal';
130
- src: url('http://weloveiconfonts.com/api/fonts/zocial/zocial-regular-webfont.eot');
131
- src: url('http://weloveiconfonts.com/api/fonts/zocial/zocial-regular-webfont.eot?#iefix') format('eot'),
132
- url('http://weloveiconfonts.com/api/fonts/zocial/zocial-regular-webfont.woff') format('woff'),
133
- url('http://weloveiconfonts.com/api/fonts/zocial/zocial-regular-webfont.ttf') format('truetype'),
134
- url('http://weloveiconfonts.com/api/fonts/zocial/zocial-regular-webfont.svg#zocialregular') format('svg');
124
+ font-family: 'zocial';
125
+ font-style: 'normal';
126
+ font-weight: 'normal';
127
+ src: url('http://weloveiconfonts.com/api/fonts/zocial/zocial-regular-webfont.eot');
128
+ src: url('http://weloveiconfonts.com/api/fonts/zocial/zocial-regular-webfont.eot?#iefix') format('eot'),
129
+ url('http://weloveiconfonts.com/api/fonts/zocial/zocial-regular-webfont.woff') format('woff'),
130
+ url('http://weloveiconfonts.com/api/fonts/zocial/zocial-regular-webfont.ttf') format('truetype'),
131
+ url('http://weloveiconfonts.com/api/fonts/zocial/zocial-regular-webfont.svg#zocialregular') format('svg');
135
132
  }
136
133
  }