material-sass 4.0.0.beta → 4.0.0.beta2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +5 -5
- data/README.md +2 -2
- data/Rakefile +12 -12
- data/{app/assets → assets}/javascripts/material-sprockets.js +0 -0
- data/{app/assets → assets}/javascripts/material.js +54 -4
- data/{app/assets → assets}/javascripts/material.min.js +1 -1
- data/{app/assets → assets}/javascripts/material/addons/picker.date.js +0 -0
- data/{app/assets → assets}/javascripts/material/addons/picker.js +0 -0
- data/{app/assets → assets}/javascripts/material/addons/textarea-autosize.js +0 -0
- data/{app/assets → assets}/javascripts/material/addons/waves.js +0 -0
- data/assets/javascripts/material/components/expansion-panel.js +50 -0
- data/{app/assets → assets}/javascripts/material/components/floating-label.js +1 -1
- data/{app/assets → assets}/javascripts/material/components/navdrawer.js +0 -0
- data/{app/assets → assets}/javascripts/material/components/selection-control-focus.js +2 -3
- data/{app/assets → assets}/javascripts/material/components/tab-switch.js +0 -0
- data/{app/assets → assets}/javascripts/material/components/util.js +0 -0
- data/{app/assets → assets}/javascripts/material/initializers/picker.js +0 -0
- data/{app/assets → assets}/javascripts/material/initializers/textarea-autosize.js +0 -0
- data/{app/assets → assets}/javascripts/material/initializers/waves.js +0 -0
- data/{app/assets → assets}/stylesheets/material.min.css +0 -0
- data/{app/assets → assets}/stylesheets/material.scss +0 -0
- data/{app/assets → assets}/stylesheets/material/_colours.scss +7 -11
- data/{app/assets → assets}/stylesheets/material/_functions.scss +8 -14
- data/{app/assets → assets}/stylesheets/material/_mixins.scss +1 -1
- data/{app/assets → assets}/stylesheets/material/_print.scss +4 -4
- data/{app/assets → assets}/stylesheets/material/_utilities.scss +0 -2
- data/{app/assets → assets}/stylesheets/material/_variables.scss +0 -2
- data/{app/assets → assets}/stylesheets/material/base/_base.scss +24 -49
- data/{app/assets → assets}/stylesheets/material/base/_grid.scss +1 -5
- data/{app/assets → assets}/stylesheets/material/base/_typography.scss +1 -11
- data/{app/assets → assets}/stylesheets/material/bootstrap/_alert.scss +14 -16
- data/{app/assets → assets}/stylesheets/material/bootstrap/_badge.scss +19 -7
- data/{app/assets → assets}/stylesheets/material/bootstrap/_breadcrumb.scss +0 -0
- data/{app/assets → assets}/stylesheets/material/bootstrap/_carousel.scss +0 -6
- data/{app/assets → assets}/stylesheets/material/bootstrap/_close.scss +0 -4
- data/{app/assets → assets}/stylesheets/material/bootstrap/_code.scss +0 -9
- data/{app/assets → assets}/stylesheets/material/bootstrap/_custom-form.scss +0 -0
- data/{app/assets → assets}/stylesheets/material/bootstrap/_form.scss +4 -16
- data/{app/assets → assets}/stylesheets/material/bootstrap/_image.scss +10 -14
- data/{app/assets → assets}/stylesheets/material/bootstrap/_jumbotron.scss +0 -0
- data/{app/assets → assets}/stylesheets/material/bootstrap/_media.scss +0 -0
- data/{app/assets → assets}/stylesheets/material/bootstrap/_nav.scss +4 -10
- data/{app/assets → assets}/stylesheets/material/bootstrap/_pagination.scss +0 -1
- data/{app/assets → assets}/stylesheets/material/bootstrap/_popover.scss +4 -10
- data/{app/assets → assets}/stylesheets/material/bootstrap/_responsive-embed.scss +0 -0
- data/{app/assets → assets}/stylesheets/material/bootstrap/_transition.scss +2 -0
- data/{app/assets → assets}/stylesheets/material/material.scss +1 -10
- data/{app/assets → assets}/stylesheets/material/material/_button-flat.scss +3 -2
- data/{app/assets → assets}/stylesheets/material/material/_button-float.scss +4 -4
- data/{app/assets → assets}/stylesheets/material/material/_button-group.scss +40 -95
- data/{app/assets → assets}/stylesheets/material/material/_button.scss +8 -24
- data/{app/assets → assets}/stylesheets/material/material/_card.scss +28 -48
- data/{app/assets → assets}/stylesheets/material/material/_chip.scss +3 -7
- data/{app/assets → assets}/stylesheets/material/material/_data-table.scss +40 -37
- data/{app/assets → assets}/stylesheets/material/material/_dialog.scss +79 -53
- data/assets/stylesheets/material/material/_expansion-panel.scss +247 -0
- data/{app/assets → assets}/stylesheets/material/material/_menu.scss +99 -96
- data/{app/assets → assets}/stylesheets/material/material/_navdrawer.scss +26 -54
- data/{app/assets → assets}/stylesheets/material/material/_picker.scss +8 -13
- data/{app/assets → assets}/stylesheets/material/material/_progress-circular.scss +0 -1
- data/{app/assets → assets}/stylesheets/material/material/_progress.scss +41 -53
- data/{app/assets → assets}/stylesheets/material/material/_selection-control.scss +4 -25
- data/{app/assets → assets}/stylesheets/material/material/_stepper.scss +1 -9
- data/{app/assets → assets}/stylesheets/material/material/_tab.scss +16 -16
- data/assets/stylesheets/material/material/_text-field-box.scss +59 -0
- data/{app/assets → assets}/stylesheets/material/material/_text-field-floating-label.scss +28 -13
- data/{app/assets → assets}/stylesheets/material/material/_text-field-input-group.scss +40 -49
- data/assets/stylesheets/material/material/_text-field-textarea.scss +15 -0
- data/{app/assets → assets}/stylesheets/material/material/_text-field.scss +23 -42
- data/{app/assets → assets}/stylesheets/material/material/_toolbar.scss +50 -37
- data/{app/assets → assets}/stylesheets/material/material/_tooltip.scss +6 -12
- data/{app/assets → assets}/stylesheets/material/mixins/_background-variant.scss +6 -5
- data/{app/assets → assets}/stylesheets/material/mixins/_border-radius.scss +2 -1
- data/{app/assets → assets}/stylesheets/material/mixins/_breakpoint.scss +7 -6
- data/{app/assets → assets}/stylesheets/material/mixins/_clearfix.scss +0 -0
- data/assets/stylesheets/material/mixins/_float.scss +13 -0
- data/{app/assets → assets}/stylesheets/material/mixins/_form.scss +37 -5
- data/{app/assets → assets}/stylesheets/material/mixins/_grid-framework.scss +30 -24
- data/{app/assets → assets}/stylesheets/material/mixins/_grid.scss +8 -8
- data/{app/assets → assets}/stylesheets/material/mixins/_hex-to-rgba.scss +0 -0
- data/{app/assets → assets}/stylesheets/material/mixins/_hover.scss +19 -19
- data/{app/assets → assets}/stylesheets/material/mixins/_image.scss +0 -0
- data/{app/assets → assets}/stylesheets/material/mixins/_list.scss +0 -0
- data/{app/assets → assets}/stylesheets/material/mixins/_material-icons.scss +4 -2
- data/{app/assets → assets}/stylesheets/material/mixins/_nav-divider.scss +0 -0
- data/{app/assets → assets}/stylesheets/material/mixins/_reset-text.scss +1 -1
- data/{app/assets → assets}/stylesheets/material/mixins/_screenreader.scss +1 -2
- data/{app/assets → assets}/stylesheets/material/mixins/_strip-unit.scss +0 -0
- data/{app/assets → assets}/stylesheets/material/mixins/_text-alignment.scss +0 -0
- data/{app/assets → assets}/stylesheets/material/mixins/_text-emphasis.scss +6 -5
- data/{app/assets → assets}/stylesheets/material/mixins/_text-hide.scss +0 -0
- data/{app/assets → assets}/stylesheets/material/mixins/_text-truncate.scss +0 -0
- data/{app/assets → assets}/stylesheets/material/mixins/_transition.scss +0 -8
- data/{app/assets → assets}/stylesheets/material/mixins/_typography.scss +0 -0
- data/{app/assets → assets}/stylesheets/material/utilities/_align.scss +2 -0
- data/{app/assets → assets}/stylesheets/material/utilities/_background.scss +0 -4
- data/{app/assets → assets}/stylesheets/material/utilities/_border.scss +2 -2
- data/{app/assets → assets}/stylesheets/material/utilities/_clearfix.scss +0 -0
- data/{app/assets → assets}/stylesheets/material/utilities/_display.scss +6 -2
- data/{app/assets → assets}/stylesheets/material/utilities/_flex.scss +10 -6
- data/{app/assets → assets}/stylesheets/material/utilities/_float.scss +3 -3
- data/{app/assets → assets}/stylesheets/material/utilities/_material-icons.scss +0 -0
- data/{app/assets → assets}/stylesheets/material/utilities/_position.scss +14 -0
- data/{app/assets → assets}/stylesheets/material/utilities/_screenreader.scss +0 -0
- data/{app/assets → assets}/stylesheets/material/utilities/_sizing.scss +2 -0
- data/{app/assets → assets}/stylesheets/material/utilities/_spacing.scss +32 -31
- data/{app/assets → assets}/stylesheets/material/utilities/_text.scss +2 -13
- data/{app/assets → assets}/stylesheets/material/utilities/_visibility.scss +2 -0
- data/{app/assets → assets}/stylesheets/material/utilities/_waves.scss +3 -3
- data/assets/stylesheets/material/variables/_elevation-shadow.scss +69 -0
- data/{app/assets → assets}/stylesheets/material/variables/_grid.scss +0 -4
- data/assets/stylesheets/material/variables/_palette.scss +66 -0
- data/{app/assets → assets}/stylesheets/material/variables/_spacer.scss +6 -11
- data/assets/stylesheets/material/variables/_transition.scss +27 -0
- data/{app/assets → assets}/stylesheets/material/variables/_typography.scss +21 -27
- data/{app/assets → assets}/stylesheets/material/variables/_variable-bootstrap.scss +22 -50
- data/{app/assets → assets}/stylesheets/material/variables/_variable-material.scss +108 -141
- data/lib/material-sass.rb +52 -4
- data/lib/material-sass/engine.rb +8 -8
- data/lib/material-sass/version.rb +1 -1
- data/material-sass.gemspec +3 -0
- metadata +145 -149
- data/app/assets/fonts/material-icons/MaterialIcons-Regular.eot +0 -0
- data/app/assets/fonts/material-icons/MaterialIcons-Regular.ijmap +0 -1
- data/app/assets/fonts/material-icons/MaterialIcons-Regular.svg +0 -2373
- data/app/assets/fonts/material-icons/MaterialIcons-Regular.ttf +0 -0
- data/app/assets/fonts/material-icons/MaterialIcons-Regular.woff +0 -0
- data/app/assets/fonts/material-icons/MaterialIcons-Regular.woff2 +0 -0
- data/app/assets/fonts/material-icons/README.md +0 -9
- data/app/assets/fonts/material-icons/codepoints +0 -932
- data/app/assets/fonts/roboto/Roboto-Bold.eot +0 -0
- data/app/assets/fonts/roboto/Roboto-Bold.ttf +0 -0
- data/app/assets/fonts/roboto/Roboto-Bold.woff +0 -0
- data/app/assets/fonts/roboto/Roboto-Bold.woff2 +0 -0
- data/app/assets/fonts/roboto/Roboto-Light.eot +0 -0
- data/app/assets/fonts/roboto/Roboto-Light.ttf +0 -0
- data/app/assets/fonts/roboto/Roboto-Light.woff +0 -0
- data/app/assets/fonts/roboto/Roboto-Light.woff2 +0 -0
- data/app/assets/fonts/roboto/Roboto-Medium.eot +0 -0
- data/app/assets/fonts/roboto/Roboto-Medium.ttf +0 -0
- data/app/assets/fonts/roboto/Roboto-Medium.woff +0 -0
- data/app/assets/fonts/roboto/Roboto-Medium.woff2 +0 -0
- data/app/assets/fonts/roboto/Roboto-Regular.eot +0 -0
- data/app/assets/fonts/roboto/Roboto-Regular.ttf +0 -0
- data/app/assets/fonts/roboto/Roboto-Regular.woff +0 -0
- data/app/assets/fonts/roboto/Roboto-Regular.woff2 +0 -0
- data/app/assets/fonts/roboto/Roboto-Thin.eot +0 -0
- data/app/assets/fonts/roboto/Roboto-Thin.ttf +0 -0
- data/app/assets/fonts/roboto/Roboto-Thin.woff +0 -0
- data/app/assets/fonts/roboto/Roboto-Thin.woff2 +0 -0
- data/app/assets/images/bg/amber.jpg +0 -0
- data/app/assets/images/bg/brand.jpg +0 -0
- data/app/assets/images/bg/green.jpg +0 -0
- data/app/assets/images/bg/purple.jpg +0 -0
- data/app/assets/images/bg/red.jpg +0 -0
- data/app/assets/images/bg/teal.jpg +0 -0
- data/app/assets/stylesheets/material/material/_expansion-panel.scss +0 -118
- data/app/assets/stylesheets/material/material/_text-field-textarea.scss +0 -18
- data/app/assets/stylesheets/material/mixins/_pull.scss +0 -7
- data/app/assets/stylesheets/material/variables/_elevation-shadow.scss +0 -91
- data/app/assets/stylesheets/material/variables/_palette.scss +0 -45
- data/app/assets/stylesheets/material/variables/_transition.scss +0 -29
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
@@ -1,118 +0,0 @@
|
|
1
|
-
.list-group {
|
2
|
-
display: flex;
|
3
|
-
flex-direction: column;
|
4
|
-
margin-bottom: 0;
|
5
|
-
padding-left: 0;
|
6
|
-
}
|
7
|
-
|
8
|
-
.list-group-item {
|
9
|
-
@include transition-standard(background-color, color);
|
10
|
-
|
11
|
-
background-color: $expansion-panel-bg;
|
12
|
-
border: 0;
|
13
|
-
box-shadow: map-get($expansion-panel-elevation-shadow, shadow);
|
14
|
-
color: $expansion-panel-color;
|
15
|
-
display: block;
|
16
|
-
font-size: $expansion-panel-font-size;
|
17
|
-
line-height: $expansion-panel-line-height;
|
18
|
-
min-height: $expansion-panel-height;
|
19
|
-
padding: $expansion-panel-padding-y $expansion-panel-padding-x;
|
20
|
-
position: relative;
|
21
|
-
|
22
|
-
@include active-focus-hover {
|
23
|
-
color: $expansion-panel-color;
|
24
|
-
text-decoration: none;
|
25
|
-
}
|
26
|
-
|
27
|
-
&:disabled,
|
28
|
-
&.disabled {
|
29
|
-
background-color: $expansion-panel-bg;
|
30
|
-
color: $expansion-panel-color-disabled;
|
31
|
-
}
|
32
|
-
|
33
|
-
&:first-child {
|
34
|
-
@include border-top-radius($expansion-panel-border-radius);
|
35
|
-
}
|
36
|
-
|
37
|
-
&:last-child {
|
38
|
-
@include border-bottom-radius($expansion-panel-border-radius);
|
39
|
-
}
|
40
|
-
|
41
|
-
&.active {
|
42
|
-
background-color: $expansion-panel-bg-active;
|
43
|
-
color: $expansion-panel-color;
|
44
|
-
}
|
45
|
-
|
46
|
-
.card & {
|
47
|
-
padding-right: $card-padding-x;
|
48
|
-
padding-left: $card-padding-x;
|
49
|
-
}
|
50
|
-
}
|
51
|
-
|
52
|
-
.list-group-item-action {
|
53
|
-
color: $expansion-panel-color;
|
54
|
-
text-align: inherit;
|
55
|
-
width: 100%;
|
56
|
-
|
57
|
-
@include active-focus-hover {
|
58
|
-
background-color: $expansion-panel-bg-active;
|
59
|
-
color: $expansion-panel-color;
|
60
|
-
}
|
61
|
-
|
62
|
-
&:disabled,
|
63
|
-
&.disabled {
|
64
|
-
background-color: $expansion-panel-bg;
|
65
|
-
color: $expansion-panel-color-disabled;
|
66
|
-
}
|
67
|
-
|
68
|
-
&:focus {
|
69
|
-
outline: 0;
|
70
|
-
}
|
71
|
-
}
|
72
|
-
|
73
|
-
// Colour
|
74
|
-
@each $color, $values in $theme-colors {
|
75
|
-
.list-group-item-#{$color} {
|
76
|
-
@include color-yiq(map-get(theme-color($color), lighter));
|
77
|
-
|
78
|
-
background-color: map-get(theme-color($color), lighter);
|
79
|
-
|
80
|
-
&.active {
|
81
|
-
@include color-yiq(map-get(theme-color($color), color));
|
82
|
-
|
83
|
-
background-color: map-get(theme-color($color), color);
|
84
|
-
}
|
85
|
-
|
86
|
-
&.list-group-item-action {
|
87
|
-
@include active-focus-hover {
|
88
|
-
@include color-yiq(map-get(theme-color($color), color));
|
89
|
-
|
90
|
-
background-color: map-get(theme-color($color), color);
|
91
|
-
}
|
92
|
-
}
|
93
|
-
}
|
94
|
-
}
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
// Flush
|
99
|
-
|
100
|
-
.list-group-flush {
|
101
|
-
.list-group-item {
|
102
|
-
border-top: $expansion-panel-border-width solid $expansion-panel-border-color;
|
103
|
-
border-radius: 0;
|
104
|
-
box-shadow: none;
|
105
|
-
|
106
|
-
&:last-child {
|
107
|
-
border-bottom: $expansion-panel-border-width solid $expansion-panel-border-color;
|
108
|
-
}
|
109
|
-
}
|
110
|
-
|
111
|
-
&:first-child .list-group-item:first-child {
|
112
|
-
border-top: 0;
|
113
|
-
}
|
114
|
-
|
115
|
-
&:last-child .list-group-item:last-child {
|
116
|
-
border-bottom: 0;
|
117
|
-
}
|
118
|
-
}
|
@@ -1,18 +0,0 @@
|
|
1
|
-
textarea {
|
2
|
-
&.textarea-autosize {
|
3
|
-
height: $textfield-height;
|
4
|
-
min-height: $textfield-height;
|
5
|
-
resize: none;
|
6
|
-
|
7
|
-
// Size
|
8
|
-
&.form-control-lg {
|
9
|
-
height: $textfield-height-lg;
|
10
|
-
min-height: $textfield-height-lg;
|
11
|
-
}
|
12
|
-
|
13
|
-
&.form-control-sm {
|
14
|
-
height: $textfield-height-sm;
|
15
|
-
min-height: $textfield-height-sm;
|
16
|
-
}
|
17
|
-
}
|
18
|
-
}
|
@@ -1,91 +0,0 @@
|
|
1
|
-
// Elevation
|
2
|
-
// Based on https://material.google.com/what-is-material/elevation-shadows.html#elevation-shadows-elevation-android-
|
3
|
-
|
4
|
-
$elevation-24dp: 24 * 10 !default;
|
5
|
-
$elevation-16dp: 16 * 10 !default;
|
6
|
-
$elevation-12dp: 12 * 10 !default;
|
7
|
-
$elevation-8dp: 8 * 10 !default;
|
8
|
-
$elevation-6dp: 6 * 10 !default;
|
9
|
-
$elevation-4dp: 4 * 10 !default;
|
10
|
-
$elevation-3dp: 3 * 10 !default;
|
11
|
-
$elevation-2dp: 2 * 10 !default;
|
12
|
-
$elevation-1dp: 1 * 10 !default;
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
// Shadow
|
17
|
-
// Based on https://material.google.com/what-is-material/elevation-shadows.html#elevation-shadows-shadows
|
18
|
-
|
19
|
-
$shadow-color-1: rgba(0, 0, 0, .14) !default;
|
20
|
-
$shadow-color-2: rgba(0, 0, 0, .12) !default;
|
21
|
-
$shadow-color-3: rgba(0, 0, 0, .2) !default;
|
22
|
-
|
23
|
-
$shadow-24dp: 0 24px 38px 3px $shadow-color-1,
|
24
|
-
0 9px 46px 8px $shadow-color-2,
|
25
|
-
0 11px 15px 0 $shadow-color-3 !default;
|
26
|
-
$shadow-16dp: 0 16px 24px 2px $shadow-color-1,
|
27
|
-
0 6px 30px 5px $shadow-color-2,
|
28
|
-
0 8px 10px 0 $shadow-color-3 !default;
|
29
|
-
$shadow-12dp: 0 12px 17px 2px $shadow-color-1,
|
30
|
-
0 5px 22px 4px $shadow-color-2,
|
31
|
-
0 7px 8px 0 $shadow-color-3 !default;
|
32
|
-
$shadow-8dp: 0 8px 10px 1px $shadow-color-1,
|
33
|
-
0 3px 14px 3px $shadow-color-2,
|
34
|
-
0 4px 15px 0 $shadow-color-3 !default;
|
35
|
-
$shadow-6dp: 0 6px 10px 0 $shadow-color-1,
|
36
|
-
0 1px 18px 0 $shadow-color-2,
|
37
|
-
0 3px 5px 0 $shadow-color-3 !default;
|
38
|
-
$shadow-4dp: 0 2px 4px 0 $shadow-color-1,
|
39
|
-
0 4px 5px 0 $shadow-color-2,
|
40
|
-
0 1px 10px 0 $shadow-color-3 !default;
|
41
|
-
$shadow-3dp: 0 3px 3px 0 $shadow-color-1,
|
42
|
-
0 3px 4px 0 $shadow-color-2,
|
43
|
-
0 1px 8px 0 $shadow-color-3 !default;
|
44
|
-
$shadow-2dp: 0 0 4px 0 $shadow-color-1,
|
45
|
-
0 3px 4px 0 $shadow-color-2,
|
46
|
-
0 1px 5px 0 $shadow-color-3 !default;
|
47
|
-
$shadow-1dp: 0 0 2px 0 $shadow-color-1,
|
48
|
-
0 2px 2px 0 $shadow-color-2,
|
49
|
-
0 1px 3px 0 $shadow-color-3 !default;
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
// Value pair
|
54
|
-
// Combination of elevation and shadow
|
55
|
-
|
56
|
-
$elevation-shadow-24dp: (
|
57
|
-
elevation: $elevation-24dp,
|
58
|
-
shadow: $shadow-24dp
|
59
|
-
) !default;
|
60
|
-
$elevation-shadow-16dp: (
|
61
|
-
elevation: $elevation-16dp,
|
62
|
-
shadow: $shadow-16dp
|
63
|
-
) !default;
|
64
|
-
$elevation-shadow-12dp: (
|
65
|
-
elevation: $elevation-12dp,
|
66
|
-
shadow: $shadow-12dp
|
67
|
-
) !default;
|
68
|
-
$elevation-shadow-8dp: (
|
69
|
-
elevation: $elevation-8dp,
|
70
|
-
shadow: $shadow-8dp
|
71
|
-
) !default;
|
72
|
-
$elevation-shadow-6dp: (
|
73
|
-
elevation: $elevation-6dp,
|
74
|
-
shadow: $shadow-6dp
|
75
|
-
) !default;
|
76
|
-
$elevation-shadow-4dp: (
|
77
|
-
elevation: $elevation-4dp,
|
78
|
-
shadow: $shadow-4dp
|
79
|
-
) !default;
|
80
|
-
$elevation-shadow-3dp: (
|
81
|
-
elevation: $elevation-3dp,
|
82
|
-
shadow: $shadow-3dp
|
83
|
-
) !default;
|
84
|
-
$elevation-shadow-2dp: (
|
85
|
-
elevation: $elevation-2dp,
|
86
|
-
shadow: $shadow-2dp
|
87
|
-
) !default;
|
88
|
-
$elevation-shadow-1dp: (
|
89
|
-
elevation: $elevation-1dp,
|
90
|
-
shadow: $shadow-1dp
|
91
|
-
) !default;
|
@@ -1,45 +0,0 @@
|
|
1
|
-
// Theme palette
|
2
|
-
// Change these values to customise colour palettes
|
3
|
-
|
4
|
-
$theme-colors: (
|
5
|
-
primary: (
|
6
|
-
color: $material-color-purple-500,
|
7
|
-
darker: $material-color-purple-700,
|
8
|
-
lighter: $material-color-purple-100
|
9
|
-
),
|
10
|
-
secondary: (
|
11
|
-
color: $material-color-pink-a200,
|
12
|
-
darker: $material-color-pink-a400,
|
13
|
-
lighter: $material-color-pink-a100
|
14
|
-
),
|
15
|
-
danger: (
|
16
|
-
color: $material-color-red-500,
|
17
|
-
darker: $material-color-red-700,
|
18
|
-
lighter: $material-color-red-100
|
19
|
-
),
|
20
|
-
info: (
|
21
|
-
color: $material-color-blue-500,
|
22
|
-
darker: $material-color-blue-700,
|
23
|
-
lighter: $material-color-blue-100
|
24
|
-
),
|
25
|
-
success: (
|
26
|
-
color: $material-color-green-500,
|
27
|
-
darker: $material-color-green-700,
|
28
|
-
lighter: $material-color-green-100
|
29
|
-
),
|
30
|
-
warning: (
|
31
|
-
color: $material-color-orange-500,
|
32
|
-
darker: $material-color-orange-700,
|
33
|
-
lighter: $material-color-orange-100
|
34
|
-
),
|
35
|
-
dark: (
|
36
|
-
color: $material-color-grey-800,
|
37
|
-
darker: $material-color-grey-900,
|
38
|
-
lighter: $material-color-grey-600
|
39
|
-
),
|
40
|
-
light: (
|
41
|
-
color: $material-color-grey-100,
|
42
|
-
darker: $material-color-grey-300,
|
43
|
-
lighter: $material-color-grey-050
|
44
|
-
)
|
45
|
-
) !default;
|
@@ -1,29 +0,0 @@
|
|
1
|
-
// The movement of an element is based on https://material.google.com/motion/movement.html
|
2
|
-
|
3
|
-
// Transition duration
|
4
|
-
// Based on https://material.google.com/motion/duration-easing.html#duration-easing-common-durations
|
5
|
-
|
6
|
-
$transition-duration-desktop: .2s !default;
|
7
|
-
$transition-duration-desktop-complex: .25s !default;
|
8
|
-
$transition-duration-desktop-entering: .15s !default;
|
9
|
-
$transition-duration-desktop-leaving: .13s !default;
|
10
|
-
|
11
|
-
$transition-duration-mobile: .3s !default;
|
12
|
-
$transition-duration-mobile-complex: .375s !default;
|
13
|
-
$transition-duration-mobile-entering: .225s !default;
|
14
|
-
$transition-duration-mobile-leaving: .195s !default;
|
15
|
-
|
16
|
-
$transition-duration-tablet: .39s !default;
|
17
|
-
$transition-duration-tablet-complex: .4875s !default;
|
18
|
-
$transition-duration-tablet-entering: .2925s !default;
|
19
|
-
$transition-duration-tablet-leaving: .2535s !default;
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
// Transition timing function
|
24
|
-
// Based on https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves
|
25
|
-
|
26
|
-
$transition-timing-function-acceleration: cubic-bezier(.4, 0, 1, 1) !default;
|
27
|
-
$transition-timing-function-deceleration: cubic-bezier(0, 0, .2, 1) !default;
|
28
|
-
$transition-timing-function-sharp: cubic-bezier(.4, 0, .6, 1) !default;
|
29
|
-
$transition-timing-function-standard: cubic-bezier(.4, 0, .2, 1) !default;
|