creative_tim 1.0.19 → 1.0.20
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/creative_tim/version.rb +1 -1
- data/vendor/assets/stylesheets/creative-tim/material_helper.scss +0 -1
- data/vendor/assets/stylesheets/creative-tim/material_helper_resources/globals.scss +23 -0
- data/vendor/assets/stylesheets/creative-tim/material_helper_resources/variables.scss +181 -34
- metadata +1 -2
- data/vendor/assets/stylesheets/creative-tim/material_helper_resources/cards.scss +0 -138
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 639eb120862b0e730ec35be266fbe9227b20d1d0
|
4
|
+
data.tar.gz: d9885f100328e2f0880eb4d384d06d04fb5bdf54
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: e0fa9b2ce6c1f0919b000db8518d9a8b97bdefd25744a864def167475f979611f215b2a97f5481be5e8cfc1dede322b65d89da595c64fef6f83a064d9d75ba48
|
7
|
+
data.tar.gz: eed36a2a2947c0e65f679d2ab974e22c60c9b45180e285b3c6e0b9d63295eed593c0ce0747d978a594cc48d0e1526c4bbb2dfd815113d85ba965f69bee0b761c
|
data/lib/creative_tim/version.rb
CHANGED
@@ -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
|
-
|
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
|
-
|
45
|
+
|
46
|
+
/* 2. Badges
|
47
|
+
========================================================================== */
|
48
|
+
|
12
49
|
$badge-bg-color: $secondary-color !default;
|
13
50
|
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
$button-
|
20
|
-
$button-
|
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-
|
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-
|
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
|
-
|
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
|
-
|
105
|
+
|
106
|
+
/* 6. Chips
|
107
|
+
========================================================================== */
|
108
|
+
|
38
109
|
$chip-bg-color: #e4e4e4 !default;
|
39
110
|
|
40
|
-
|
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
|
-
|
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
|
-
|
131
|
+
|
132
|
+
/* 9. Fonts
|
133
|
+
========================================================================== */
|
134
|
+
|
55
135
|
$roboto-font-path: "roboto/" !default;
|
56
|
-
$icons-font-path: "material-design-icons/" !default;
|
57
136
|
|
58
|
-
|
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-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
238
|
+
|
239
|
+
/* 16. Spinners | Loaders
|
240
|
+
========================================================================== */
|
241
|
+
|
119
242
|
$spinner-default-color: $secondary-color !default;
|
120
243
|
|
121
|
-
|
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
|
-
|
252
|
+
|
253
|
+
/* 18. Tables
|
254
|
+
========================================================================== */
|
255
|
+
|
127
256
|
$table-border-color: #d0d0d0 !default;
|
128
257
|
$table-striped-color: #f2f2f2 !default;
|
129
258
|
|
130
|
-
|
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
|
-
|
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
|
-
|
280
|
+
|
281
|
+
/* 21. Footer
|
282
|
+
========================================================================== */
|
283
|
+
|
146
284
|
$footer-bg-color: $primary-color !default;
|
147
285
|
|
148
|
-
|
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
|
-
|
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
|
-
|
305
|
+
|
306
|
+
/* 24. Progress Bar
|
307
|
+
========================================================================== */
|
308
|
+
|
162
309
|
$progress-bar-color: $secondary-color !default;
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: creative_tim
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.0.
|
4
|
+
version: 1.0.20
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Ilton Garcia
|
@@ -145,7 +145,6 @@ files:
|
|
145
145
|
- vendor/assets/stylesheets/creative-tim/light_dashboard/light-bootstrap-dashboard.css
|
146
146
|
- vendor/assets/stylesheets/creative-tim/light_dashboard/pe-icon-7-stroke.css
|
147
147
|
- vendor/assets/stylesheets/creative-tim/material_helper.scss
|
148
|
-
- vendor/assets/stylesheets/creative-tim/material_helper_resources/cards.scss
|
149
148
|
- vendor/assets/stylesheets/creative-tim/material_helper_resources/colors.scss
|
150
149
|
- vendor/assets/stylesheets/creative-tim/material_helper_resources/globals.scss
|
151
150
|
- vendor/assets/stylesheets/creative-tim/material_helper_resources/media_queries.scss
|
@@ -1,138 +0,0 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
.card-panel {
|
4
|
-
transition: box-shadow .25s;
|
5
|
-
padding: $card-padding;
|
6
|
-
margin: $element-top-margin 0 $element-bottom-margin 0;
|
7
|
-
border-radius: 2px;
|
8
|
-
@extend .z-depth-1;
|
9
|
-
background-color: $card-bg-color;
|
10
|
-
}
|
11
|
-
|
12
|
-
.card {
|
13
|
-
position: relative;
|
14
|
-
margin: $element-top-margin 0 $element-bottom-margin 0;
|
15
|
-
background-color: $card-bg-color;
|
16
|
-
transition: box-shadow .25s;
|
17
|
-
border-radius: 2px;
|
18
|
-
@extend .z-depth-1;
|
19
|
-
|
20
|
-
|
21
|
-
.card-title {
|
22
|
-
font-size: 24px;
|
23
|
-
font-weight: 300;
|
24
|
-
&.activator {
|
25
|
-
cursor: pointer;
|
26
|
-
}
|
27
|
-
}
|
28
|
-
|
29
|
-
// Card Sizes
|
30
|
-
&.small, &.medium, &.large {
|
31
|
-
position: relative;
|
32
|
-
|
33
|
-
.card-image {
|
34
|
-
max-height: 60%;
|
35
|
-
overflow: hidden;
|
36
|
-
}
|
37
|
-
.card-content {
|
38
|
-
max-height: 40%;
|
39
|
-
overflow: hidden;
|
40
|
-
}
|
41
|
-
.card-action {
|
42
|
-
position: absolute;
|
43
|
-
bottom: 0;
|
44
|
-
left: 0;
|
45
|
-
right: 0;
|
46
|
-
}
|
47
|
-
}
|
48
|
-
|
49
|
-
&.small {
|
50
|
-
height: 300px;
|
51
|
-
}
|
52
|
-
|
53
|
-
&.medium {
|
54
|
-
height: 400px;
|
55
|
-
}
|
56
|
-
|
57
|
-
&.large {
|
58
|
-
height: 500px;
|
59
|
-
}
|
60
|
-
|
61
|
-
|
62
|
-
.card-image {
|
63
|
-
position: relative;
|
64
|
-
|
65
|
-
// Image background for content
|
66
|
-
img {
|
67
|
-
display: block;
|
68
|
-
border-radius: 2px 2px 0 0;
|
69
|
-
position: relative;
|
70
|
-
left: 0;
|
71
|
-
right: 0;
|
72
|
-
top: 0;
|
73
|
-
bottom: 0;
|
74
|
-
width: 100%;
|
75
|
-
}
|
76
|
-
|
77
|
-
.card-title {
|
78
|
-
color: $card-bg-color;
|
79
|
-
position: absolute;
|
80
|
-
bottom: 0;
|
81
|
-
left: 0;
|
82
|
-
padding: $card-padding;
|
83
|
-
}
|
84
|
-
|
85
|
-
}
|
86
|
-
|
87
|
-
.card-content {
|
88
|
-
padding: $card-padding;
|
89
|
-
border-radius: 0 0 2px 2px;
|
90
|
-
|
91
|
-
p {
|
92
|
-
margin: 0;
|
93
|
-
color: inherit;
|
94
|
-
}
|
95
|
-
.card-title {
|
96
|
-
line-height: 48px;
|
97
|
-
}
|
98
|
-
}
|
99
|
-
|
100
|
-
.card-action {
|
101
|
-
position: relative;
|
102
|
-
background-color: inherit;
|
103
|
-
border-top: 1px solid rgba(160,160,160,.2);
|
104
|
-
padding: $card-padding;
|
105
|
-
z-index: 2;
|
106
|
-
|
107
|
-
a:not(.btn):not(.btn-large):not(.btn-floating) {
|
108
|
-
color: $card-link-color;
|
109
|
-
margin-right: $card-padding;
|
110
|
-
transition: color .3s ease;
|
111
|
-
text-transform: uppercase;
|
112
|
-
|
113
|
-
&:hover { color: $card-link-color-light; }
|
114
|
-
}
|
115
|
-
|
116
|
-
& + .card-reveal {
|
117
|
-
z-index: 1;
|
118
|
-
padding-bottom: 64px;
|
119
|
-
}
|
120
|
-
}
|
121
|
-
|
122
|
-
.card-reveal {
|
123
|
-
padding: $card-padding;
|
124
|
-
position: absolute;
|
125
|
-
background-color: $card-bg-color;
|
126
|
-
width: 100%;
|
127
|
-
overflow-y: auto;
|
128
|
-
top: 100%;
|
129
|
-
height: 100%;
|
130
|
-
z-index: 3;
|
131
|
-
display: none;
|
132
|
-
|
133
|
-
.card-title {
|
134
|
-
cursor: pointer;
|
135
|
-
display: block;
|
136
|
-
}
|
137
|
-
}
|
138
|
-
}
|