easy_cms 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +12 -0
- data/.rspec +2 -0
- data/.travis.yml +5 -0
- data/CODE_OF_CONDUCT.md +74 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +21 -0
- data/README.md +31 -0
- data/Rakefile +6 -0
- data/bin/console +14 -0
- data/bin/setup +8 -0
- data/easy_cms.gemspec +36 -0
- data/lib/easy_cms.rb +5 -0
- data/lib/easy_cms/version.rb +3 -0
- data/lib/generators/easy_cms/model/model_generator.rb +71 -0
- data/lib/generators/easy_cms/model/templates/controllers/model_controller.erb +55 -0
- data/lib/generators/easy_cms/model/templates/layouts/_form.html.erb +26 -0
- data/lib/generators/easy_cms/model/templates/layouts/edit.html.erb +13 -0
- data/lib/generators/easy_cms/model/templates/layouts/index.html.erb +37 -0
- data/lib/generators/easy_cms/model/templates/layouts/item_navegation.html.erb +19 -0
- data/lib/generators/easy_cms/model/templates/layouts/new.html.erb +13 -0
- data/lib/generators/easy_cms/model/templates/layouts/show.html.erb +22 -0
- data/lib/generators/easy_cms/namespace/namespace_generator.rb +45 -0
- data/lib/generators/easy_cms/namespace/templates/assets/base_javascript.erb +3 -0
- data/lib/generators/easy_cms/namespace/templates/assets/base_scss.erb +1 -0
- data/lib/generators/easy_cms/namespace/templates/controllers/base_controller.erb +5 -0
- data/lib/generators/easy_cms/namespace/templates/layouts/layout.html.erb +71 -0
- data/lib/generators/resource_helpers.rb +31 -0
- data/vendor/assets/javascripts/.keep +0 -0
- data/vendor/assets/javascripts/easy_cms/base.js +351 -0
- data/vendor/assets/javascripts/easy_cms/bootstrap-notify.js +404 -0
- data/vendor/assets/javascripts/easy_cms/bootstrap.min.js +7 -0
- data/vendor/assets/javascripts/easy_cms/chartist.min.js +9 -0
- data/vendor/assets/javascripts/easy_cms/demo.js +183 -0
- data/vendor/assets/javascripts/easy_cms/jquery-3.1.0.min.js +4 -0
- data/vendor/assets/javascripts/easy_cms/material.min.js +1 -0
- data/vendor/assets/stylesheets/.keep +0 -0
- data/vendor/assets/stylesheets/easy_cms/bootstrap.min.css +5 -0
- data/vendor/assets/stylesheets/easy_cms/demo.css +64 -0
- data/vendor/assets/stylesheets/easy_cms/easy_cms.css +5065 -0
- data/vendor/assets/stylesheets/easy_cms/easy_cms_sass.scss +51 -0
- data/vendor/assets/stylesheets/easy_cms/md/_alerts.scss +57 -0
- data/vendor/assets/stylesheets/easy_cms/md/_buttons.scss +259 -0
- data/vendor/assets/stylesheets/easy_cms/md/_cards.scss +337 -0
- data/vendor/assets/stylesheets/easy_cms/md/_chartist.scss +254 -0
- data/vendor/assets/stylesheets/easy_cms/md/_checkboxes.scss +193 -0
- data/vendor/assets/stylesheets/easy_cms/md/_colors.scss +325 -0
- data/vendor/assets/stylesheets/easy_cms/md/_dialogs.scss +99 -0
- data/vendor/assets/stylesheets/easy_cms/md/_dropdown.scss +67 -0
- data/vendor/assets/stylesheets/easy_cms/md/_footers.scss +44 -0
- data/vendor/assets/stylesheets/easy_cms/md/_forms.scss +58 -0
- data/vendor/assets/stylesheets/easy_cms/md/_inputs-size.scss +223 -0
- data/vendor/assets/stylesheets/easy_cms/md/_inputs.scss +394 -0
- data/vendor/assets/stylesheets/easy_cms/md/_misc.scss +115 -0
- data/vendor/assets/stylesheets/easy_cms/md/_mixins.scss +422 -0
- data/vendor/assets/stylesheets/easy_cms/md/_navbars.scss +329 -0
- data/vendor/assets/stylesheets/easy_cms/md/_pills.scss +117 -0
- data/vendor/assets/stylesheets/easy_cms/md/_popups.scss +77 -0
- data/vendor/assets/stylesheets/easy_cms/md/_radios.scss +114 -0
- data/vendor/assets/stylesheets/easy_cms/md/_responsive.scss +453 -0
- data/vendor/assets/stylesheets/easy_cms/md/_ripples.scss +40 -0
- data/vendor/assets/stylesheets/easy_cms/md/_shadows.scss +138 -0
- data/vendor/assets/stylesheets/easy_cms/md/_sidebar-and-main-panel.scss +260 -0
- data/vendor/assets/stylesheets/easy_cms/md/_tables.scss +45 -0
- data/vendor/assets/stylesheets/easy_cms/md/_tabs.scss +53 -0
- data/vendor/assets/stylesheets/easy_cms/md/_togglebutton.scss +87 -0
- data/vendor/assets/stylesheets/easy_cms/md/_typography.scss +75 -0
- data/vendor/assets/stylesheets/easy_cms/md/_variables.scss +1127 -0
- data/vendor/assets/stylesheets/easy_cms/md/mixins/_chartist.scss +89 -0
- data/vendor/assets/stylesheets/easy_cms/md/mixins/_transparency.scss +20 -0
- data/vendor/assets/stylesheets/easy_cms/md/mixins/_vendor-prefixes.scss +185 -0
- data/vendor/assets/stylesheets/easy_cms/md/plugins/_animate.scss +227 -0
- data/vendor/assets/stylesheets/easy_cms/md/plugins/_plugin-nouislider.scss +161 -0
- metadata +174 -0
@@ -0,0 +1,254 @@
|
|
1
|
+
@mixin ct-responsive-svg-container($width: 100%, $ratio: $ct-container-ratio) {
|
2
|
+
display: block;
|
3
|
+
position: relative;
|
4
|
+
width: $width;
|
5
|
+
|
6
|
+
&:before {
|
7
|
+
display: block;
|
8
|
+
float: left;
|
9
|
+
content: "";
|
10
|
+
width: 0;
|
11
|
+
height: 0;
|
12
|
+
padding-bottom: $ratio * 100%;
|
13
|
+
}
|
14
|
+
|
15
|
+
&:after {
|
16
|
+
content: "";
|
17
|
+
display: table;
|
18
|
+
clear: both;
|
19
|
+
}
|
20
|
+
|
21
|
+
> svg {
|
22
|
+
display: block;
|
23
|
+
position: absolute;
|
24
|
+
top: 0;
|
25
|
+
left: 0;
|
26
|
+
}
|
27
|
+
}
|
28
|
+
|
29
|
+
@mixin ct-align-justify($ct-text-align: $ct-text-align, $ct-text-justify: $ct-text-justify) {
|
30
|
+
-webkit-box-align: $ct-text-align;
|
31
|
+
-webkit-align-items: $ct-text-align;
|
32
|
+
-ms-flex-align: $ct-text-align;
|
33
|
+
align-items: $ct-text-align;
|
34
|
+
-webkit-box-pack: $ct-text-justify;
|
35
|
+
-webkit-justify-content: $ct-text-justify;
|
36
|
+
-ms-flex-pack: $ct-text-justify;
|
37
|
+
justify-content: $ct-text-justify;
|
38
|
+
// Fallback to text-align for non-flex browsers
|
39
|
+
@if($ct-text-justify == 'flex-start') {
|
40
|
+
text-align: left;
|
41
|
+
} @else if ($ct-text-justify == 'flex-end') {
|
42
|
+
text-align: right;
|
43
|
+
} @else {
|
44
|
+
text-align: center;
|
45
|
+
}
|
46
|
+
}
|
47
|
+
|
48
|
+
@mixin ct-flex() {
|
49
|
+
// Fallback to block
|
50
|
+
display: block;
|
51
|
+
display: -webkit-box;
|
52
|
+
display: -moz-box;
|
53
|
+
display: -ms-flexbox;
|
54
|
+
display: -webkit-flex;
|
55
|
+
display: flex;
|
56
|
+
}
|
57
|
+
|
58
|
+
|
59
|
+
|
60
|
+
@mixin ct-chart-label($ct-text-color: $ct-text-color, $ct-text-size: $ct-text-size, $ct-text-line-height: $ct-text-line-height) {
|
61
|
+
fill: $ct-text-color;
|
62
|
+
color: $ct-text-color;
|
63
|
+
font-size: $ct-text-size;
|
64
|
+
line-height: $ct-text-line-height;
|
65
|
+
}
|
66
|
+
|
67
|
+
@mixin ct-chart-grid($ct-grid-color: $ct-grid-color, $ct-grid-width: $ct-grid-width, $ct-grid-dasharray: $ct-grid-dasharray) {
|
68
|
+
stroke: $ct-grid-color;
|
69
|
+
stroke-width: $ct-grid-width;
|
70
|
+
|
71
|
+
@if ($ct-grid-dasharray) {
|
72
|
+
stroke-dasharray: $ct-grid-dasharray;
|
73
|
+
}
|
74
|
+
}
|
75
|
+
|
76
|
+
@mixin ct-chart-point($ct-point-size: $ct-point-size, $ct-point-shape: $ct-point-shape) {
|
77
|
+
stroke-width: $ct-point-size;
|
78
|
+
stroke-linecap: $ct-point-shape;
|
79
|
+
}
|
80
|
+
|
81
|
+
@mixin ct-chart-line($ct-line-width: $ct-line-width, $ct-line-dasharray: $ct-line-dasharray) {
|
82
|
+
fill: none;
|
83
|
+
stroke-width: $ct-line-width;
|
84
|
+
|
85
|
+
@if ($ct-line-dasharray) {
|
86
|
+
stroke-dasharray: $ct-line-dasharray;
|
87
|
+
}
|
88
|
+
}
|
89
|
+
|
90
|
+
@mixin ct-chart-area($ct-area-opacity: $ct-area-opacity) {
|
91
|
+
stroke: none;
|
92
|
+
fill-opacity: $ct-area-opacity;
|
93
|
+
}
|
94
|
+
|
95
|
+
@mixin ct-chart-bar($ct-bar-width: $ct-bar-width) {
|
96
|
+
fill: none;
|
97
|
+
stroke-width: $ct-bar-width;
|
98
|
+
}
|
99
|
+
|
100
|
+
@mixin ct-chart-donut($ct-donut-width: $ct-donut-width) {
|
101
|
+
fill: none;
|
102
|
+
stroke-width: $ct-donut-width;
|
103
|
+
}
|
104
|
+
|
105
|
+
@mixin ct-chart-series-color($color) {
|
106
|
+
.#{$ct-class-point}, .#{$ct-class-line}, .#{$ct-class-bar}, .#{$ct-class-slice-donut} {
|
107
|
+
stroke: $color;
|
108
|
+
}
|
109
|
+
|
110
|
+
.#{$ct-class-slice-pie}, .#{$ct-class-area} {
|
111
|
+
fill: $color;
|
112
|
+
}
|
113
|
+
}
|
114
|
+
|
115
|
+
@mixin ct-chart($ct-container-ratio: $ct-container-ratio, $ct-text-color: $ct-text-color, $ct-text-size: $ct-text-size, $ct-grid-color: $ct-grid-color, $ct-grid-width: $ct-grid-width, $ct-grid-dasharray: $ct-grid-dasharray, $ct-point-size: $ct-point-size, $ct-point-shape: $ct-point-shape, $ct-line-width: $ct-line-width, $ct-bar-width: $ct-bar-width, $ct-donut-width: $ct-donut-width, $ct-series-names: $ct-series-names, $ct-series-colors: $ct-series-colors) {
|
116
|
+
|
117
|
+
.#{$ct-class-label} {
|
118
|
+
@include ct-chart-label($ct-text-color, $ct-text-size);
|
119
|
+
}
|
120
|
+
|
121
|
+
.#{$ct-class-chart-line} .#{$ct-class-label},
|
122
|
+
.#{$ct-class-chart-bar} .#{$ct-class-label} {
|
123
|
+
@include ct-flex();
|
124
|
+
}
|
125
|
+
|
126
|
+
.#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-start} {
|
127
|
+
@include ct-align-justify(flex-end, flex-start);
|
128
|
+
// Fallback for browsers that don't support foreignObjects
|
129
|
+
text-anchor: start;
|
130
|
+
}
|
131
|
+
|
132
|
+
.#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-end} {
|
133
|
+
@include ct-align-justify(flex-start, flex-start);
|
134
|
+
// Fallback for browsers that don't support foreignObjects
|
135
|
+
text-anchor: start;
|
136
|
+
}
|
137
|
+
|
138
|
+
.#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-start} {
|
139
|
+
@include ct-align-justify(flex-end, flex-end);
|
140
|
+
// Fallback for browsers that don't support foreignObjects
|
141
|
+
text-anchor: end;
|
142
|
+
}
|
143
|
+
|
144
|
+
.#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-end} {
|
145
|
+
@include ct-align-justify(flex-end, flex-start);
|
146
|
+
// Fallback for browsers that don't support foreignObjects
|
147
|
+
text-anchor: start;
|
148
|
+
}
|
149
|
+
|
150
|
+
.#{$ct-class-chart-bar} .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-start} {
|
151
|
+
@include ct-align-justify(flex-end, center);
|
152
|
+
// Fallback for browsers that don't support foreignObjects
|
153
|
+
text-anchor: start;
|
154
|
+
}
|
155
|
+
|
156
|
+
.#{$ct-class-chart-bar} .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-end} {
|
157
|
+
@include ct-align-justify(flex-start, center);
|
158
|
+
// Fallback for browsers that don't support foreignObjects
|
159
|
+
text-anchor: start;
|
160
|
+
}
|
161
|
+
|
162
|
+
.#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars} .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-start} {
|
163
|
+
@include ct-align-justify(flex-end, flex-start);
|
164
|
+
// Fallback for browsers that don't support foreignObjects
|
165
|
+
text-anchor: start;
|
166
|
+
}
|
167
|
+
|
168
|
+
.#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars} .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-end} {
|
169
|
+
@include ct-align-justify(flex-start, flex-start);
|
170
|
+
// Fallback for browsers that don't support foreignObjects
|
171
|
+
text-anchor: start;
|
172
|
+
}
|
173
|
+
|
174
|
+
.#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars} .#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-start} {
|
175
|
+
//@include ct-chart-label($ct-text-color, $ct-text-size, center, $ct-vertical-text-justify);
|
176
|
+
@include ct-align-justify(center, flex-end);
|
177
|
+
// Fallback for browsers that don't support foreignObjects
|
178
|
+
text-anchor: end;
|
179
|
+
}
|
180
|
+
|
181
|
+
.#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars} .#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-end} {
|
182
|
+
@include ct-align-justify(center, flex-start);
|
183
|
+
// Fallback for browsers that don't support foreignObjects
|
184
|
+
text-anchor: end;
|
185
|
+
}
|
186
|
+
|
187
|
+
.#{$ct-class-grid} {
|
188
|
+
@include ct-chart-grid($ct-grid-color, $ct-grid-width, $ct-grid-dasharray);
|
189
|
+
}
|
190
|
+
|
191
|
+
.#{$ct-class-point} {
|
192
|
+
@include ct-chart-point($ct-point-size, $ct-point-shape);
|
193
|
+
}
|
194
|
+
|
195
|
+
.#{$ct-class-line} {
|
196
|
+
@include ct-chart-line($ct-line-width);
|
197
|
+
}
|
198
|
+
|
199
|
+
.#{$ct-class-area} {
|
200
|
+
@include ct-chart-area();
|
201
|
+
}
|
202
|
+
|
203
|
+
.#{$ct-class-bar} {
|
204
|
+
@include ct-chart-bar($ct-bar-width);
|
205
|
+
}
|
206
|
+
|
207
|
+
.#{$ct-class-slice-donut} {
|
208
|
+
@include ct-chart-donut($ct-donut-width);
|
209
|
+
}
|
210
|
+
|
211
|
+
@if $ct-include-colored-series {
|
212
|
+
@for $i from 0 to length($ct-series-names) {
|
213
|
+
.#{$ct-class-series}-#{nth($ct-series-names, $i + 1)} {
|
214
|
+
$color: nth($ct-series-colors, $i + 1);
|
215
|
+
|
216
|
+
@include ct-chart-series-color($color);
|
217
|
+
}
|
218
|
+
}
|
219
|
+
}
|
220
|
+
}
|
221
|
+
|
222
|
+
@if $ct-include-classes {
|
223
|
+
@include ct-chart();
|
224
|
+
|
225
|
+
@if $ct-include-alternative-responsive-containers {
|
226
|
+
@for $i from 0 to length($ct-scales-names) {
|
227
|
+
.#{nth($ct-scales-names, $i + 1)} {
|
228
|
+
@include ct-responsive-svg-container($ratio: nth($ct-scales, $i + 1));
|
229
|
+
}
|
230
|
+
}
|
231
|
+
}
|
232
|
+
}
|
233
|
+
|
234
|
+
.ct-blue{
|
235
|
+
stroke: $brand-primary !important;
|
236
|
+
}
|
237
|
+
.ct-azure{
|
238
|
+
stroke: $brand-info !important;
|
239
|
+
}
|
240
|
+
.ct-green{
|
241
|
+
stroke: $brand-success !important;
|
242
|
+
}
|
243
|
+
.ct-orange{
|
244
|
+
stroke: $brand-warning !important;
|
245
|
+
}
|
246
|
+
.ct-red{
|
247
|
+
stroke: $brand-danger !important;
|
248
|
+
}
|
249
|
+
.ct-white{
|
250
|
+
stroke: $white-color !important;
|
251
|
+
}
|
252
|
+
.ct-rose{
|
253
|
+
stroke: $brand-rose !important;
|
254
|
+
}
|
@@ -0,0 +1,193 @@
|
|
1
|
+
.form-group {
|
2
|
+
}
|
3
|
+
|
4
|
+
.checkbox {
|
5
|
+
label {
|
6
|
+
cursor: pointer;
|
7
|
+
padding-left: 0; // Reset for Bootstrap rule
|
8
|
+
color: $mdb-checkbox-label-color;
|
9
|
+
@include mdb-label-color-toggle-focus();
|
10
|
+
}
|
11
|
+
|
12
|
+
// Hide native checkbox
|
13
|
+
input[type=checkbox] {
|
14
|
+
opacity: 0;
|
15
|
+
position: absolute;
|
16
|
+
margin: 0;
|
17
|
+
z-index: -1;
|
18
|
+
width: 0;
|
19
|
+
height: 0;
|
20
|
+
overflow: hidden;
|
21
|
+
left: 0;
|
22
|
+
pointer-events: none;
|
23
|
+
}
|
24
|
+
|
25
|
+
.checkbox-material {
|
26
|
+
vertical-align: middle;
|
27
|
+
position: relative;
|
28
|
+
top: 3px;
|
29
|
+
padding-right: 5px;
|
30
|
+
|
31
|
+
&:before {
|
32
|
+
display: block;
|
33
|
+
position: absolute;
|
34
|
+
left: 0;
|
35
|
+
content: "";
|
36
|
+
background-color: rgba(0,0,0,.84);
|
37
|
+
height: $mdb-checkbox-size;
|
38
|
+
width: $mdb-checkbox-size;
|
39
|
+
border-radius: 100%;
|
40
|
+
z-index: 1;
|
41
|
+
opacity: 0;
|
42
|
+
margin: 0;
|
43
|
+
transform: scale3d(2.3, 2.3, 1);
|
44
|
+
}
|
45
|
+
|
46
|
+
.check {
|
47
|
+
position: relative;
|
48
|
+
display: inline-block;
|
49
|
+
width: $mdb-checkbox-size;
|
50
|
+
height: $mdb-checkbox-size;
|
51
|
+
border: 1px solid $mdb-checkbox-border-color;
|
52
|
+
overflow: hidden;
|
53
|
+
z-index: 1;
|
54
|
+
border-radius: $border-radius-base;
|
55
|
+
}
|
56
|
+
.check:before {
|
57
|
+
position: absolute;
|
58
|
+
content: "";
|
59
|
+
transform: rotate(45deg);
|
60
|
+
display: block;
|
61
|
+
margin-top: -3px;
|
62
|
+
margin-left: 7px;
|
63
|
+
width: 0;
|
64
|
+
height: 0;
|
65
|
+
background: red;
|
66
|
+
box-shadow:
|
67
|
+
0 0 0 0,
|
68
|
+
0 0 0 0,
|
69
|
+
0 0 0 0,
|
70
|
+
0 0 0 0,
|
71
|
+
0 0 0 0,
|
72
|
+
0 0 0 0,
|
73
|
+
0 0 0 0 inset;
|
74
|
+
animation: checkbox-off $mdb-checkbox-animation-check forwards;
|
75
|
+
}
|
76
|
+
}
|
77
|
+
|
78
|
+
input[type=checkbox] {
|
79
|
+
|
80
|
+
&:focus + .checkbox-material .check:after {
|
81
|
+
opacity: 0.2;
|
82
|
+
}
|
83
|
+
|
84
|
+
&:checked {
|
85
|
+
|
86
|
+
& + .checkbox-material .check {
|
87
|
+
background: $mdb-checkbox-checked-color;
|
88
|
+
}
|
89
|
+
|
90
|
+
& + .checkbox-material .check:before {
|
91
|
+
color: #FFFFFF;
|
92
|
+
box-shadow: 0 0 0 10px,
|
93
|
+
10px -10px 0 10px,
|
94
|
+
32px 0 0 20px,
|
95
|
+
0px 32px 0 20px,
|
96
|
+
-5px 5px 0 10px,
|
97
|
+
20px -12px 0 11px;
|
98
|
+
animation: checkbox-on $mdb-checkbox-animation-check forwards;
|
99
|
+
}
|
100
|
+
|
101
|
+
& + .checkbox-material:before {
|
102
|
+
animation: rippleOn $mdb-checkbox-animation-ripple;
|
103
|
+
}
|
104
|
+
|
105
|
+
& + .checkbox-material .check:after {
|
106
|
+
//background-color: $brand-success; // FIXME: seems like tho wrong color, test and make sure it can be removed
|
107
|
+
animation: rippleOn $mdb-checkbox-animation-ripple forwards; // Ripple effect on check
|
108
|
+
}
|
109
|
+
}
|
110
|
+
|
111
|
+
&:not(:checked) {
|
112
|
+
& + .checkbox-material:before {
|
113
|
+
animation: rippleOff $mdb-checkbox-animation-ripple;
|
114
|
+
}
|
115
|
+
|
116
|
+
& + .checkbox-material .check:after {
|
117
|
+
animation: rippleOff $mdb-checkbox-animation-ripple; // Ripple effect on uncheck
|
118
|
+
|
119
|
+
}
|
120
|
+
}
|
121
|
+
}
|
122
|
+
|
123
|
+
// Style for disabled inputs
|
124
|
+
fieldset[disabled] &,
|
125
|
+
fieldset[disabled] & input[type=checkbox],
|
126
|
+
input[type=checkbox][disabled] ~ .checkbox-material .check,
|
127
|
+
input[type=checkbox][disabled] + .circle {
|
128
|
+
opacity: 0.5;
|
129
|
+
}
|
130
|
+
|
131
|
+
input[type=checkbox][disabled] ~ .checkbox-material .check{
|
132
|
+
border-color: #000000;
|
133
|
+
opacity: .26;
|
134
|
+
}
|
135
|
+
|
136
|
+
input[type=checkbox][disabled] + .checkbox-material .check:after {
|
137
|
+
background-color: $mdb-text-color-primary;
|
138
|
+
transform: rotate(-45deg);
|
139
|
+
}
|
140
|
+
}
|
141
|
+
|
142
|
+
@keyframes checkbox-on {
|
143
|
+
0% {
|
144
|
+
box-shadow:
|
145
|
+
0 0 0 10px,
|
146
|
+
10px -10px 0 10px,
|
147
|
+
32px 0 0 20px,
|
148
|
+
0px 32px 0 20px,
|
149
|
+
-5px 5px 0 10px,
|
150
|
+
15px 2px 0 11px;
|
151
|
+
}
|
152
|
+
50% {
|
153
|
+
box-shadow:
|
154
|
+
0 0 0 10px,
|
155
|
+
10px -10px 0 10px,
|
156
|
+
32px 0 0 20px,
|
157
|
+
0px 32px 0 20px,
|
158
|
+
-5px 5px 0 10px,
|
159
|
+
20px 2px 0 11px;
|
160
|
+
}
|
161
|
+
100% {
|
162
|
+
box-shadow:
|
163
|
+
0 0 0 10px,
|
164
|
+
10px -10px 0 10px,
|
165
|
+
32px 0 0 20px,
|
166
|
+
0px 32px 0 20px,
|
167
|
+
-5px 5px 0 10px,
|
168
|
+
20px -12px 0 11px;
|
169
|
+
}
|
170
|
+
}
|
171
|
+
|
172
|
+
@keyframes rippleOn {
|
173
|
+
0% {
|
174
|
+
opacity: 0;
|
175
|
+
}
|
176
|
+
50% {
|
177
|
+
opacity: 0.2;
|
178
|
+
}
|
179
|
+
100% {
|
180
|
+
opacity: 0;
|
181
|
+
}
|
182
|
+
}
|
183
|
+
@keyframes rippleOff {
|
184
|
+
0% {
|
185
|
+
opacity: 0;
|
186
|
+
}
|
187
|
+
50% {
|
188
|
+
opacity: 0.2;
|
189
|
+
}
|
190
|
+
100% {
|
191
|
+
opacity: 0;
|
192
|
+
}
|
193
|
+
}
|
@@ -0,0 +1,325 @@
|
|
1
|
+
$red-50: #ffebee !default;
|
2
|
+
$red-100: #ffcdd2 !default;
|
3
|
+
$red-200: #ef9a9a !default;
|
4
|
+
$red-300: #e57373 !default;
|
5
|
+
$red-400: #ef5350 !default;
|
6
|
+
$red-500: #f44336 !default;
|
7
|
+
$red-600: #e53935 !default;
|
8
|
+
$red-700: #d32f2f !default;
|
9
|
+
$red-800: #c62828 !default;
|
10
|
+
$red-900: #b71c1c !default;
|
11
|
+
$red-A100: #ff8a80 !default;
|
12
|
+
$red-A200: #ff5252 !default;
|
13
|
+
$red-A400: #ff1744 !default;
|
14
|
+
$red-A700: #d50000 !default;
|
15
|
+
$red: $red-500 !default;
|
16
|
+
|
17
|
+
|
18
|
+
$pink-50: #fce4ec !default;
|
19
|
+
$pink-100: #f8bbd0 !default;
|
20
|
+
$pink-200: #f48fb1 !default;
|
21
|
+
$pink-300: #f06292 !default;
|
22
|
+
$pink-400: #ec407a !default;
|
23
|
+
$pink-500: #e91e63 !default;
|
24
|
+
$pink-600: #d81b60 !default;
|
25
|
+
$pink-700: #c2185b !default;
|
26
|
+
$pink-800: #ad1457 !default;
|
27
|
+
$pink-900: #880e4f !default;
|
28
|
+
$pink-A100: #ff80ab !default;
|
29
|
+
$pink-A200: #ff4081 !default;
|
30
|
+
$pink-A400: #f50057 !default;
|
31
|
+
$pink-A700: #c51162 !default;
|
32
|
+
$pink: $pink-500 !default;
|
33
|
+
|
34
|
+
|
35
|
+
$purple-50: #f3e5f5 !default;
|
36
|
+
$purple-100: #e1bee7 !default;
|
37
|
+
$purple-200: #ce93d8 !default;
|
38
|
+
$purple-300: #ba68c8 !default;
|
39
|
+
$purple-400: #ab47bc !default;
|
40
|
+
$purple-500: #9c27b0 !default;
|
41
|
+
$purple-600: #8e24aa !default;
|
42
|
+
$purple-700: #7b1fa2 !default;
|
43
|
+
$purple-800: #6a1b9a !default;
|
44
|
+
$purple-900: #4a148c !default;
|
45
|
+
$purple-A100: #ea80fc !default;
|
46
|
+
$purple-A200: #e040fb !default;
|
47
|
+
$purple-A400: #d500f9 !default;
|
48
|
+
$purple-A700: #aa00ff !default;
|
49
|
+
$purple: $purple-500 !default;
|
50
|
+
|
51
|
+
|
52
|
+
$deep-purple-50: #ede7f6 !default;
|
53
|
+
$deep-purple-100: #d1c4e9 !default;
|
54
|
+
$deep-purple-200: #b39ddb !default;
|
55
|
+
$deep-purple-300: #9575cd !default;
|
56
|
+
$deep-purple-400: #7e57c2 !default;
|
57
|
+
$deep-purple-500: #673ab7 !default;
|
58
|
+
$deep-purple-600: #5e35b1 !default;
|
59
|
+
$deep-purple-700: #512da8 !default;
|
60
|
+
$deep-purple-800: #4527a0 !default;
|
61
|
+
$deep-purple-900: #311b92 !default;
|
62
|
+
$deep-purple-A100: #b388ff !default;
|
63
|
+
$deep-purple-A200: #7c4dff !default;
|
64
|
+
$deep-purple-A400: #651fff !default;
|
65
|
+
$deep-purple-A700: #6200ea !default;
|
66
|
+
$deep-purple: $deep-purple-500 !default;
|
67
|
+
|
68
|
+
|
69
|
+
$indigo-50: #e8eaf6 !default;
|
70
|
+
$indigo-100: #c5cae9 !default;
|
71
|
+
$indigo-200: #9fa8da !default;
|
72
|
+
$indigo-300: #7986cb !default;
|
73
|
+
$indigo-400: #5c6bc0 !default;
|
74
|
+
$indigo-500: #3f51b5 !default;
|
75
|
+
$indigo-600: #3949ab !default;
|
76
|
+
$indigo-700: #303f9f !default;
|
77
|
+
$indigo-800: #283593 !default;
|
78
|
+
$indigo-900: #1a237e !default;
|
79
|
+
$indigo-A100: #8c9eff !default;
|
80
|
+
$indigo-A200: #536dfe !default;
|
81
|
+
$indigo-A400: #3d5afe !default;
|
82
|
+
$indigo-A700: #304ffe !default;
|
83
|
+
$indigo: $indigo-500 !default;
|
84
|
+
|
85
|
+
|
86
|
+
$blue-50: #e3f2fd !default;
|
87
|
+
$blue-100: #bbdefb !default;
|
88
|
+
$blue-200: #90caf9 !default;
|
89
|
+
$blue-300: #64b5f6 !default;
|
90
|
+
$blue-400: #42a5f5 !default;
|
91
|
+
$blue-500: #2196f3 !default;
|
92
|
+
$blue-600: #1e88e5 !default;
|
93
|
+
$blue-700: #1976d2 !default;
|
94
|
+
$blue-800: #1565c0 !default;
|
95
|
+
$blue-900: #0d47a1 !default;
|
96
|
+
$blue-A100: #82b1ff !default;
|
97
|
+
$blue-A200: #448aff !default;
|
98
|
+
$blue-A400: #2979ff !default;
|
99
|
+
$blue-A700: #2962ff !default;
|
100
|
+
$blue: $blue-500 !default;
|
101
|
+
|
102
|
+
|
103
|
+
$light-blue-50: #e1f5fe !default;
|
104
|
+
$light-blue-100: #b3e5fc !default;
|
105
|
+
$light-blue-200: #81d4fa !default;
|
106
|
+
$light-blue-300: #4fc3f7 !default;
|
107
|
+
$light-blue-400: #29b6f6 !default;
|
108
|
+
$light-blue-500: #03a9f4 !default;
|
109
|
+
$light-blue-600: #039be5 !default;
|
110
|
+
$light-blue-700: #0288d1 !default;
|
111
|
+
$light-blue-800: #0277bd !default;
|
112
|
+
$light-blue-900: #01579b !default;
|
113
|
+
$light-blue-A100: #80d8ff !default;
|
114
|
+
$light-blue-A200: #40c4ff !default;
|
115
|
+
$light-blue-A400: #00b0ff !default;
|
116
|
+
$light-blue-A700: #0091ea !default;
|
117
|
+
$light-blue: $light-blue-500 !default;
|
118
|
+
|
119
|
+
|
120
|
+
$cyan-50: #e0f7fa !default;
|
121
|
+
$cyan-100: #b2ebf2 !default;
|
122
|
+
$cyan-200: #80deea !default;
|
123
|
+
$cyan-300: #4dd0e1 !default;
|
124
|
+
$cyan-400: #26c6da !default;
|
125
|
+
$cyan-500: #00bcd4 !default;
|
126
|
+
$cyan-600: #00acc1 !default;
|
127
|
+
$cyan-700: #0097a7 !default;
|
128
|
+
$cyan-800: #00838f !default;
|
129
|
+
$cyan-900: #006064 !default;
|
130
|
+
$cyan-A100: #84ffff !default;
|
131
|
+
$cyan-A200: #18ffff !default;
|
132
|
+
$cyan-A400: #00e5ff !default;
|
133
|
+
$cyan-A700: #00b8d4 !default;
|
134
|
+
$cyan: $cyan-500 !default;
|
135
|
+
|
136
|
+
|
137
|
+
$teal-50: #e0f2f1 !default;
|
138
|
+
$teal-100: #b2dfdb !default;
|
139
|
+
$teal-200: #80cbc4 !default;
|
140
|
+
$teal-300: #4db6ac !default;
|
141
|
+
$teal-400: #26a69a !default;
|
142
|
+
$teal-500: #009688 !default;
|
143
|
+
$teal-600: #00897b !default;
|
144
|
+
$teal-700: #00796b !default;
|
145
|
+
$teal-800: #00695c !default;
|
146
|
+
$teal-900: #004d40 !default;
|
147
|
+
$teal-A100: #a7ffeb !default;
|
148
|
+
$teal-A200: #64ffda !default;
|
149
|
+
$teal-A400: #1de9b6 !default;
|
150
|
+
$teal-A700: #00bfa5 !default;
|
151
|
+
$teal: $teal-500 !default;
|
152
|
+
|
153
|
+
|
154
|
+
$green-50: #e8f5e9 !default;
|
155
|
+
$green-100: #c8e6c9 !default;
|
156
|
+
$green-200: #a5d6a7 !default;
|
157
|
+
$green-300: #81c784 !default;
|
158
|
+
$green-400: #66bb6a !default;
|
159
|
+
$green-500: #4caf50 !default;
|
160
|
+
$green-600: #43a047 !default;
|
161
|
+
$green-700: #388e3c !default;
|
162
|
+
$green-800: #2e7d32 !default;
|
163
|
+
$green-900: #1b5e20 !default;
|
164
|
+
$green-A100: #b9f6ca !default;
|
165
|
+
$green-A200: #69f0ae !default;
|
166
|
+
$green-A400: #00e676 !default;
|
167
|
+
$green-A700: #00c853 !default;
|
168
|
+
$green: $green-500 !default;
|
169
|
+
|
170
|
+
|
171
|
+
$light-green-50: #f1f8e9 !default;
|
172
|
+
$light-green-100: #dcedc8 !default;
|
173
|
+
$light-green-200: #c5e1a5 !default;
|
174
|
+
$light-green-300: #aed581 !default;
|
175
|
+
$light-green-400: #9ccc65 !default;
|
176
|
+
$light-green-500: #8bc34a !default;
|
177
|
+
$light-green-600: #7cb342 !default;
|
178
|
+
$light-green-700: #689f38 !default;
|
179
|
+
$light-green-800: #558b2f !default;
|
180
|
+
$light-green-900: #33691e !default;
|
181
|
+
$light-green-A100: #ccff90 !default;
|
182
|
+
$light-green-A200: #b2ff59 !default;
|
183
|
+
$light-green-A400: #76ff03 !default;
|
184
|
+
$light-green-A700: #64dd17 !default;
|
185
|
+
$light-green: $light-green-500 !default;
|
186
|
+
|
187
|
+
|
188
|
+
$lime-50: #f9fbe7 !default;
|
189
|
+
$lime-100: #f0f4c3 !default;
|
190
|
+
$lime-200: #e6ee9c !default;
|
191
|
+
$lime-300: #dce775 !default;
|
192
|
+
$lime-400: #d4e157 !default;
|
193
|
+
$lime-500: #cddc39 !default;
|
194
|
+
$lime-600: #c0ca33 !default;
|
195
|
+
$lime-700: #afb42b !default;
|
196
|
+
$lime-800: #9e9d24 !default;
|
197
|
+
$lime-900: #827717 !default;
|
198
|
+
$lime-A100: #f4ff81 !default;
|
199
|
+
$lime-A200: #eeff41 !default;
|
200
|
+
$lime-A400: #c6ff00 !default;
|
201
|
+
$lime-A700: #aeea00 !default;
|
202
|
+
$lime: $lime-500 !default;
|
203
|
+
|
204
|
+
|
205
|
+
$yellow-50: #fffde7 !default;
|
206
|
+
$yellow-100: #fff9c4 !default;
|
207
|
+
$yellow-200: #fff59d !default;
|
208
|
+
$yellow-300: #fff176 !default;
|
209
|
+
$yellow-400: #ffee58 !default;
|
210
|
+
$yellow-500: #fec60a !default;
|
211
|
+
$yellow-600: #fdd835 !default;
|
212
|
+
$yellow-700: #fbc02d !default;
|
213
|
+
$yellow-800: #f9a825 !default;
|
214
|
+
$yellow-900: #f57f17 !default;
|
215
|
+
$yellow-A100: #ffff8d !default;
|
216
|
+
$yellow-A200: #ffff00 !default;
|
217
|
+
$yellow-A400: #ffea00 !default;
|
218
|
+
$yellow-A700: #ffd600 !default;
|
219
|
+
$yellow: $yellow-700 !default;
|
220
|
+
|
221
|
+
|
222
|
+
$amber-50: #fff8e1 !default;
|
223
|
+
$amber-100: #ffecb3 !default;
|
224
|
+
$amber-200: #ffe082 !default;
|
225
|
+
$amber-300: #ffd54f !default;
|
226
|
+
$amber-400: #ffca28 !default;
|
227
|
+
$amber-500: #ffc107 !default;
|
228
|
+
$amber-600: #ffb300 !default;
|
229
|
+
$amber-700: #ffa000 !default;
|
230
|
+
$amber-800: #ff8f00 !default;
|
231
|
+
$amber-900: #ff6f00 !default;
|
232
|
+
$amber-A100: #ffe57f !default;
|
233
|
+
$amber-A200: #ffd740 !default;
|
234
|
+
$amber-A400: #ffc400 !default;
|
235
|
+
$amber-A700: #ffab00 !default;
|
236
|
+
$amber: $amber-500 !default;
|
237
|
+
|
238
|
+
|
239
|
+
$orange-50: #fff3e0 !default;
|
240
|
+
$orange-100: #ffe0b2 !default;
|
241
|
+
$orange-200: #ffcc80 !default;
|
242
|
+
$orange-300: #ffb74d !default;
|
243
|
+
$orange-400: #ffa726 !default;
|
244
|
+
$orange-500: #ff9800 !default;
|
245
|
+
$orange-600: #fb8c00 !default;
|
246
|
+
$orange-700: #f57c00 !default;
|
247
|
+
$orange-800: #ef6c00 !default;
|
248
|
+
$orange-900: #e65100 !default;
|
249
|
+
$orange-A100: #ffd180 !default;
|
250
|
+
$orange-A200: #ffab40 !default;
|
251
|
+
$orange-A400: #ff9100 !default;
|
252
|
+
$orange-A700: #ff6d00 !default;
|
253
|
+
$orange: $orange-500 !default;
|
254
|
+
|
255
|
+
|
256
|
+
$deep-orange-50: #fbe9e7 !default;
|
257
|
+
$deep-orange-100: #ffccbc !default;
|
258
|
+
$deep-orange-200: #ffab91 !default;
|
259
|
+
$deep-orange-300: #ff8a65 !default;
|
260
|
+
$deep-orange-400: #ff7043 !default;
|
261
|
+
$deep-orange-500: #ff5722 !default;
|
262
|
+
$deep-orange-600: #f4511e !default;
|
263
|
+
$deep-orange-700: #e64a19 !default;
|
264
|
+
$deep-orange-800: #d84315 !default;
|
265
|
+
$deep-orange-900: #bf360c !default;
|
266
|
+
$deep-orange-A100: #ff9e80 !default;
|
267
|
+
$deep-orange-A200: #ff6e40 !default;
|
268
|
+
$deep-orange-A400: #ff3d00 !default;
|
269
|
+
$deep-orange-A700: #dd2c00 !default;
|
270
|
+
$deep-orange: $deep-orange-500 !default;
|
271
|
+
|
272
|
+
|
273
|
+
$brown-50: #efebe9 !default;
|
274
|
+
$brown-100: #d7ccc8 !default;
|
275
|
+
$brown-200: #bcaaa4 !default;
|
276
|
+
$brown-300: #a1887f !default;
|
277
|
+
$brown-400: #8d6e63 !default;
|
278
|
+
$brown-500: #795548 !default;
|
279
|
+
$brown-600: #6d4c41 !default;
|
280
|
+
$brown-700: #5d4037 !default;
|
281
|
+
$brown-800: #4e342e !default;
|
282
|
+
$brown-900: #3e2723 !default;
|
283
|
+
$brown-A100: #d7ccc8 !default;
|
284
|
+
$brown-A200: #bcaaa4 !default;
|
285
|
+
$brown-A400: #8d6e63 !default;
|
286
|
+
$brown-A700: #5d4037 !default;
|
287
|
+
$brown: $brown-500 !default;
|
288
|
+
|
289
|
+
|
290
|
+
$grey-50: #fafafa !default;
|
291
|
+
$grey-100: #f5f5f5 !default;
|
292
|
+
$grey-200: #eeeeee !default;
|
293
|
+
$grey-300: #e0e0e0 !default;
|
294
|
+
$grey-400: #bdbdbd !default;
|
295
|
+
$grey-500: #9e9e9e; $rgb-grey-500: "158, 158, 158" !default;
|
296
|
+
$grey-600: #757575 !default;
|
297
|
+
$grey-700: #616161 !default;
|
298
|
+
$grey-800: #424242 !default;
|
299
|
+
$grey-900: #212121 !default;
|
300
|
+
$grey-A100: #f5f5f5 !default;
|
301
|
+
$grey-A200: #eeeeee !default;
|
302
|
+
$grey-A400: #bdbdbd !default;
|
303
|
+
$grey-A700: #616161 !default;
|
304
|
+
$grey: $grey-500 !default;
|
305
|
+
|
306
|
+
|
307
|
+
$blue-grey-50: #eceff1 !default;
|
308
|
+
$blue-grey-100: #cfd8dc !default;
|
309
|
+
$blue-grey-200: #b0bec5 !default;
|
310
|
+
$blue-grey-300: #90a4ae !default;
|
311
|
+
$blue-grey-400: #78909c !default;
|
312
|
+
$blue-grey-500: #607d8b !default;
|
313
|
+
$blue-grey-600: #546e7a !default;
|
314
|
+
$blue-grey-700: #455a64 !default;
|
315
|
+
$blue-grey-800: #37474f !default;
|
316
|
+
$blue-grey-900: #263238 !default;
|
317
|
+
$blue-grey-A100: #cfd8dc !default;
|
318
|
+
$blue-grey-A200: #b0bec5 !default;
|
319
|
+
$blue-grey-A400: #78909c !default;
|
320
|
+
$blue-grey-A700: #455a64 !default;
|
321
|
+
$blue-grey: $blue-grey-500 !default;
|
322
|
+
|
323
|
+
|
324
|
+
$black: #000000; $rgb-black: "0,0,0" !default;
|
325
|
+
$white: #ffffff; $rgb-white: "255,255,255" !default;
|