creative_tim 1.0.18 → 1.0.22

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
- SHA1:
3
- metadata.gz: 427a3cefe460ed896e93cc1b1bbf628dd7a8a26c
4
- data.tar.gz: a14d0444efbaa94c3eac2a32f60075852820b66d
2
+ SHA256:
3
+ metadata.gz: fdb5e4cab71c9a5678b17181ea027907ecd7fa0cbf6e6847a3fd80146825a737
4
+ data.tar.gz: aae57629c3e7c326a7257424a2b9b6029e2c635666662b44a2bcbb1e9275ab3a
5
5
  SHA512:
6
- metadata.gz: 27d78aa72d931017fe1ff973f5c98292f0e6b68a59380c606e7174338b79ae6345185f12078d7831bee70a2677587ba6bbc9a9af8ce2007ff525afbbe3f64360
7
- data.tar.gz: 59196310d85e48bceabbc2c30cae5d6a3b3cbf84c7a783e7e216972dde7c9d4200a2612ee00f194674419601e326839fccd340082a8efd5a386b1ad36472f982
6
+ metadata.gz: 31fe85ee8af713038745d393b4b9b5a6cc7695d6a8111b6045ca0e707efcdb6fc81fea36c58a55ae177320c818724ae7ba9c7a8d848b8c732d85dc1646d8d6a7
7
+ data.tar.gz: 444ce64e1ae173648daf7b77255482fb6b158e3348ff2ab8b66a847982045e3357298338321b1e86698b6d642be2c31094a33db6a9ef5bcd4539b843e70af59b
@@ -1,6 +1,6 @@
1
1
  module CreativeTim
2
2
  MAJOR = 1
3
3
  MINOR = 0
4
- PATCH = 18
4
+ PATCH = 22
5
5
  VERSION = "#{MAJOR}.#{MINOR}.#{PATCH}"
6
- end
6
+ end
@@ -34,4 +34,27 @@
34
34
  // FIX
35
35
  .logo-container .logo {
36
36
  border: none;
37
+ }
38
+
39
+ // Z-levels
40
+ .z-depth-0 {
41
+ box-shadow: none !important;
42
+ }
43
+ .z-depth-1{
44
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
45
+ }
46
+ .z-depth-1-half{
47
+ box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
48
+ }
49
+ .z-depth-2{
50
+ box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
51
+ }
52
+ .z-depth-3{
53
+ box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
54
+ }
55
+ .z-depth-4{
56
+ box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
57
+ }
58
+ .z-depth-5{
59
+ box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
37
60
  }
@@ -1,4 +1,38 @@
1
- /*** Colors ***/
1
+ /* ==========================================================================
2
+ Materialize variables
3
+ ========================================================================== */
4
+ /**
5
+ * Table of Contents:
6
+ *
7
+ * 1. Colors
8
+ * 2. Badges
9
+ * 3. Buttons
10
+ * 4. Cards
11
+ * 5. Collapsible
12
+ * 6. Chips
13
+ * 7. Date Picker
14
+ * 8. Dropdown
15
+ * 10. Forms
16
+ * 11. Global
17
+ * 12. Grid
18
+ * 13. Navigation Bar
19
+ * 14. Side Navigation
20
+ * 15. Photo Slider
21
+ * 16. Spinners | Loaders
22
+ * 17. Tabs
23
+ * 18. Tables
24
+ * 19. Toasts
25
+ * 20. Typography
26
+ * 21. Footer
27
+ * 22. Flow Text
28
+ * 23. Collections
29
+ * 24. Progress Bar
30
+ */
31
+
32
+
33
+ /* 1. Colors
34
+ ========================================================================== */
35
+
2
36
  $primary-color: color("materialize-red", "lighten-2") !default;
3
37
  $primary-color-light: lighten($primary-color, 15%) !default;
4
38
  $primary-color-dark: darken($primary-color, 15%) !default;
@@ -8,36 +42,76 @@ $success-color: color("green", "base") !default;
8
42
  $error-color: color("red", "base") !default;
9
43
  $link-color: color("light-blue", "darken-1") !default;
10
44
 
11
- /*** Badges ***/
45
+
46
+ /* 2. Badges
47
+ ========================================================================== */
48
+
12
49
  $badge-bg-color: $secondary-color !default;
13
50
 
14
- /*** Buttons ***/
15
- $button-bg-color-disabled: #DFDFDF !default;
16
- $button-color: $secondary-color !default;
17
- $button-color-disabled: #9F9F9F !default;
18
- $button-color-flat: #343434 !default;
19
- $button-color-raised: #fff !default;
20
- $button-floating-size: 37px !default;
51
+
52
+ /* 3. Buttons
53
+ ========================================================================== */
54
+
55
+ // Shared styles
56
+ $button-border: none !default;
57
+ $button-background-focus: lighten($secondary-color, 4%) !default;
58
+ $button-font-size: 1.3rem !default;
21
59
  $button-height: 36px !default;
22
- $button-font-size-shared: 1.3rem !default;
60
+ $button-padding: 0 2rem !default;
61
+ $button-radius: 2px !default;
62
+
63
+ // Disabled styles
64
+ $button-disabled-background: #DFDFDF !default;
65
+ $button-disabled-color: #9F9F9F !default;
66
+
67
+ // Raised buttons
68
+ $button-raised-background: $secondary-color !default;
69
+ $button-raised-background-hover: lighten($button-raised-background, 5%) !default;
70
+ $button-raised-color: #fff !default;
71
+
72
+ // Large buttons
23
73
  $button-large-icon-font-size: 1.6rem !default;
24
- $button-line-height: 36px !default;
74
+ $button-large-height: $button-height * 1.5 !default;
75
+
76
+ // Flat buttons
77
+ $button-flat-color: #343434 !default;
78
+ $button-flat-disabled-color: lighten(#999, 10%) !default;
79
+
80
+ // Floating buttons
81
+ $button-floating-background: $secondary-color !default;
82
+ $button-floating-background-hover: $button-floating-background !default;
83
+ $button-floating-color: #fff !default;
84
+ $button-floating-size: 37px !default;
85
+ $button-floating-large-size: $button-floating-size * 1.5 !default;
86
+ $button-floating-radius: 50% !default;
87
+
88
+
89
+ /* 4. Cards
90
+ ========================================================================== */
25
91
 
26
- /*** Cards ***/
27
92
  $card-padding: 20px !default;
28
93
  $card-bg-color: #fff !default;
29
94
  $card-link-color: color("orange", "accent-2") !default;
30
95
  $card-link-color-light: lighten($card-link-color, 20%) !default;
31
96
 
32
- /*** Collapsible ***/
97
+
98
+ /* 5. Collapsible
99
+ ========================================================================== */
100
+
33
101
  $collapsible-height: 3rem !default;
34
102
  $collapsible-header-color: #fff !default;
35
103
  $collapsible-border-color: #ddd !default;
36
104
 
37
- /*** Chips ***/
105
+
106
+ /* 6. Chips
107
+ ========================================================================== */
108
+
38
109
  $chip-bg-color: #e4e4e4 !default;
39
110
 
40
- /*** Date Picker ***/
111
+
112
+ /* 7. Date Picker
113
+ ========================================================================== */
114
+
41
115
  $datepicker-weekday-bg: darken($secondary_color, 7%) !default;
42
116
  $datepicker-date-bg: $secondary_color !default;
43
117
  $datepicker-year: rgba(255, 255, 255, .4) !default;
@@ -45,39 +119,73 @@ $datepicker-focus: rgba(0,0,0, .05) !default;
45
119
  $datepicker-selected: $secondary-color !default;
46
120
  $datepicker-selected-outfocus: desaturate(lighten($secondary-color, 35%), 15%) !default;
47
121
 
48
- /*** Dropdown ***/
122
+
123
+ /* 8. Dropdown
124
+ ========================================================================== */
125
+
49
126
  $dropdown-bg-color: #fff !default;
50
127
  $dropdown-hover-bg-color: #eee !default;
51
128
  $dropdown-color: $secondary-color !default;
52
129
  $dropdown-item-height: 50px !default;
53
130
 
54
- /*** Fonts ***/
131
+
132
+ /* 9. Fonts
133
+ ========================================================================== */
134
+
55
135
  $roboto-font-path: "roboto/" !default;
56
- $icons-font-path: "material-design-icons/" !default;
57
136
 
58
- /*** Forms ***/
137
+
138
+ /* 10. Forms
139
+ ========================================================================== */
140
+
59
141
  // Text Inputs + Textarea
142
+ $input-height: 3rem !default;
60
143
  $input-border-color: color("grey", "base") !default;
61
- $input-bg-color: #fff !default;
144
+ $input-border: 1px solid $input-border-color !default;
145
+ $input-background: #fff !default;
62
146
  $input-error-color: $error-color !default;
63
147
  $input-success-color: $success-color !default;
64
148
  $input-focus-color: $secondary-color !default;
149
+ $input-font-size: 1rem !default;
150
+ $input-margin: 0 0 15px 0 !default;
151
+ $input-padding: 0 !default;
152
+ $input-transition: all .3s !default;
65
153
  $label-font-size: .8rem !default;
66
154
  $input-disabled-color: rgba(0,0,0, .26) !default;
67
155
  $input-disabled-solid-color: #BDBDBD !default;
156
+ $input-disabled-border: 1px dotted $input-disabled-color !default;
157
+ $input-invalid-border: 1px solid $input-error-color !default;
158
+ $placeholder-text-color: lighten($input-border-color, 20%) !default;
68
159
 
69
160
  // Radio Buttons
70
161
  $radio-fill-color: $secondary-color !default;
71
162
  $radio-empty-color: #5a5a5a !default;
163
+ $radio-border: 2px solid $radio-fill-color !default;
164
+
165
+ // Range
166
+ $range-height: 14px !default;
167
+ $range-width: 14px !default;
168
+ $track-height: 3px !default;
169
+
170
+ // Select
171
+ $select-border: 1px solid #f2f2f2 !default;
172
+ $select-background: rgba(255, 255, 255, 0.90) !default;
173
+ $select-focus: 1px solid lighten($secondary-color, 47%) !default;
174
+ $select-padding: 5px !default;
175
+ $select-radius: 2px !default;
176
+ $select-disabled-color: rgba(0,0,0,.3) !default;
72
177
 
73
178
  // Switches
74
179
  $switch-bg-color: $secondary-color !default;
75
180
  $switch-checked-lever-bg: desaturate(lighten($secondary-color, 25%), 25%) !default;
76
181
  $switch-unchecked-bg: #F1F1F1 !default;
77
182
  $switch-unchecked-lever-bg: #818181 !default;
183
+ $switch-radius: 15px !default;
184
+
78
185
 
186
+ /* 11. Global
187
+ ========================================================================== */
79
188
 
80
- /*** Global ***/
81
189
  // Media Query Ranges
82
190
  $small-screen-up: 601px !default;
83
191
  $medium-screen-up: 993px !default;
@@ -92,47 +200,74 @@ $small-and-down: "only screen and (max-width : #{$small-screen})" !default;
92
200
  $medium-and-down: "only screen and (max-width : #{$medium-screen})" !default;
93
201
  $medium-only: "only screen and (min-width : #{$small-screen-up}) and (max-width : #{$medium-screen})" !default;
94
202
 
95
- // Grid Variables
203
+
204
+ /* 12. Grid
205
+ ========================================================================== */
206
+
96
207
  $num-cols: 12 !default;
97
208
  $gutter-width: 1.5rem !default;
98
209
  $element-top-margin: $gutter-width/3 !default;
99
210
  $element-bottom-margin: ($gutter-width*2)/3 !default;
100
211
 
101
- /*** Navbar ***/
212
+
213
+ /* 13. Navigation Bar
214
+ ========================================================================== */
215
+
102
216
  $navbar-height: 64px !default;
103
217
  $navbar-height-mobile: 56px !default;
104
218
  $navbar-font-color: #fff !default;
105
219
  $navbar-brand-font-size: 2.1rem !default;
106
220
 
107
- /*** SideNav ***/
221
+
222
+ /* 14. Side Navigation
223
+ ========================================================================== */
224
+
108
225
  $sidenav-font-color: #444 !default;
109
226
  $sidenav-bg-color: #fff !default;
110
227
  $sidenav-padding-right: 30px !default;
111
228
  $sidenav-item-height: 64px !default;
112
229
 
113
- /*** Photo Slider ***/
230
+
231
+ /* 15. Photo Slider
232
+ ========================================================================== */
233
+
114
234
  $slider-bg-color: color('grey', 'base') !default;
115
235
  $slider-bg-color-light: color('grey', 'lighten-2') !default;
116
236
  $slider-indicator-color: color('green', 'base') !default;
117
237
 
118
- /*** Spinners | Loaders ***/
238
+
239
+ /* 16. Spinners | Loaders
240
+ ========================================================================== */
241
+
119
242
  $spinner-default-color: $secondary-color !default;
120
243
 
121
- /*** Tabs ***/
244
+
245
+ /* 17. Tabs
246
+ ========================================================================== */
247
+
122
248
  $tabs-underline-color: $primary-color-light !default;
123
249
  $tabs-text-color: $primary-color !default;
124
250
  $tabs-bg-color: #fff !default;
125
251
 
126
- /*** Tables ***/
252
+
253
+ /* 18. Tables
254
+ ========================================================================== */
255
+
127
256
  $table-border-color: #d0d0d0 !default;
128
257
  $table-striped-color: #f2f2f2 !default;
129
258
 
130
- /*** Toasts ***/
259
+
260
+ /* 19. Toasts
261
+ ========================================================================== */
262
+
131
263
  $toast-height: 48px !default;
132
264
  $toast-color: #323232 !default;
133
265
  $toast-text-color: #fff !default;
134
266
 
135
- /*** Typography ***/
267
+
268
+ /* 20. Typography
269
+ ========================================================================== */
270
+
136
271
  $off-black: rgba(0, 0, 0, 0.87) !default;
137
272
  // Header Styles
138
273
  $h1-fontsize: 4.2rem !default;
@@ -142,15 +277,24 @@ $h4-fontsize: 2.28rem !default;
142
277
  $h5-fontsize: 1.64rem !default;
143
278
  $h6-fontsize: 1rem !default;
144
279
 
145
- // Footer
280
+
281
+ /* 21. Footer
282
+ ========================================================================== */
283
+
146
284
  $footer-bg-color: $primary-color !default;
147
285
 
148
- // Flowtext
286
+
287
+ /* 22. Flow Text
288
+ ========================================================================== */
289
+
149
290
  $range : $large-screen - $small-screen !default;
150
291
  $intervals: 20 !default;
151
292
  $interval-size: $range / $intervals !default;
152
293
 
153
- /*** Collections ***/
294
+
295
+ /* 23. Collections
296
+ ========================================================================== */
297
+
154
298
  $collection-border-color: #e0e0e0 !default;
155
299
  $collection-bg-color: #fff !default;
156
300
  $collection-active-bg-color: $secondary-color !default;
@@ -158,5 +302,8 @@ $collection-active-color: lighten($secondary-color, 55%) !default;
158
302
  $collection-hover-bg-color: #ddd !default;
159
303
  $collection-link-color: $secondary-color !default;
160
304
 
161
- /* Progress Bar */
305
+
306
+ /* 24. Progress Bar
307
+ ========================================================================== */
308
+
162
309
  $progress-bar-color: $secondary-color !default;
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: creative_tim
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.18
4
+ version: 1.0.22
5
5
  platform: ruby
6
6
  authors:
7
7
  - Ilton Garcia
8
- autorequire:
8
+ autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2016-05-26 00:00:00.000000000 Z
11
+ date: 2021-08-18 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -558,7 +558,7 @@ homepage: https://github.com/TonGarcia/creative_tim
558
558
  licenses:
559
559
  - MIT
560
560
  metadata: {}
561
- post_install_message:
561
+ post_install_message:
562
562
  rdoc_options: []
563
563
  require_paths:
564
564
  - lib
@@ -573,9 +573,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
573
573
  - !ruby/object:Gem::Version
574
574
  version: '0'
575
575
  requirements: []
576
- rubyforge_project:
577
- rubygems_version: 2.4.8
578
- signing_key:
576
+ rubygems_version: 3.2.26
577
+ signing_key:
579
578
  specification_version: 4
580
579
  summary: CreativeTIM Free Resources GEM
581
580
  test_files: []