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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 1005ea8f486983cda17f1b49f0f9b62a3e3a3f7a
4
- data.tar.gz: e04dcb0f58a038b16c621da368a0f91ecdb13fa5
3
+ metadata.gz: 639eb120862b0e730ec35be266fbe9227b20d1d0
4
+ data.tar.gz: d9885f100328e2f0880eb4d384d06d04fb5bdf54
5
5
  SHA512:
6
- metadata.gz: a493eb7507a9508d860c76838b72324f356bce2d9a01530e9ae2123da21eda31f6f7ab457c52087f4320a150eafdf2d116e6d561f7433c4245a20b06d291e2ef
7
- data.tar.gz: 1860e052c5776a723b477ca0eb8253f1377251f013d8503c0638e297aa42f9ef42844e4c1f713b7df46c2187d241d39b8e56fc4d8d1a3eb828bedd32e8fd90e5
6
+ metadata.gz: e0fa9b2ce6c1f0919b000db8518d9a8b97bdefd25744a864def167475f979611f215b2a97f5481be5e8cfc1dede322b65d89da595c64fef6f83a064d9d75ba48
7
+ data.tar.gz: eed36a2a2947c0e65f679d2ab974e22c60c9b45180e285b3c6e0b9d63295eed593c0ce0747d978a594cc48d0e1526c4bbb2dfd815113d85ba965f69bee0b761c
@@ -1,6 +1,6 @@
1
1
  module CreativeTim
2
2
  MAJOR = 1
3
3
  MINOR = 0
4
- PATCH = 19
4
+ PATCH = 20
5
5
  VERSION = "#{MAJOR}.#{MINOR}.#{PATCH}"
6
6
  end
@@ -1,4 +1,3 @@
1
- @import "material_helper_resources/cards";
2
1
  @import "material_helper_resources/colors";
3
2
  @import "material_helper_resources/globals";
4
3
  @import "material_helper_resources/variables";
@@ -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,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.19
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
- }