material_design_lite-rails 1.0.0 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +30 -11
- data/lib/material_design_lite/rails/version.rb +1 -1
- data/vendor/assets/javascripts/material.js +202 -52
- data/vendor/assets/stylesheets/material.css +517 -515
- metadata +2 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* material-design-lite - Material Design Components in CSS, JS and HTML
|
|
3
|
-
* @version v1.0.
|
|
4
|
-
* @license Apache-2
|
|
3
|
+
* @version v1.0.1
|
|
4
|
+
* @license Apache-2.0
|
|
5
5
|
* @copyright 2015 Google, Inc.
|
|
6
6
|
* @link https://github.com/google/material-design-lite
|
|
7
7
|
*/
|
|
@@ -52,8 +52,7 @@
|
|
|
52
52
|
* See the License for the specific language governing permissions and
|
|
53
53
|
* limitations under the License.
|
|
54
54
|
*/
|
|
55
|
-
|
|
56
|
-
$CONTENTS
|
|
55
|
+
/*------------------------------------* $CONTENTS
|
|
57
56
|
\*------------------------------------*/
|
|
58
57
|
/**
|
|
59
58
|
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
|
|
@@ -236,8 +235,7 @@
|
|
|
236
235
|
* See the License for the specific language governing permissions and
|
|
237
236
|
* limitations under the License.
|
|
238
237
|
*/
|
|
239
|
-
|
|
240
|
-
$CONTENTS
|
|
238
|
+
/*------------------------------------* $CONTENTS
|
|
241
239
|
\*------------------------------------*/
|
|
242
240
|
/**
|
|
243
241
|
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
|
|
@@ -398,7 +396,11 @@ hr {
|
|
|
398
396
|
* Remove the gap between images, videos, audio and canvas and the bottom of
|
|
399
397
|
* their containers: h5bp.com/i/440
|
|
400
398
|
*/
|
|
401
|
-
audio,
|
|
399
|
+
audio,
|
|
400
|
+
canvas,
|
|
401
|
+
img,
|
|
402
|
+
svg,
|
|
403
|
+
video {
|
|
402
404
|
vertical-align: middle; }
|
|
403
405
|
|
|
404
406
|
/*
|
|
@@ -454,7 +456,8 @@ textarea {
|
|
|
454
456
|
* Extends the .visuallyhidden class to allow the element to be focusable
|
|
455
457
|
* when navigated to via the keyboard: h5bp.com/p
|
|
456
458
|
*/
|
|
457
|
-
.visuallyhidden.focusable:active,
|
|
459
|
+
.visuallyhidden.focusable:active,
|
|
460
|
+
.visuallyhidden.focusable:focus {
|
|
458
461
|
clip: auto;
|
|
459
462
|
height: auto;
|
|
460
463
|
margin: 0;
|
|
@@ -479,7 +482,8 @@ textarea {
|
|
|
479
482
|
* 2. The use of `table` rather than `block` is only necessary if using
|
|
480
483
|
* `:before` to contain the top-margins of child elements.
|
|
481
484
|
*/
|
|
482
|
-
.clearfix:before,
|
|
485
|
+
.clearfix:before,
|
|
486
|
+
.clearfix:after {
|
|
483
487
|
content: " ";
|
|
484
488
|
/* 1 */
|
|
485
489
|
display: table;
|
|
@@ -498,13 +502,16 @@ textarea {
|
|
|
498
502
|
Inlined to avoid the additional HTTP request: h5bp.com/r
|
|
499
503
|
========================================================================== */
|
|
500
504
|
@media print {
|
|
501
|
-
*,
|
|
505
|
+
*,
|
|
506
|
+
*:before,
|
|
507
|
+
*:after {
|
|
502
508
|
background: transparent !important;
|
|
503
509
|
color: #000 !important;
|
|
504
510
|
/* Black prints faster: h5bp.com/s */
|
|
505
511
|
box-shadow: none !important;
|
|
506
512
|
text-shadow: none !important; }
|
|
507
|
-
a,
|
|
513
|
+
a,
|
|
514
|
+
a:visited {
|
|
508
515
|
text-decoration: underline; }
|
|
509
516
|
a[href]:after {
|
|
510
517
|
content: " (" attr(href) ")"; }
|
|
@@ -514,22 +521,28 @@ textarea {
|
|
|
514
521
|
* Don't show links that are fragment identifiers,
|
|
515
522
|
* or use the `javascript:` pseudo protocol
|
|
516
523
|
*/
|
|
517
|
-
a[href^="#"]:after,
|
|
524
|
+
a[href^="#"]:after,
|
|
525
|
+
a[href^="javascript:"]:after {
|
|
518
526
|
content: ""; }
|
|
519
|
-
pre,
|
|
527
|
+
pre,
|
|
528
|
+
blockquote {
|
|
520
529
|
border: 1px solid #999;
|
|
521
530
|
page-break-inside: avoid; }
|
|
522
531
|
thead {
|
|
523
532
|
display: table-header-group;
|
|
524
533
|
/* h5bp.com/t */ }
|
|
525
|
-
tr,
|
|
534
|
+
tr,
|
|
535
|
+
img {
|
|
526
536
|
page-break-inside: avoid; }
|
|
527
537
|
img {
|
|
528
538
|
max-width: 100% !important; }
|
|
529
|
-
p,
|
|
539
|
+
p,
|
|
540
|
+
h2,
|
|
541
|
+
h3 {
|
|
530
542
|
orphans: 3;
|
|
531
543
|
widows: 3; }
|
|
532
|
-
h2,
|
|
544
|
+
h2,
|
|
545
|
+
h3 {
|
|
533
546
|
page-break-after: avoid; } }
|
|
534
547
|
|
|
535
548
|
/**
|
|
@@ -549,25 +562,28 @@ textarea {
|
|
|
549
562
|
*/
|
|
550
563
|
/* Remove the unwanted box around FAB buttons */
|
|
551
564
|
/* More info: http://goo.gl/IPwKi */
|
|
552
|
-
a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
|
|
565
|
+
a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
|
|
566
|
+
.mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab {
|
|
553
567
|
-webkit-tap-highlight-color: transparent;
|
|
554
568
|
-webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
|
|
555
569
|
|
|
556
570
|
/*
|
|
557
|
-
* Make
|
|
571
|
+
* Make html take up the entire screen
|
|
572
|
+
* Then set touch-action to avoid touch delay on mobile IE
|
|
558
573
|
*/
|
|
559
574
|
html {
|
|
560
575
|
width: 100%;
|
|
561
|
-
height: 100%;
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
width: 100%;
|
|
565
|
-
min-height: 100%; }
|
|
576
|
+
height: 100%;
|
|
577
|
+
-ms-touch-action: manipulation;
|
|
578
|
+
touch-action: manipulation; }
|
|
566
579
|
|
|
567
580
|
/*
|
|
581
|
+
* Make body take up the entire screen
|
|
568
582
|
* Remove body margin so layout containers don't cause extra overflow.
|
|
569
583
|
*/
|
|
570
584
|
body {
|
|
585
|
+
width: 100%;
|
|
586
|
+
min-height: 100%;
|
|
571
587
|
margin: 0; }
|
|
572
588
|
|
|
573
589
|
/*
|
|
@@ -614,8 +630,7 @@ main {
|
|
|
614
630
|
* See the License for the specific language governing permissions and
|
|
615
631
|
* limitations under the License.
|
|
616
632
|
*/
|
|
617
|
-
|
|
618
|
-
$CONTENTS
|
|
633
|
+
/*------------------------------------* $CONTENTS
|
|
619
634
|
\*------------------------------------*/
|
|
620
635
|
/**
|
|
621
636
|
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
|
|
@@ -754,7 +769,7 @@ main {
|
|
|
754
769
|
/* Shadows */
|
|
755
770
|
/* Animations */
|
|
756
771
|
html, body {
|
|
757
|
-
font-family:
|
|
772
|
+
font-family: "Helvetica", "Arial", sans-serif;
|
|
758
773
|
font-size: 14px;
|
|
759
774
|
font-weight: 400;
|
|
760
775
|
line-height: 20px; }
|
|
@@ -764,10 +779,10 @@ h1, h2, h3, h4, h5, h6, p {
|
|
|
764
779
|
padding: 0; }
|
|
765
780
|
|
|
766
781
|
/**
|
|
767
|
-
* Styles for HTML elements
|
|
768
|
-
*/
|
|
782
|
+
* Styles for HTML elements
|
|
783
|
+
*/
|
|
769
784
|
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
|
|
770
|
-
font-family:
|
|
785
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
771
786
|
font-size: 56px;
|
|
772
787
|
font-weight: 400;
|
|
773
788
|
line-height: 1.35;
|
|
@@ -776,7 +791,7 @@ h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
|
|
|
776
791
|
font-size: 0.6em; }
|
|
777
792
|
|
|
778
793
|
h1 {
|
|
779
|
-
font-family:
|
|
794
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
780
795
|
font-size: 56px;
|
|
781
796
|
font-weight: 400;
|
|
782
797
|
line-height: 1.35;
|
|
@@ -785,7 +800,7 @@ h1 {
|
|
|
785
800
|
margin-bottom: 24px; }
|
|
786
801
|
|
|
787
802
|
h2 {
|
|
788
|
-
font-family:
|
|
803
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
789
804
|
font-size: 45px;
|
|
790
805
|
font-weight: 400;
|
|
791
806
|
line-height: 48px;
|
|
@@ -793,7 +808,7 @@ h2 {
|
|
|
793
808
|
margin-bottom: 24px; }
|
|
794
809
|
|
|
795
810
|
h3 {
|
|
796
|
-
font-family:
|
|
811
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
797
812
|
font-size: 34px;
|
|
798
813
|
font-weight: 400;
|
|
799
814
|
line-height: 40px;
|
|
@@ -801,7 +816,7 @@ h3 {
|
|
|
801
816
|
margin-bottom: 24px; }
|
|
802
817
|
|
|
803
818
|
h4 {
|
|
804
|
-
font-family:
|
|
819
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
805
820
|
font-size: 24px;
|
|
806
821
|
font-weight: 400;
|
|
807
822
|
line-height: 32px;
|
|
@@ -810,7 +825,7 @@ h4 {
|
|
|
810
825
|
margin-bottom: 16px; }
|
|
811
826
|
|
|
812
827
|
h5 {
|
|
813
|
-
font-family:
|
|
828
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
814
829
|
font-size: 20px;
|
|
815
830
|
font-weight: 500;
|
|
816
831
|
line-height: 1;
|
|
@@ -819,7 +834,7 @@ h5 {
|
|
|
819
834
|
margin-bottom: 16px; }
|
|
820
835
|
|
|
821
836
|
h6 {
|
|
822
|
-
font-family:
|
|
837
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
823
838
|
font-size: 16px;
|
|
824
839
|
font-weight: 400;
|
|
825
840
|
line-height: 24px;
|
|
@@ -839,7 +854,7 @@ a {
|
|
|
839
854
|
font-weight: 500; }
|
|
840
855
|
|
|
841
856
|
blockquote {
|
|
842
|
-
font-family:
|
|
857
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
843
858
|
position: relative;
|
|
844
859
|
font-size: 24px;
|
|
845
860
|
font-weight: 300;
|
|
@@ -877,14 +892,14 @@ ul, ol {
|
|
|
877
892
|
* Class Name Styles
|
|
878
893
|
*/
|
|
879
894
|
.mdl-typography--display-4 {
|
|
880
|
-
font-family:
|
|
895
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
881
896
|
font-size: 112px;
|
|
882
897
|
font-weight: 300;
|
|
883
898
|
line-height: 1;
|
|
884
899
|
letter-spacing: -0.04em; }
|
|
885
900
|
|
|
886
901
|
.mdl-typography--display-4-color-contrast {
|
|
887
|
-
font-family:
|
|
902
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
888
903
|
font-size: 112px;
|
|
889
904
|
font-weight: 300;
|
|
890
905
|
line-height: 1;
|
|
@@ -892,14 +907,14 @@ ul, ol {
|
|
|
892
907
|
opacity: 0.54; }
|
|
893
908
|
|
|
894
909
|
.mdl-typography--display-3 {
|
|
895
|
-
font-family:
|
|
910
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
896
911
|
font-size: 56px;
|
|
897
912
|
font-weight: 400;
|
|
898
913
|
line-height: 1.35;
|
|
899
914
|
letter-spacing: -0.02em; }
|
|
900
915
|
|
|
901
916
|
.mdl-typography--display-3-color-contrast {
|
|
902
|
-
font-family:
|
|
917
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
903
918
|
font-size: 56px;
|
|
904
919
|
font-weight: 400;
|
|
905
920
|
line-height: 1.35;
|
|
@@ -907,40 +922,40 @@ ul, ol {
|
|
|
907
922
|
opacity: 0.54; }
|
|
908
923
|
|
|
909
924
|
.mdl-typography--display-2 {
|
|
910
|
-
font-family:
|
|
925
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
911
926
|
font-size: 45px;
|
|
912
927
|
font-weight: 400;
|
|
913
928
|
line-height: 48px; }
|
|
914
929
|
|
|
915
930
|
.mdl-typography--display-2-color-contrast {
|
|
916
|
-
font-family:
|
|
931
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
917
932
|
font-size: 45px;
|
|
918
933
|
font-weight: 400;
|
|
919
934
|
line-height: 48px;
|
|
920
935
|
opacity: 0.54; }
|
|
921
936
|
|
|
922
937
|
.mdl-typography--display-1 {
|
|
923
|
-
font-family:
|
|
938
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
924
939
|
font-size: 34px;
|
|
925
940
|
font-weight: 400;
|
|
926
941
|
line-height: 40px; }
|
|
927
942
|
|
|
928
943
|
.mdl-typography--display-1-color-contrast {
|
|
929
|
-
font-family:
|
|
944
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
930
945
|
font-size: 34px;
|
|
931
946
|
font-weight: 400;
|
|
932
947
|
line-height: 40px;
|
|
933
948
|
opacity: 0.54; }
|
|
934
949
|
|
|
935
950
|
.mdl-typography--headline {
|
|
936
|
-
font-family:
|
|
951
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
937
952
|
font-size: 24px;
|
|
938
953
|
font-weight: 400;
|
|
939
954
|
line-height: 32px;
|
|
940
955
|
-moz-osx-font-smoothing: grayscale; }
|
|
941
956
|
|
|
942
957
|
.mdl-typography--headline-color-contrast {
|
|
943
|
-
font-family:
|
|
958
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
944
959
|
font-size: 24px;
|
|
945
960
|
font-weight: 400;
|
|
946
961
|
line-height: 32px;
|
|
@@ -948,14 +963,14 @@ ul, ol {
|
|
|
948
963
|
opacity: 0.87; }
|
|
949
964
|
|
|
950
965
|
.mdl-typography--title {
|
|
951
|
-
font-family:
|
|
966
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
952
967
|
font-size: 20px;
|
|
953
968
|
font-weight: 500;
|
|
954
969
|
line-height: 1;
|
|
955
970
|
letter-spacing: 0.02em; }
|
|
956
971
|
|
|
957
972
|
.mdl-typography--title-color-contrast {
|
|
958
|
-
font-family:
|
|
973
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
959
974
|
font-size: 20px;
|
|
960
975
|
font-weight: 500;
|
|
961
976
|
line-height: 1;
|
|
@@ -963,14 +978,14 @@ ul, ol {
|
|
|
963
978
|
opacity: 0.87; }
|
|
964
979
|
|
|
965
980
|
.mdl-typography--subhead {
|
|
966
|
-
font-family:
|
|
981
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
967
982
|
font-size: 16px;
|
|
968
983
|
font-weight: 400;
|
|
969
984
|
line-height: 24px;
|
|
970
985
|
letter-spacing: 0.04em; }
|
|
971
986
|
|
|
972
987
|
.mdl-typography--subhead-color-contrast {
|
|
973
|
-
font-family:
|
|
988
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
974
989
|
font-size: 16px;
|
|
975
990
|
font-weight: 400;
|
|
976
991
|
line-height: 24px;
|
|
@@ -1004,14 +1019,14 @@ ul, ol {
|
|
|
1004
1019
|
opacity: 0.87; }
|
|
1005
1020
|
|
|
1006
1021
|
.mdl-typography--body-2-force-preferred-font {
|
|
1007
|
-
font-family:
|
|
1022
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
1008
1023
|
font-size: 14px;
|
|
1009
1024
|
font-weight: 500;
|
|
1010
1025
|
line-height: 24px;
|
|
1011
1026
|
letter-spacing: 0; }
|
|
1012
1027
|
|
|
1013
1028
|
.mdl-typography--body-2-force-preferred-font-color-contrast {
|
|
1014
|
-
font-family:
|
|
1029
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
1015
1030
|
font-size: 14px;
|
|
1016
1031
|
font-weight: 500;
|
|
1017
1032
|
line-height: 24px;
|
|
@@ -1019,14 +1034,14 @@ ul, ol {
|
|
|
1019
1034
|
opacity: 0.87; }
|
|
1020
1035
|
|
|
1021
1036
|
.mdl-typography--body-1-force-preferred-font {
|
|
1022
|
-
font-family:
|
|
1037
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
1023
1038
|
font-size: 14px;
|
|
1024
1039
|
font-weight: 400;
|
|
1025
1040
|
line-height: 24px;
|
|
1026
1041
|
letter-spacing: 0; }
|
|
1027
1042
|
|
|
1028
1043
|
.mdl-typography--body-1-force-preferred-font-color-contrast {
|
|
1029
|
-
font-family:
|
|
1044
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
1030
1045
|
font-size: 14px;
|
|
1031
1046
|
font-weight: 400;
|
|
1032
1047
|
line-height: 24px;
|
|
@@ -1040,7 +1055,7 @@ ul, ol {
|
|
|
1040
1055
|
letter-spacing: 0; }
|
|
1041
1056
|
|
|
1042
1057
|
.mdl-typography--caption-force-preferred-font {
|
|
1043
|
-
font-family:
|
|
1058
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
1044
1059
|
font-size: 12px;
|
|
1045
1060
|
font-weight: 400;
|
|
1046
1061
|
line-height: 1;
|
|
@@ -1054,7 +1069,7 @@ ul, ol {
|
|
|
1054
1069
|
opacity: 0.54; }
|
|
1055
1070
|
|
|
1056
1071
|
.mdl-typography--caption-force-preferred-font-color-contrast {
|
|
1057
|
-
font-family:
|
|
1072
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
1058
1073
|
font-size: 12px;
|
|
1059
1074
|
font-weight: 400;
|
|
1060
1075
|
line-height: 1;
|
|
@@ -1062,14 +1077,14 @@ ul, ol {
|
|
|
1062
1077
|
opacity: 0.54; }
|
|
1063
1078
|
|
|
1064
1079
|
.mdl-typography--menu {
|
|
1065
|
-
font-family:
|
|
1080
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
1066
1081
|
font-size: 14px;
|
|
1067
1082
|
font-weight: 500;
|
|
1068
1083
|
line-height: 1;
|
|
1069
1084
|
letter-spacing: 0; }
|
|
1070
1085
|
|
|
1071
1086
|
.mdl-typography--menu-color-contrast {
|
|
1072
|
-
font-family:
|
|
1087
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
1073
1088
|
font-size: 14px;
|
|
1074
1089
|
font-weight: 500;
|
|
1075
1090
|
line-height: 1;
|
|
@@ -1077,7 +1092,7 @@ ul, ol {
|
|
|
1077
1092
|
opacity: 0.87; }
|
|
1078
1093
|
|
|
1079
1094
|
.mdl-typography--button {
|
|
1080
|
-
font-family:
|
|
1095
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
1081
1096
|
font-size: 14px;
|
|
1082
1097
|
font-weight: 500;
|
|
1083
1098
|
text-transform: uppercase;
|
|
@@ -1085,7 +1100,7 @@ ul, ol {
|
|
|
1085
1100
|
letter-spacing: 0; }
|
|
1086
1101
|
|
|
1087
1102
|
.mdl-typography--button-color-contrast {
|
|
1088
|
-
font-family:
|
|
1103
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
1089
1104
|
font-size: 14px;
|
|
1090
1105
|
font-weight: 500;
|
|
1091
1106
|
text-transform: uppercase;
|
|
@@ -1165,8 +1180,7 @@ ul, ol {
|
|
|
1165
1180
|
* See the License for the specific language governing permissions and
|
|
1166
1181
|
* limitations under the License.
|
|
1167
1182
|
*/
|
|
1168
|
-
|
|
1169
|
-
$CONTENTS
|
|
1183
|
+
/*------------------------------------* $CONTENTS
|
|
1170
1184
|
\*------------------------------------*/
|
|
1171
1185
|
/**
|
|
1172
1186
|
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
|
|
@@ -2996,195 +3010,7 @@ ul, ol {
|
|
|
2996
3010
|
* See the License for the specific language governing permissions and
|
|
2997
3011
|
* limitations under the License.
|
|
2998
3012
|
*/
|
|
2999
|
-
|
|
3000
|
-
$CONTENTS
|
|
3001
|
-
\*------------------------------------*/
|
|
3002
|
-
/**
|
|
3003
|
-
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
|
|
3004
|
-
* -----Typography
|
|
3005
|
-
* -----Colors
|
|
3006
|
-
* -----Textfield
|
|
3007
|
-
* -----Switch
|
|
3008
|
-
* -----Spinner
|
|
3009
|
-
* -----Radio
|
|
3010
|
-
* -----Menu
|
|
3011
|
-
* -----List
|
|
3012
|
-
* -----Layout
|
|
3013
|
-
* -----Icon toggles
|
|
3014
|
-
* -----Footer
|
|
3015
|
-
* -----Column
|
|
3016
|
-
* -----Checkbox
|
|
3017
|
-
* -----Card
|
|
3018
|
-
* -----Button
|
|
3019
|
-
* -----Animation
|
|
3020
|
-
* -----Progress
|
|
3021
|
-
* -----Badge
|
|
3022
|
-
* -----Shadows
|
|
3023
|
-
* -----Grid
|
|
3024
|
-
* -----Data table
|
|
3025
|
-
*/
|
|
3026
|
-
/* ========== TYPOGRAPHY ========== */
|
|
3027
|
-
/* We're splitting fonts into "preferred" and "performance" in order to optimize
|
|
3028
|
-
page loading. For important text, such as the body, we want it to load
|
|
3029
|
-
immediately and not wait for the web font load, whereas for other sections,
|
|
3030
|
-
such as headers and titles, we're OK with things taking a bit longer to load.
|
|
3031
|
-
We do have some optional classes and parameters in the mixins, in case you
|
|
3032
|
-
definitely want to make sure you're using the preferred font and don't mind
|
|
3033
|
-
the performance hit.
|
|
3034
|
-
We should be able to improve on this once CSS Font Loading L3 becomes more
|
|
3035
|
-
widely available.
|
|
3036
|
-
*/
|
|
3037
|
-
/* ========== COLORS ========== */
|
|
3038
|
-
/**
|
|
3039
|
-
*
|
|
3040
|
-
* Material design color palettes.
|
|
3041
|
-
* @see http://www.google.com/design/spec/style/color.html
|
|
3042
|
-
*
|
|
3043
|
-
**/
|
|
3044
|
-
/**
|
|
3045
|
-
* Copyright 2015 Google Inc. All Rights Reserved.
|
|
3046
|
-
*
|
|
3047
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
3048
|
-
* you may not use this file except in compliance with the License.
|
|
3049
|
-
* You may obtain a copy of the License at
|
|
3050
|
-
*
|
|
3051
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
3052
|
-
*
|
|
3053
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
3054
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
3055
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
3056
|
-
* See the License for the specific language governing permissions and
|
|
3057
|
-
* limitations under the License.
|
|
3058
|
-
*/
|
|
3059
|
-
/* ========== Color Palettes ========== */
|
|
3060
|
-
/* colors.scss */
|
|
3061
|
-
/* ========== Color & Themes ========== */
|
|
3062
|
-
/* ========== Typography ========== */
|
|
3063
|
-
/* ========== Components ========== */
|
|
3064
|
-
/* ========== Standard Buttons ========== */
|
|
3065
|
-
/* ========== Icon Toggles ========== */
|
|
3066
|
-
/* ========== Radio Buttons ========== */
|
|
3067
|
-
/* ========== Ripple effect ========== */
|
|
3068
|
-
/* ========== Layout ========== */
|
|
3069
|
-
/* ========== Content Tabs ========== */
|
|
3070
|
-
/* ========== Checkboxes ========== */
|
|
3071
|
-
/* ========== Switches ========== */
|
|
3072
|
-
/* ========== Spinner ========== */
|
|
3073
|
-
/* ========== Text fields ========== */
|
|
3074
|
-
/* ========== Card ========== */
|
|
3075
|
-
/* ========== Sliders ========== */
|
|
3076
|
-
/* ========== Progress ========== */
|
|
3077
|
-
/* ========== List ========== */
|
|
3078
|
-
/* ========== Item ========== */
|
|
3079
|
-
/* ========== Dropdown menu ========== */
|
|
3080
|
-
/* ========== Tooltips ========== */
|
|
3081
|
-
/* ========== Footer ========== */
|
|
3082
|
-
/* TEXTFIELD */
|
|
3083
|
-
/* SWITCH */
|
|
3084
|
-
/* SPINNER */
|
|
3085
|
-
/* RADIO */
|
|
3086
|
-
/* MENU */
|
|
3087
|
-
/* LIST */
|
|
3088
|
-
/* ICONS */
|
|
3089
|
-
/* ICON TOGGLE */
|
|
3090
|
-
/* FOOTER */
|
|
3091
|
-
/*mega-footer*/
|
|
3092
|
-
/**************
|
|
3093
|
-
*
|
|
3094
|
-
* Sizes
|
|
3095
|
-
*
|
|
3096
|
-
*************/
|
|
3097
|
-
/*mini-footer*/
|
|
3098
|
-
/**************
|
|
3099
|
-
*
|
|
3100
|
-
* Sizes
|
|
3101
|
-
*
|
|
3102
|
-
*************/
|
|
3103
|
-
/* COLUMN LAYOUT */
|
|
3104
|
-
/* CHECKBOX */
|
|
3105
|
-
/* CARD */
|
|
3106
|
-
/* Card dimensions */
|
|
3107
|
-
/* Cover image */
|
|
3108
|
-
/* BUTTON */
|
|
3109
|
-
/**
|
|
3110
|
-
*
|
|
3111
|
-
* Dimensions
|
|
3112
|
-
*
|
|
3113
|
-
*/
|
|
3114
|
-
/* ANIMATION */
|
|
3115
|
-
/* PROGRESS */
|
|
3116
|
-
/* BADGE */
|
|
3117
|
-
/* SHADOWS */
|
|
3118
|
-
/* GRID */
|
|
3119
|
-
/* DATA TABLE */
|
|
3120
|
-
/**
|
|
3121
|
-
* Copyright 2015 Google Inc. All Rights Reserved.
|
|
3122
|
-
*
|
|
3123
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
3124
|
-
* you may not use this file except in compliance with the License.
|
|
3125
|
-
* You may obtain a copy of the License at
|
|
3126
|
-
*
|
|
3127
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
3128
|
-
*
|
|
3129
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
3130
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
3131
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
3132
|
-
* See the License for the specific language governing permissions and
|
|
3133
|
-
* limitations under the License.
|
|
3134
|
-
*/
|
|
3135
|
-
/* Typography */
|
|
3136
|
-
/* Shadows */
|
|
3137
|
-
/* Animations */
|
|
3138
|
-
.mdl-shadow--2dp {
|
|
3139
|
-
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
|
|
3140
|
-
|
|
3141
|
-
.mdl-shadow--3dp {
|
|
3142
|
-
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }
|
|
3143
|
-
|
|
3144
|
-
.mdl-shadow--4dp {
|
|
3145
|
-
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }
|
|
3146
|
-
|
|
3147
|
-
.mdl-shadow--6dp {
|
|
3148
|
-
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); }
|
|
3149
|
-
|
|
3150
|
-
.mdl-shadow--8dp {
|
|
3151
|
-
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }
|
|
3152
|
-
|
|
3153
|
-
.mdl-shadow--16dp {
|
|
3154
|
-
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }
|
|
3155
|
-
|
|
3156
|
-
/**
|
|
3157
|
-
* Copyright 2015 Google Inc. All Rights Reserved.
|
|
3158
|
-
*
|
|
3159
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
3160
|
-
* you may not use this file except in compliance with the License.
|
|
3161
|
-
* You may obtain a copy of the License at
|
|
3162
|
-
*
|
|
3163
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
3164
|
-
*
|
|
3165
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
3166
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
3167
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
3168
|
-
* See the License for the specific language governing permissions and
|
|
3169
|
-
* limitations under the License.
|
|
3170
|
-
*/
|
|
3171
|
-
/**
|
|
3172
|
-
* Copyright 2015 Google Inc. All Rights Reserved.
|
|
3173
|
-
*
|
|
3174
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
3175
|
-
* you may not use this file except in compliance with the License.
|
|
3176
|
-
* You may obtain a copy of the License at
|
|
3177
|
-
*
|
|
3178
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
3179
|
-
*
|
|
3180
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
3181
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
3182
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
3183
|
-
* See the License for the specific language governing permissions and
|
|
3184
|
-
* limitations under the License.
|
|
3185
|
-
*/
|
|
3186
|
-
/*------------------------------------*\
|
|
3187
|
-
$CONTENTS
|
|
3013
|
+
/*------------------------------------* $CONTENTS
|
|
3188
3014
|
\*------------------------------------*/
|
|
3189
3015
|
/**
|
|
3190
3016
|
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
|
|
@@ -3354,8 +3180,7 @@ ul, ol {
|
|
|
3354
3180
|
* See the License for the specific language governing permissions and
|
|
3355
3181
|
* limitations under the License.
|
|
3356
3182
|
*/
|
|
3357
|
-
|
|
3358
|
-
$CONTENTS
|
|
3183
|
+
/*------------------------------------* $CONTENTS
|
|
3359
3184
|
\*------------------------------------*/
|
|
3360
3185
|
/**
|
|
3361
3186
|
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
|
|
@@ -3521,8 +3346,7 @@ ul, ol {
|
|
|
3521
3346
|
* See the License for the specific language governing permissions and
|
|
3522
3347
|
* limitations under the License.
|
|
3523
3348
|
*/
|
|
3524
|
-
|
|
3525
|
-
$CONTENTS
|
|
3349
|
+
/*------------------------------------* $CONTENTS
|
|
3526
3350
|
\*------------------------------------*/
|
|
3527
3351
|
/**
|
|
3528
3352
|
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
|
|
@@ -3676,8 +3500,8 @@ ul, ol {
|
|
|
3676
3500
|
position: absolute;
|
|
3677
3501
|
top: -11px;
|
|
3678
3502
|
right: -24px;
|
|
3679
|
-
font-family:
|
|
3680
|
-
font-weight:
|
|
3503
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
3504
|
+
font-weight: 600;
|
|
3681
3505
|
font-size: 12px;
|
|
3682
3506
|
width: 22px;
|
|
3683
3507
|
height: 22px;
|
|
@@ -3722,8 +3546,7 @@ ul, ol {
|
|
|
3722
3546
|
* See the License for the specific language governing permissions and
|
|
3723
3547
|
* limitations under the License.
|
|
3724
3548
|
*/
|
|
3725
|
-
|
|
3726
|
-
$CONTENTS
|
|
3549
|
+
/*------------------------------------* $CONTENTS
|
|
3727
3550
|
\*------------------------------------*/
|
|
3728
3551
|
/**
|
|
3729
3552
|
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
|
|
@@ -3872,7 +3695,7 @@ ul, ol {
|
|
|
3872
3695
|
min-width: 64px;
|
|
3873
3696
|
padding: 0 8px;
|
|
3874
3697
|
display: inline-block;
|
|
3875
|
-
font-family:
|
|
3698
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
3876
3699
|
font-size: 14px;
|
|
3877
3700
|
font-weight: 500;
|
|
3878
3701
|
text-transform: uppercase;
|
|
@@ -3896,15 +3719,14 @@ ul, ol {
|
|
|
3896
3719
|
background-color: rgba(0,0,0, 0.12); }
|
|
3897
3720
|
.mdl-button:active {
|
|
3898
3721
|
background-color: rgba(158,158,158, 0.40); }
|
|
3899
|
-
.mdl-button[disabled][disabled] {
|
|
3900
|
-
color: rgba(0,0,0, 0.26);
|
|
3901
|
-
cursor: auto;
|
|
3902
|
-
background-color: transparent; }
|
|
3903
3722
|
.mdl-button.mdl-button--colored {
|
|
3904
3723
|
color: rgb(63,81,181); }
|
|
3905
3724
|
.mdl-button.mdl-button--colored:focus:not(:active) {
|
|
3906
3725
|
background-color: rgba(0,0,0, 0.12); }
|
|
3907
3726
|
|
|
3727
|
+
input.mdl-button[type="submit"] {
|
|
3728
|
+
-webkit-appearance: none; }
|
|
3729
|
+
|
|
3908
3730
|
.mdl-button--raised {
|
|
3909
3731
|
background: rgba(158,158,158, 0.20);
|
|
3910
3732
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
|
|
@@ -3925,10 +3747,6 @@ ul, ol {
|
|
|
3925
3747
|
background-color: rgb(63,81,181); }
|
|
3926
3748
|
.mdl-button--raised.mdl-button--colored .mdl-ripple {
|
|
3927
3749
|
background: rgb(255,255,255); }
|
|
3928
|
-
.mdl-button--raised[disabled][disabled] {
|
|
3929
|
-
background-color: rgba(0,0,0, 0.12);
|
|
3930
|
-
color: rgba(0,0,0, 0.26);
|
|
3931
|
-
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
|
|
3932
3750
|
|
|
3933
3751
|
.mdl-button--fab {
|
|
3934
3752
|
border-radius: 50%;
|
|
@@ -3976,10 +3794,6 @@ ul, ol {
|
|
|
3976
3794
|
background-color: rgb(255,64,129); }
|
|
3977
3795
|
.mdl-button--fab.mdl-button--colored .mdl-ripple {
|
|
3978
3796
|
background: rgb(255,255,255); }
|
|
3979
|
-
.mdl-button--fab[disabled][disabled] {
|
|
3980
|
-
background-color: rgba(0,0,0, 0.12);
|
|
3981
|
-
color: rgba(0,0,0, 0.26);
|
|
3982
|
-
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
|
|
3983
3797
|
|
|
3984
3798
|
.mdl-button--icon {
|
|
3985
3799
|
border-radius: 50%;
|
|
@@ -4041,6 +3855,26 @@ ul, ol {
|
|
|
4041
3855
|
color: rgb(255,255,255);
|
|
4042
3856
|
background-color: rgb(255,64,129); }
|
|
4043
3857
|
|
|
3858
|
+
.mdl-button[disabled][disabled] {
|
|
3859
|
+
color: rgba(0,0,0, 0.26);
|
|
3860
|
+
cursor: auto;
|
|
3861
|
+
background-color: transparent; }
|
|
3862
|
+
|
|
3863
|
+
.mdl-button--fab[disabled][disabled] {
|
|
3864
|
+
background-color: rgba(0,0,0, 0.12);
|
|
3865
|
+
color: rgba(0,0,0, 0.26);
|
|
3866
|
+
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
|
|
3867
|
+
|
|
3868
|
+
.mdl-button--raised[disabled][disabled] {
|
|
3869
|
+
background-color: rgba(0,0,0, 0.12);
|
|
3870
|
+
color: rgba(0,0,0, 0.26);
|
|
3871
|
+
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
|
|
3872
|
+
|
|
3873
|
+
.mdl-button--colored[disabled][disabled] {
|
|
3874
|
+
background-color: rgba(0,0,0, 0.12);
|
|
3875
|
+
color: rgba(0,0,0, 0.26);
|
|
3876
|
+
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
|
|
3877
|
+
|
|
4044
3878
|
/**
|
|
4045
3879
|
* Copyright 2015 Google Inc. All Rights Reserved.
|
|
4046
3880
|
*
|
|
@@ -4071,8 +3905,7 @@ ul, ol {
|
|
|
4071
3905
|
* See the License for the specific language governing permissions and
|
|
4072
3906
|
* limitations under the License.
|
|
4073
3907
|
*/
|
|
4074
|
-
|
|
4075
|
-
$CONTENTS
|
|
3908
|
+
/*------------------------------------* $CONTENTS
|
|
4076
3909
|
\*------------------------------------*/
|
|
4077
3910
|
/**
|
|
4078
3911
|
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
|
|
@@ -4203,6 +4036,7 @@ ul, ol {
|
|
|
4203
4036
|
-ms-flex-direction: column;
|
|
4204
4037
|
flex-direction: column;
|
|
4205
4038
|
font-size: 16px;
|
|
4039
|
+
font-weight: 400;
|
|
4206
4040
|
min-height: 200px;
|
|
4207
4041
|
overflow: hidden;
|
|
4208
4042
|
width: 330px;
|
|
@@ -4272,7 +4106,7 @@ ul, ol {
|
|
|
4272
4106
|
margin: 0; }
|
|
4273
4107
|
|
|
4274
4108
|
.mdl-card__supporting-text {
|
|
4275
|
-
color: rgba(0,0,0, 0.
|
|
4109
|
+
color: rgba(0,0,0, 0.54);
|
|
4276
4110
|
font-size: 13px;
|
|
4277
4111
|
line-height: 18px;
|
|
4278
4112
|
overflow: hidden;
|
|
@@ -4330,8 +4164,7 @@ ul, ol {
|
|
|
4330
4164
|
* See the License for the specific language governing permissions and
|
|
4331
4165
|
* limitations under the License.
|
|
4332
4166
|
*/
|
|
4333
|
-
|
|
4334
|
-
$CONTENTS
|
|
4167
|
+
/*------------------------------------* $CONTENTS
|
|
4335
4168
|
\*------------------------------------*/
|
|
4336
4169
|
/**
|
|
4337
4170
|
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
|
|
@@ -4613,8 +4446,7 @@ ul, ol {
|
|
|
4613
4446
|
* See the License for the specific language governing permissions and
|
|
4614
4447
|
* limitations under the License.
|
|
4615
4448
|
*/
|
|
4616
|
-
|
|
4617
|
-
$CONTENTS
|
|
4449
|
+
/*------------------------------------* $CONTENTS
|
|
4618
4450
|
\*------------------------------------*/
|
|
4619
4451
|
/**
|
|
4620
4452
|
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
|
|
@@ -4847,8 +4679,7 @@ ul, ol {
|
|
|
4847
4679
|
* See the License for the specific language governing permissions and
|
|
4848
4680
|
* limitations under the License.
|
|
4849
4681
|
*/
|
|
4850
|
-
|
|
4851
|
-
$CONTENTS
|
|
4682
|
+
/*------------------------------------* $CONTENTS
|
|
4852
4683
|
\*------------------------------------*/
|
|
4853
4684
|
/**
|
|
4854
4685
|
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
|
|
@@ -4991,35 +4822,47 @@ ul, ol {
|
|
|
4991
4822
|
color: rgb(158,158,158);
|
|
4992
4823
|
background-color: rgb(66,66,66); }
|
|
4993
4824
|
|
|
4994
|
-
.mdl-mega-footer--top-section:after,
|
|
4825
|
+
.mdl-mega-footer--top-section:after,
|
|
4826
|
+
.mdl-mega-footer--middle-section:after,
|
|
4827
|
+
.mdl-mega-footer--bottom-section:after,
|
|
4828
|
+
.mdl-mega-footer__top-section:after,
|
|
4829
|
+
.mdl-mega-footer__middle-section:after,
|
|
4830
|
+
.mdl-mega-footer__bottom-section:after {
|
|
4995
4831
|
content: '';
|
|
4996
4832
|
display: block;
|
|
4997
4833
|
clear: both; }
|
|
4998
4834
|
|
|
4999
|
-
.mdl-mega-footer--left-section
|
|
4835
|
+
.mdl-mega-footer--left-section,
|
|
4836
|
+
.mdl-mega-footer__left-section {
|
|
5000
4837
|
margin-bottom: 16px; }
|
|
5001
4838
|
|
|
5002
|
-
.mdl-mega-footer--right-section
|
|
4839
|
+
.mdl-mega-footer--right-section,
|
|
4840
|
+
.mdl-mega-footer__right-section {
|
|
5003
4841
|
margin-bottom: 16px; }
|
|
5004
4842
|
|
|
5005
|
-
.mdl-mega-footer--right-section a
|
|
4843
|
+
.mdl-mega-footer--right-section a,
|
|
4844
|
+
.mdl-mega-footer__right-section a {
|
|
5006
4845
|
display: block;
|
|
5007
4846
|
margin-bottom: 16px;
|
|
5008
4847
|
color: inherit;
|
|
5009
4848
|
text-decoration: none; }
|
|
5010
4849
|
|
|
5011
4850
|
@media screen and (min-width: 760px) {
|
|
5012
|
-
.mdl-mega-footer--left-section
|
|
4851
|
+
.mdl-mega-footer--left-section,
|
|
4852
|
+
.mdl-mega-footer__left-section {
|
|
5013
4853
|
float: left; }
|
|
5014
|
-
.mdl-mega-footer--right-section
|
|
4854
|
+
.mdl-mega-footer--right-section,
|
|
4855
|
+
.mdl-mega-footer__right-section {
|
|
5015
4856
|
float: right; }
|
|
5016
|
-
.mdl-mega-footer--right-section a
|
|
4857
|
+
.mdl-mega-footer--right-section a,
|
|
4858
|
+
.mdl-mega-footer__right-section a {
|
|
5017
4859
|
display: inline-block;
|
|
5018
4860
|
margin-left: 16px;
|
|
5019
4861
|
line-height: 36px;
|
|
5020
4862
|
vertical-align: middle; } }
|
|
5021
4863
|
|
|
5022
|
-
.mdl-mega-footer--social-btn
|
|
4864
|
+
.mdl-mega-footer--social-btn,
|
|
4865
|
+
.mdl-mega-footer__social-btn {
|
|
5023
4866
|
width: 36px;
|
|
5024
4867
|
height: 36px;
|
|
5025
4868
|
padding: 0;
|
|
@@ -5027,35 +4870,51 @@ ul, ol {
|
|
|
5027
4870
|
background-color: rgb(158,158,158);
|
|
5028
4871
|
border: none; }
|
|
5029
4872
|
|
|
5030
|
-
.mdl-mega-footer--drop-down-section
|
|
4873
|
+
.mdl-mega-footer--drop-down-section,
|
|
4874
|
+
.mdl-mega-footer__drop-down-section {
|
|
5031
4875
|
display: block;
|
|
5032
4876
|
position: relative; }
|
|
5033
4877
|
|
|
5034
4878
|
@media screen and (min-width: 760px) {
|
|
5035
|
-
.mdl-mega-footer--drop-down-section
|
|
4879
|
+
.mdl-mega-footer--drop-down-section,
|
|
4880
|
+
.mdl-mega-footer__drop-down-section {
|
|
5036
4881
|
width: 33%; }
|
|
5037
|
-
.mdl-mega-footer--drop-down-section:nth-child(1),
|
|
4882
|
+
.mdl-mega-footer--drop-down-section:nth-child(1),
|
|
4883
|
+
.mdl-mega-footer--drop-down-section:nth-child(2),
|
|
4884
|
+
.mdl-mega-footer__drop-down-section:nth-child(1),
|
|
4885
|
+
.mdl-mega-footer__drop-down-section:nth-child(2) {
|
|
5038
4886
|
float: left; }
|
|
5039
|
-
.mdl-mega-footer--drop-down-section:nth-child(3)
|
|
4887
|
+
.mdl-mega-footer--drop-down-section:nth-child(3),
|
|
4888
|
+
.mdl-mega-footer__drop-down-section:nth-child(3) {
|
|
5040
4889
|
float: right; }
|
|
5041
|
-
.mdl-mega-footer--drop-down-section:nth-child(3):after
|
|
4890
|
+
.mdl-mega-footer--drop-down-section:nth-child(3):after,
|
|
4891
|
+
.mdl-mega-footer__drop-down-section:nth-child(3):after {
|
|
5042
4892
|
clear: right; }
|
|
5043
|
-
.mdl-mega-footer--drop-down-section:nth-child(4)
|
|
4893
|
+
.mdl-mega-footer--drop-down-section:nth-child(4),
|
|
4894
|
+
.mdl-mega-footer__drop-down-section:nth-child(4) {
|
|
5044
4895
|
clear: right;
|
|
5045
4896
|
float: right; }
|
|
5046
|
-
.mdl-mega-footer--middle-section:after
|
|
4897
|
+
.mdl-mega-footer--middle-section:after,
|
|
4898
|
+
.mdl-mega-footer__middle-section:after {
|
|
5047
4899
|
content: '';
|
|
5048
4900
|
display: block;
|
|
5049
4901
|
clear: both; }
|
|
5050
|
-
.mdl-mega-footer--bottom-section
|
|
4902
|
+
.mdl-mega-footer--bottom-section,
|
|
4903
|
+
.mdl-mega-footer__bottom-section {
|
|
5051
4904
|
padding-top: 0; } }
|
|
5052
4905
|
|
|
5053
4906
|
@media screen and (min-width: 1024px) {
|
|
5054
|
-
.mdl-mega-footer--drop-down-section,
|
|
4907
|
+
.mdl-mega-footer--drop-down-section,
|
|
4908
|
+
.mdl-mega-footer--drop-down-section:nth-child(3),
|
|
4909
|
+
.mdl-mega-footer--drop-down-section:nth-child(4),
|
|
4910
|
+
.mdl-mega-footer__drop-down-section,
|
|
4911
|
+
.mdl-mega-footer__drop-down-section:nth-child(3),
|
|
4912
|
+
.mdl-mega-footer__drop-down-section:nth-child(4) {
|
|
5055
4913
|
width: 24%;
|
|
5056
4914
|
float: left; } }
|
|
5057
4915
|
|
|
5058
|
-
.mdl-mega-footer--heading-checkbox
|
|
4916
|
+
.mdl-mega-footer--heading-checkbox,
|
|
4917
|
+
.mdl-mega-footer__heading-checkbox {
|
|
5059
4918
|
position: absolute;
|
|
5060
4919
|
width: 100%;
|
|
5061
4920
|
height: 55.8px;
|
|
@@ -5065,17 +4924,26 @@ ul, ol {
|
|
|
5065
4924
|
cursor: pointer;
|
|
5066
4925
|
z-index: 1;
|
|
5067
4926
|
opacity: 0; }
|
|
5068
|
-
.mdl-mega-footer--heading-checkbox ~ .mdl-mega-footer--heading:after
|
|
4927
|
+
.mdl-mega-footer--heading-checkbox ~ .mdl-mega-footer--heading:after,
|
|
4928
|
+
.mdl-mega-footer--heading-checkbox ~ .mdl-mega-footer__heading:after,
|
|
4929
|
+
.mdl-mega-footer__heading-checkbox ~ .mdl-mega-footer--heading:after,
|
|
4930
|
+
.mdl-mega-footer__heading-checkbox ~ .mdl-mega-footer__heading:after {
|
|
5069
4931
|
font-family: 'Material Icons';
|
|
5070
4932
|
content: '\E5CE'; }
|
|
5071
4933
|
|
|
5072
|
-
.mdl-mega-footer--heading-checkbox:checked ~ ul
|
|
4934
|
+
.mdl-mega-footer--heading-checkbox:checked ~ ul,
|
|
4935
|
+
.mdl-mega-footer__heading-checkbox:checked ~ ul {
|
|
5073
4936
|
display: none; }
|
|
5074
|
-
|
|
4937
|
+
|
|
4938
|
+
.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--heading:after,
|
|
4939
|
+
.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__heading:after,
|
|
4940
|
+
.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--heading:after,
|
|
4941
|
+
.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__heading:after {
|
|
5075
4942
|
font-family: 'Material Icons';
|
|
5076
4943
|
content: '\E5CF'; }
|
|
5077
4944
|
|
|
5078
|
-
.mdl-mega-footer--heading
|
|
4945
|
+
.mdl-mega-footer--heading,
|
|
4946
|
+
.mdl-mega-footer__heading {
|
|
5079
4947
|
position: relative;
|
|
5080
4948
|
width: 100%;
|
|
5081
4949
|
padding-right: 39.8px;
|
|
@@ -5089,7 +4957,8 @@ ul, ol {
|
|
|
5089
4957
|
overflow: hidden;
|
|
5090
4958
|
color: rgb(224,224,224); }
|
|
5091
4959
|
|
|
5092
|
-
.mdl-mega-footer--heading:after
|
|
4960
|
+
.mdl-mega-footer--heading:after,
|
|
4961
|
+
.mdl-mega-footer__heading:after {
|
|
5093
4962
|
content: '';
|
|
5094
4963
|
position: absolute;
|
|
5095
4964
|
top: 0;
|
|
@@ -5099,39 +4968,52 @@ ul, ol {
|
|
|
5099
4968
|
height: 23.8px;
|
|
5100
4969
|
background-size: cover; }
|
|
5101
4970
|
|
|
5102
|
-
.mdl-mega-footer--link-list
|
|
4971
|
+
.mdl-mega-footer--link-list,
|
|
4972
|
+
.mdl-mega-footer__link-list {
|
|
5103
4973
|
list-style: none;
|
|
5104
4974
|
margin: 0;
|
|
5105
4975
|
padding: 0;
|
|
5106
4976
|
margin-bottom: 32px; }
|
|
5107
|
-
.mdl-mega-footer--link-list:after
|
|
4977
|
+
.mdl-mega-footer--link-list:after,
|
|
4978
|
+
.mdl-mega-footer__link-list:after {
|
|
5108
4979
|
clear: both;
|
|
5109
4980
|
display: block;
|
|
5110
4981
|
content: ''; }
|
|
5111
4982
|
|
|
5112
|
-
.mdl-mega-footer--link-list li
|
|
4983
|
+
.mdl-mega-footer--link-list li,
|
|
4984
|
+
.mdl-mega-footer__link-list li {
|
|
5113
4985
|
font-size: 14px;
|
|
5114
4986
|
font-weight: 400;
|
|
5115
4987
|
line-height: 24px;
|
|
5116
4988
|
letter-spacing: 0;
|
|
5117
4989
|
line-height: 20px; }
|
|
5118
4990
|
|
|
5119
|
-
.mdl-mega-footer--link-list a
|
|
4991
|
+
.mdl-mega-footer--link-list a,
|
|
4992
|
+
.mdl-mega-footer__link-list a {
|
|
5120
4993
|
color: inherit;
|
|
5121
4994
|
text-decoration: none;
|
|
5122
4995
|
white-space: nowrap; }
|
|
5123
4996
|
|
|
5124
4997
|
@media screen and (min-width: 760px) {
|
|
5125
|
-
.mdl-mega-footer--heading-checkbox
|
|
4998
|
+
.mdl-mega-footer--heading-checkbox,
|
|
4999
|
+
.mdl-mega-footer__heading-checkbox {
|
|
5126
5000
|
display: none; }
|
|
5127
|
-
.mdl-mega-footer--heading-checkbox ~ .mdl-mega-footer--heading:after
|
|
5001
|
+
.mdl-mega-footer--heading-checkbox ~ .mdl-mega-footer--heading:after,
|
|
5002
|
+
.mdl-mega-footer--heading-checkbox ~ .mdl-mega-footer__heading:after,
|
|
5003
|
+
.mdl-mega-footer__heading-checkbox ~ .mdl-mega-footer--heading:after,
|
|
5004
|
+
.mdl-mega-footer__heading-checkbox ~ .mdl-mega-footer__heading:after {
|
|
5128
5005
|
background-image: none; }
|
|
5129
|
-
.mdl-mega-footer--heading-checkbox:checked ~ ul
|
|
5006
|
+
.mdl-mega-footer--heading-checkbox:checked ~ ul,
|
|
5007
|
+
.mdl-mega-footer__heading-checkbox:checked ~ ul {
|
|
5130
5008
|
display: block; }
|
|
5131
|
-
.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--heading:after
|
|
5009
|
+
.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--heading:after,
|
|
5010
|
+
.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__heading:after,
|
|
5011
|
+
.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--heading:after,
|
|
5012
|
+
.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__heading:after {
|
|
5132
5013
|
content: ''; } }
|
|
5133
5014
|
|
|
5134
|
-
.mdl-mega-footer--bottom-section
|
|
5015
|
+
.mdl-mega-footer--bottom-section,
|
|
5016
|
+
.mdl-mega-footer__bottom-section {
|
|
5135
5017
|
padding-top: 16px;
|
|
5136
5018
|
margin-bottom: 16px; }
|
|
5137
5019
|
|
|
@@ -5139,7 +5021,8 @@ ul, ol {
|
|
|
5139
5021
|
margin-bottom: 16px;
|
|
5140
5022
|
color: white; }
|
|
5141
5023
|
|
|
5142
|
-
.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li
|
|
5024
|
+
.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,
|
|
5025
|
+
.mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
|
|
5143
5026
|
float: left;
|
|
5144
5027
|
margin-bottom: 0;
|
|
5145
5028
|
margin-right: 16px; }
|
|
@@ -5180,8 +5063,7 @@ ul, ol {
|
|
|
5180
5063
|
* See the License for the specific language governing permissions and
|
|
5181
5064
|
* limitations under the License.
|
|
5182
5065
|
*/
|
|
5183
|
-
|
|
5184
|
-
$CONTENTS
|
|
5066
|
+
/*------------------------------------* $CONTENTS
|
|
5185
5067
|
\*------------------------------------*/
|
|
5186
5068
|
/**
|
|
5187
5069
|
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
|
|
@@ -5322,7 +5204,8 @@ ul, ol {
|
|
|
5322
5204
|
.mdl-mini-footer .mdl-logo {
|
|
5323
5205
|
line-height: 36px; }
|
|
5324
5206
|
|
|
5325
|
-
.mdl-mini-footer--link-list
|
|
5207
|
+
.mdl-mini-footer--link-list,
|
|
5208
|
+
.mdl-mini-footer__link-list {
|
|
5326
5209
|
display: -webkit-box;
|
|
5327
5210
|
display: -webkit-flex;
|
|
5328
5211
|
display: -ms-flexbox;
|
|
@@ -5333,32 +5216,38 @@ ul, ol {
|
|
|
5333
5216
|
list-style: none;
|
|
5334
5217
|
margin: 0;
|
|
5335
5218
|
padding: 0; }
|
|
5336
|
-
.mdl-mini-footer--link-list li
|
|
5219
|
+
.mdl-mini-footer--link-list li,
|
|
5220
|
+
.mdl-mini-footer__link-list li {
|
|
5337
5221
|
margin-bottom: 0;
|
|
5338
5222
|
margin-right: 16px; }
|
|
5339
5223
|
@media screen and (min-width: 760px) {
|
|
5340
|
-
.mdl-mini-footer--link-list li
|
|
5224
|
+
.mdl-mini-footer--link-list li,
|
|
5225
|
+
.mdl-mini-footer__link-list li {
|
|
5341
5226
|
line-height: 36px; } }
|
|
5342
|
-
.mdl-mini-footer--link-list a
|
|
5227
|
+
.mdl-mini-footer--link-list a,
|
|
5228
|
+
.mdl-mini-footer__link-list a {
|
|
5343
5229
|
color: inherit;
|
|
5344
5230
|
text-decoration: none;
|
|
5345
5231
|
white-space: nowrap; }
|
|
5346
5232
|
|
|
5347
|
-
.mdl-mini-footer--left-section
|
|
5233
|
+
.mdl-mini-footer--left-section,
|
|
5234
|
+
.mdl-mini-footer__left-section {
|
|
5348
5235
|
display: inline-block;
|
|
5349
5236
|
-webkit-box-ordinal-group: 1;
|
|
5350
5237
|
-webkit-order: 0;
|
|
5351
5238
|
-ms-flex-order: 0;
|
|
5352
5239
|
order: 0; }
|
|
5353
5240
|
|
|
5354
|
-
.mdl-mini-footer--right-section
|
|
5241
|
+
.mdl-mini-footer--right-section,
|
|
5242
|
+
.mdl-mini-footer__right-section {
|
|
5355
5243
|
display: inline-block;
|
|
5356
5244
|
-webkit-box-ordinal-group: 2;
|
|
5357
5245
|
-webkit-order: 1;
|
|
5358
5246
|
-ms-flex-order: 1;
|
|
5359
5247
|
order: 1; }
|
|
5360
5248
|
|
|
5361
|
-
.mdl-mini-footer--social-btn
|
|
5249
|
+
.mdl-mini-footer--social-btn,
|
|
5250
|
+
.mdl-mini-footer__social-btn {
|
|
5362
5251
|
width: 36px;
|
|
5363
5252
|
height: 36px;
|
|
5364
5253
|
padding: 0;
|
|
@@ -5396,8 +5285,7 @@ ul, ol {
|
|
|
5396
5285
|
* See the License for the specific language governing permissions and
|
|
5397
5286
|
* limitations under the License.
|
|
5398
5287
|
*/
|
|
5399
|
-
|
|
5400
|
-
$CONTENTS
|
|
5288
|
+
/*------------------------------------* $CONTENTS
|
|
5401
5289
|
\*------------------------------------*/
|
|
5402
5290
|
/**
|
|
5403
5291
|
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
|
|
@@ -5622,8 +5510,7 @@ ul, ol {
|
|
|
5622
5510
|
* See the License for the specific language governing permissions and
|
|
5623
5511
|
* limitations under the License.
|
|
5624
5512
|
*/
|
|
5625
|
-
|
|
5626
|
-
$CONTENTS
|
|
5513
|
+
/*------------------------------------* $CONTENTS
|
|
5627
5514
|
\*------------------------------------*/
|
|
5628
5515
|
/**
|
|
5629
5516
|
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
|
|
@@ -5868,7 +5755,6 @@ ul, ol {
|
|
|
5868
5755
|
text-decoration: none;
|
|
5869
5756
|
cursor: pointer;
|
|
5870
5757
|
height: 48px;
|
|
5871
|
-
width: 100%;
|
|
5872
5758
|
line-height: 48px;
|
|
5873
5759
|
white-space: nowrap;
|
|
5874
5760
|
opacity: 0;
|
|
@@ -5940,8 +5826,7 @@ ul, ol {
|
|
|
5940
5826
|
* See the License for the specific language governing permissions and
|
|
5941
5827
|
* limitations under the License.
|
|
5942
5828
|
*/
|
|
5943
|
-
|
|
5944
|
-
$CONTENTS
|
|
5829
|
+
/*------------------------------------* $CONTENTS
|
|
5945
5830
|
\*------------------------------------*/
|
|
5946
5831
|
/**
|
|
5947
5832
|
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
|
|
@@ -6094,8 +5979,8 @@ ul, ol {
|
|
|
6094
5979
|
.mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {
|
|
6095
5980
|
background-image: -webkit-linear-gradient(left, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), -webkit-linear-gradient(left, rgb(63,81,181), rgb(63,81,181));
|
|
6096
5981
|
background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181));
|
|
6097
|
-
-webkit-mask: url(
|
|
6098
|
-
mask: url(
|
|
5982
|
+
-webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=");
|
|
5983
|
+
mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo="); } }
|
|
6099
5984
|
|
|
6100
5985
|
.mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {
|
|
6101
5986
|
background-image: -webkit-linear-gradient(left, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), -webkit-linear-gradient(left, rgb(63,81,181), rgb(63,81,181));
|
|
@@ -6128,11 +6013,9 @@ ul, ol {
|
|
|
6128
6013
|
0% {
|
|
6129
6014
|
left: 0%;
|
|
6130
6015
|
width: 0%; }
|
|
6131
|
-
|
|
6132
6016
|
50% {
|
|
6133
6017
|
left: 25%;
|
|
6134
6018
|
width: 75%; }
|
|
6135
|
-
|
|
6136
6019
|
75% {
|
|
6137
6020
|
left: 100%;
|
|
6138
6021
|
width: 0%; } }
|
|
@@ -6141,11 +6024,9 @@ ul, ol {
|
|
|
6141
6024
|
0% {
|
|
6142
6025
|
left: 0%;
|
|
6143
6026
|
width: 0%; }
|
|
6144
|
-
|
|
6145
6027
|
50% {
|
|
6146
6028
|
left: 25%;
|
|
6147
6029
|
width: 75%; }
|
|
6148
|
-
|
|
6149
6030
|
75% {
|
|
6150
6031
|
left: 100%;
|
|
6151
6032
|
width: 0%; } }
|
|
@@ -6154,15 +6035,12 @@ ul, ol {
|
|
|
6154
6035
|
0% {
|
|
6155
6036
|
left: 0%;
|
|
6156
6037
|
width: 0%; }
|
|
6157
|
-
|
|
6158
6038
|
50% {
|
|
6159
6039
|
left: 0%;
|
|
6160
6040
|
width: 0%; }
|
|
6161
|
-
|
|
6162
6041
|
75% {
|
|
6163
6042
|
left: 0%;
|
|
6164
6043
|
width: 25%; }
|
|
6165
|
-
|
|
6166
6044
|
100% {
|
|
6167
6045
|
left: 100%;
|
|
6168
6046
|
width: 0%; } }
|
|
@@ -6171,15 +6049,12 @@ ul, ol {
|
|
|
6171
6049
|
0% {
|
|
6172
6050
|
left: 0%;
|
|
6173
6051
|
width: 0%; }
|
|
6174
|
-
|
|
6175
6052
|
50% {
|
|
6176
6053
|
left: 0%;
|
|
6177
6054
|
width: 0%; }
|
|
6178
|
-
|
|
6179
6055
|
75% {
|
|
6180
6056
|
left: 0%;
|
|
6181
6057
|
width: 25%; }
|
|
6182
|
-
|
|
6183
6058
|
100% {
|
|
6184
6059
|
left: 100%;
|
|
6185
6060
|
width: 0%; } }
|
|
@@ -6214,8 +6089,7 @@ ul, ol {
|
|
|
6214
6089
|
* See the License for the specific language governing permissions and
|
|
6215
6090
|
* limitations under the License.
|
|
6216
6091
|
*/
|
|
6217
|
-
|
|
6218
|
-
$CONTENTS
|
|
6092
|
+
/*------------------------------------* $CONTENTS
|
|
6219
6093
|
\*------------------------------------*/
|
|
6220
6094
|
/**
|
|
6221
6095
|
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
|
|
@@ -6384,7 +6258,8 @@ ul, ol {
|
|
|
6384
6258
|
flex-direction: column;
|
|
6385
6259
|
overflow-y: auto;
|
|
6386
6260
|
overflow-x: hidden;
|
|
6387
|
-
position: relative;
|
|
6261
|
+
position: relative;
|
|
6262
|
+
-webkit-overflow-scrolling: touch; }
|
|
6388
6263
|
|
|
6389
6264
|
.mdl-layout.is-small-screen .mdl-layout--large-screen-only {
|
|
6390
6265
|
display: none; }
|
|
@@ -6400,7 +6275,7 @@ ul, ol {
|
|
|
6400
6275
|
.mdl-layout-title {
|
|
6401
6276
|
display: block;
|
|
6402
6277
|
position: relative;
|
|
6403
|
-
font-family:
|
|
6278
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
6404
6279
|
font-size: 20px;
|
|
6405
6280
|
font-weight: 500;
|
|
6406
6281
|
line-height: 1;
|
|
@@ -6464,7 +6339,7 @@ ul, ol {
|
|
|
6464
6339
|
.mdl-layout__drawer > .mdl-layout-title {
|
|
6465
6340
|
line-height: 64px;
|
|
6466
6341
|
padding-left: 40px; }
|
|
6467
|
-
@media screen and (max-width:
|
|
6342
|
+
@media screen and (max-width: 1024px) {
|
|
6468
6343
|
.mdl-layout__drawer > .mdl-layout-title {
|
|
6469
6344
|
line-height: 56px;
|
|
6470
6345
|
padding-left: 16px; } }
|
|
@@ -6487,7 +6362,7 @@ ul, ol {
|
|
|
6487
6362
|
padding: 16px 40px;
|
|
6488
6363
|
margin: 0;
|
|
6489
6364
|
color: #757575; }
|
|
6490
|
-
@media screen and (max-width:
|
|
6365
|
+
@media screen and (max-width: 1024px) {
|
|
6491
6366
|
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
|
|
6492
6367
|
padding: 16px 16px; } }
|
|
6493
6368
|
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
|
|
@@ -6495,7 +6370,7 @@ ul, ol {
|
|
|
6495
6370
|
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
|
|
6496
6371
|
background-color: rgb(0,0,0);
|
|
6497
6372
|
color: rgb(63,81,181); }
|
|
6498
|
-
@media screen and (min-width:
|
|
6373
|
+
@media screen and (min-width: 1025px) {
|
|
6499
6374
|
.mdl-layout--fixed-drawer > .mdl-layout__drawer {
|
|
6500
6375
|
-webkit-transform: translateX(0);
|
|
6501
6376
|
-ms-transform: translateX(0);
|
|
@@ -6525,14 +6400,14 @@ ul, ol {
|
|
|
6525
6400
|
position: absolute;
|
|
6526
6401
|
color: rgb(255,255,255);
|
|
6527
6402
|
background-color: inherit; }
|
|
6528
|
-
@media screen and (max-width:
|
|
6403
|
+
@media screen and (max-width: 1024px) {
|
|
6529
6404
|
.mdl-layout__header .mdl-layout__drawer-button {
|
|
6530
6405
|
margin: 4px; } }
|
|
6531
|
-
@media screen and (max-width:
|
|
6406
|
+
@media screen and (max-width: 1024px) {
|
|
6532
6407
|
.mdl-layout__drawer-button {
|
|
6533
6408
|
margin: 4px;
|
|
6534
6409
|
color: rgba(0, 0, 0, 0.5); } }
|
|
6535
|
-
@media screen and (min-width:
|
|
6410
|
+
@media screen and (min-width: 1025px) {
|
|
6536
6411
|
.mdl-layout--fixed-drawer > .mdl-layout__drawer-button {
|
|
6537
6412
|
display: none; } }
|
|
6538
6413
|
|
|
@@ -6573,7 +6448,7 @@ ul, ol {
|
|
|
6573
6448
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
6574
6449
|
-webkit-transition-property: max-height, box-shadow;
|
|
6575
6450
|
transition-property: max-height, box-shadow; }
|
|
6576
|
-
@media screen and (max-width:
|
|
6451
|
+
@media screen and (max-width: 1024px) {
|
|
6577
6452
|
.mdl-layout__header {
|
|
6578
6453
|
min-height: 56px; } }
|
|
6579
6454
|
.mdl-layout--fixed-drawer:not(.is-small-screen) > .mdl-layout__header {
|
|
@@ -6588,7 +6463,7 @@ ul, ol {
|
|
|
6588
6463
|
overflow: hidden;
|
|
6589
6464
|
z-index: 3;
|
|
6590
6465
|
display: block; }
|
|
6591
|
-
@media screen and (max-width:
|
|
6466
|
+
@media screen and (max-width: 1024px) {
|
|
6592
6467
|
.mdl-layout__header > .mdl-layout-icon {
|
|
6593
6468
|
left: 16px;
|
|
6594
6469
|
top: 12px; } }
|
|
@@ -6596,15 +6471,15 @@ ul, ol {
|
|
|
6596
6471
|
display: none; }
|
|
6597
6472
|
.mdl-layout__header.is-compact {
|
|
6598
6473
|
max-height: 64px; }
|
|
6599
|
-
@media screen and (max-width:
|
|
6474
|
+
@media screen and (max-width: 1024px) {
|
|
6600
6475
|
.mdl-layout__header.is-compact {
|
|
6601
6476
|
max-height: 56px; } }
|
|
6602
6477
|
.mdl-layout__header.is-compact.has-tabs {
|
|
6603
6478
|
height: 112px; }
|
|
6604
|
-
@media screen and (max-width:
|
|
6479
|
+
@media screen and (max-width: 1024px) {
|
|
6605
6480
|
.mdl-layout__header.is-compact.has-tabs {
|
|
6606
6481
|
min-height: 104px; } }
|
|
6607
|
-
@media screen and (max-width:
|
|
6482
|
+
@media screen and (max-width: 1024px) {
|
|
6608
6483
|
.mdl-layout__header {
|
|
6609
6484
|
display: none; }
|
|
6610
6485
|
.mdl-layout--fixed-header > .mdl-layout__header {
|
|
@@ -6656,7 +6531,7 @@ ul, ol {
|
|
|
6656
6531
|
height: 64px;
|
|
6657
6532
|
margin: 0;
|
|
6658
6533
|
padding: 0 40px 0 80px; }
|
|
6659
|
-
@media screen and (max-width:
|
|
6534
|
+
@media screen and (max-width: 1024px) {
|
|
6660
6535
|
.mdl-layout__header-row {
|
|
6661
6536
|
height: 56px;
|
|
6662
6537
|
padding: 0 16px 0 72px; } }
|
|
@@ -6679,7 +6554,7 @@ ul, ol {
|
|
|
6679
6554
|
-webkit-align-items: center;
|
|
6680
6555
|
-ms-flex-align: center;
|
|
6681
6556
|
align-items: center; }
|
|
6682
|
-
@media screen and (max-width:
|
|
6557
|
+
@media screen and (max-width: 1024px) {
|
|
6683
6558
|
.mdl-layout__header-row .mdl-navigation {
|
|
6684
6559
|
height: 56px; } }
|
|
6685
6560
|
.mdl-layout__header-row .mdl-navigation__link {
|
|
@@ -6687,7 +6562,7 @@ ul, ol {
|
|
|
6687
6562
|
color: rgb(255,255,255);
|
|
6688
6563
|
line-height: 64px;
|
|
6689
6564
|
padding: 0 24px; }
|
|
6690
|
-
@media screen and (max-width:
|
|
6565
|
+
@media screen and (max-width: 1024px) {
|
|
6691
6566
|
.mdl-layout__header-row .mdl-navigation__link {
|
|
6692
6567
|
line-height: 56px;
|
|
6693
6568
|
padding: 0 16px; } }
|
|
@@ -6720,12 +6595,13 @@ ul, ol {
|
|
|
6720
6595
|
-webkit-flex-grow: 1;
|
|
6721
6596
|
-ms-flex-positive: 1;
|
|
6722
6597
|
flex-grow: 1;
|
|
6723
|
-
z-index: 1;
|
|
6598
|
+
z-index: 1;
|
|
6599
|
+
-webkit-overflow-scrolling: touch; }
|
|
6724
6600
|
.mdl-layout--fixed-drawer > .mdl-layout__content {
|
|
6725
6601
|
margin-left: 240px; }
|
|
6726
6602
|
.mdl-layout__container.has-scrolling-header .mdl-layout__content {
|
|
6727
6603
|
overflow: visible; }
|
|
6728
|
-
@media screen and (max-width:
|
|
6604
|
+
@media screen and (max-width: 1024px) {
|
|
6729
6605
|
.mdl-layout--fixed-drawer > .mdl-layout__content {
|
|
6730
6606
|
margin-left: 0; }
|
|
6731
6607
|
.mdl-layout__container.has-scrolling-header .mdl-layout__content {
|
|
@@ -6735,8 +6611,7 @@ ul, ol {
|
|
|
6735
6611
|
.mdl-layout__tab-bar {
|
|
6736
6612
|
height: 96px;
|
|
6737
6613
|
margin: 0;
|
|
6738
|
-
width: calc(100% -
|
|
6739
|
-
112px);
|
|
6614
|
+
width: calc(100% - 112px);
|
|
6740
6615
|
padding: 0 0 0 56px;
|
|
6741
6616
|
display: -webkit-box;
|
|
6742
6617
|
display: -webkit-flex;
|
|
@@ -6747,10 +6622,9 @@ ul, ol {
|
|
|
6747
6622
|
overflow-x: scroll; }
|
|
6748
6623
|
.mdl-layout__tab-bar::-webkit-scrollbar {
|
|
6749
6624
|
display: none; }
|
|
6750
|
-
@media screen and (max-width:
|
|
6625
|
+
@media screen and (max-width: 1024px) {
|
|
6751
6626
|
.mdl-layout__tab-bar {
|
|
6752
|
-
width: calc(100% -
|
|
6753
|
-
60px);
|
|
6627
|
+
width: calc(100% - 60px);
|
|
6754
6628
|
padding: 0 0 0 60px; } }
|
|
6755
6629
|
.mdl-layout--fixed-tabs .mdl-layout__tab-bar {
|
|
6756
6630
|
padding: 0;
|
|
@@ -6792,7 +6666,7 @@ ul, ol {
|
|
|
6792
6666
|
-moz-user-select: none;
|
|
6793
6667
|
-ms-user-select: none;
|
|
6794
6668
|
user-select: none; }
|
|
6795
|
-
@media screen and (max-width:
|
|
6669
|
+
@media screen and (max-width: 1024px) {
|
|
6796
6670
|
.mdl-layout__tab-bar-button {
|
|
6797
6671
|
display: none;
|
|
6798
6672
|
width: 60px; } }
|
|
@@ -6832,7 +6706,7 @@ ul, ol {
|
|
|
6832
6706
|
text-transform: uppercase;
|
|
6833
6707
|
color: rgba(255,255,255, 0.6);
|
|
6834
6708
|
overflow: hidden; }
|
|
6835
|
-
@media screen and (max-width:
|
|
6709
|
+
@media screen and (max-width: 1024px) {
|
|
6836
6710
|
.mdl-layout__tab {
|
|
6837
6711
|
padding: 0 12px 0 12px; } }
|
|
6838
6712
|
.mdl-layout--fixed-tabs .mdl-layout__tab {
|
|
@@ -6906,8 +6780,7 @@ ul, ol {
|
|
|
6906
6780
|
* See the License for the specific language governing permissions and
|
|
6907
6781
|
* limitations under the License.
|
|
6908
6782
|
*/
|
|
6909
|
-
|
|
6910
|
-
$CONTENTS
|
|
6783
|
+
/*------------------------------------* $CONTENTS
|
|
6911
6784
|
\*------------------------------------*/
|
|
6912
6785
|
/**
|
|
6913
6786
|
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
|
|
@@ -7174,8 +7047,7 @@ ul, ol {
|
|
|
7174
7047
|
* See the License for the specific language governing permissions and
|
|
7175
7048
|
* limitations under the License.
|
|
7176
7049
|
*/
|
|
7177
|
-
|
|
7178
|
-
$CONTENTS
|
|
7050
|
+
/*------------------------------------* $CONTENTS
|
|
7179
7051
|
\*------------------------------------*/
|
|
7180
7052
|
/**
|
|
7181
7053
|
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
|
|
@@ -7400,24 +7272,21 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
7400
7272
|
.mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
|
|
7401
7273
|
border: 2px solid rgba(0,0,0, 0.26);
|
|
7402
7274
|
background: transparent; }
|
|
7403
|
-
.mdl-slider.is-upgraded.is-lowest-value ~
|
|
7275
|
+
.mdl-slider.is-upgraded.is-lowest-value ~
|
|
7276
|
+
.mdl-slider__background-flex > .mdl-slider__background-upper {
|
|
7404
7277
|
left: 6px; }
|
|
7405
7278
|
.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
|
|
7406
|
-
|
|
7407
|
-
|
|
7408
|
-
transform: scale(1.33);
|
|
7409
|
-
box-shadow: none; }
|
|
7279
|
+
box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
|
|
7280
|
+
background: rgba(0,0,0, 0.12); }
|
|
7410
7281
|
.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
|
|
7411
|
-
|
|
7412
|
-
|
|
7413
|
-
box-shadow: none; }
|
|
7414
|
-
.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active) ~ .mdl-slider__background-flex > .mdl-slider__background-upper {
|
|
7415
|
-
left: 8px; }
|
|
7282
|
+
box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
|
|
7283
|
+
background: rgba(0,0,0, 0.12); }
|
|
7416
7284
|
.mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
|
|
7417
|
-
border: 1.
|
|
7285
|
+
border: 1.6px solid rgba(0,0,0, 0.26);
|
|
7418
7286
|
-webkit-transform: scale(1.5);
|
|
7419
7287
|
transform: scale(1.5); }
|
|
7420
|
-
.mdl-slider.is-upgraded.is-lowest-value:active ~
|
|
7288
|
+
.mdl-slider.is-upgraded.is-lowest-value:active ~
|
|
7289
|
+
.mdl-slider__background-flex > .mdl-slider__background-upper {
|
|
7421
7290
|
left: 9px; }
|
|
7422
7291
|
.mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
|
|
7423
7292
|
border: 1.5px solid rgba(0,0,0, 0.26);
|
|
@@ -7425,9 +7294,9 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
7425
7294
|
.mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
|
|
7426
7295
|
background: radial-gradient(circle closest-side, transparent 0%, transparent 66.67%, rgba(0,0,0, 0.26) 66.67%, rgba(0,0,0, 0.26) 100%); }
|
|
7427
7296
|
.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
|
|
7428
|
-
-
|
|
7429
|
-
|
|
7430
|
-
|
|
7297
|
+
background: radial-gradient(circle closest-side, rgba(0,0,0, 0.12) 0%, rgba(0,0,0, 0.12) 25%, rgba(0,0,0, 0.26) 25%, rgba(0,0,0, 0.26) 37.5%, rgba(0,0,0, 0.12) 37.5%, rgba(0,0,0, 0.12) 100%);
|
|
7298
|
+
-ms-transform: scale(1);
|
|
7299
|
+
transform: scale(1); }
|
|
7431
7300
|
.mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
|
|
7432
7301
|
-ms-transform: scale(0.5625);
|
|
7433
7302
|
transform: scale(0.5625);
|
|
@@ -7436,38 +7305,51 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
7436
7305
|
background: transparent; }
|
|
7437
7306
|
.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {
|
|
7438
7307
|
margin-left: 6px; }
|
|
7439
|
-
.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-fill-upper {
|
|
7440
|
-
margin-left: 8px; }
|
|
7441
7308
|
.mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {
|
|
7442
7309
|
margin-left: 9px; }
|
|
7443
|
-
.mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb,
|
|
7310
|
+
.mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb,
|
|
7311
|
+
.mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb,
|
|
7312
|
+
.mdl-slider.is-upgraded:disabled::-webkit-slider-thumb {
|
|
7444
7313
|
-webkit-transform: scale(0.667);
|
|
7445
7314
|
transform: scale(0.667);
|
|
7446
7315
|
background: rgba(0,0,0, 0.26); }
|
|
7447
|
-
.mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb,
|
|
7316
|
+
.mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb,
|
|
7317
|
+
.mdl-slider.is-upgraded:disabled:active::-moz-range-thumb,
|
|
7318
|
+
.mdl-slider.is-upgraded:disabled::-moz-range-thumb {
|
|
7448
7319
|
transform: scale(0.667);
|
|
7449
7320
|
background: rgba(0,0,0, 0.26); }
|
|
7450
|
-
.mdl-slider.is-upgraded:disabled ~
|
|
7321
|
+
.mdl-slider.is-upgraded:disabled ~
|
|
7322
|
+
.mdl-slider__background-flex > .mdl-slider__background-lower {
|
|
7451
7323
|
background-color: rgba(0,0,0, 0.26);
|
|
7452
7324
|
left: -6px; }
|
|
7453
|
-
.mdl-slider.is-upgraded:disabled ~
|
|
7325
|
+
.mdl-slider.is-upgraded:disabled ~
|
|
7326
|
+
.mdl-slider__background-flex > .mdl-slider__background-upper {
|
|
7454
7327
|
left: 6px; }
|
|
7455
|
-
.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb,
|
|
7328
|
+
.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb,
|
|
7329
|
+
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb,
|
|
7330
|
+
.mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb {
|
|
7456
7331
|
border: 3px solid rgba(0,0,0, 0.26);
|
|
7457
7332
|
background: transparent;
|
|
7458
7333
|
-webkit-transform: scale(0.667);
|
|
7459
7334
|
transform: scale(0.667); }
|
|
7460
|
-
.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb,
|
|
7335
|
+
.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb,
|
|
7336
|
+
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb,
|
|
7337
|
+
.mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb {
|
|
7461
7338
|
border: 3px solid rgba(0,0,0, 0.26);
|
|
7462
7339
|
background: transparent;
|
|
7463
7340
|
transform: scale(0.667); }
|
|
7464
|
-
.mdl-slider.is-upgraded.is-lowest-value:disabled:active ~
|
|
7341
|
+
.mdl-slider.is-upgraded.is-lowest-value:disabled:active ~
|
|
7342
|
+
.mdl-slider__background-flex > .mdl-slider__background-upper {
|
|
7465
7343
|
left: 6px; }
|
|
7466
|
-
.mdl-slider.is-upgraded:disabled:focus::-ms-thumb,
|
|
7344
|
+
.mdl-slider.is-upgraded:disabled:focus::-ms-thumb,
|
|
7345
|
+
.mdl-slider.is-upgraded:disabled:active::-ms-thumb,
|
|
7346
|
+
.mdl-slider.is-upgraded:disabled::-ms-thumb {
|
|
7467
7347
|
-ms-transform: scale(0.25);
|
|
7468
7348
|
transform: scale(0.25);
|
|
7469
7349
|
background: rgba(0,0,0, 0.26); }
|
|
7470
|
-
.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb,
|
|
7350
|
+
.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb,
|
|
7351
|
+
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb,
|
|
7352
|
+
.mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb {
|
|
7471
7353
|
-ms-transform: scale(0.25);
|
|
7472
7354
|
transform: scale(0.25);
|
|
7473
7355
|
background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0,0,0, 0.26) 50%, rgba(0,0,0, 0.26) 100%); }
|
|
@@ -7571,8 +7453,7 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
7571
7453
|
* See the License for the specific language governing permissions and
|
|
7572
7454
|
* limitations under the License.
|
|
7573
7455
|
*/
|
|
7574
|
-
|
|
7575
|
-
$CONTENTS
|
|
7456
|
+
/*------------------------------------* $CONTENTS
|
|
7576
7457
|
\*------------------------------------*/
|
|
7577
7458
|
/**
|
|
7578
7459
|
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
|
|
@@ -7700,8 +7581,8 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
7700
7581
|
.mdl-spinner:not(.is-upgraded).is-active:after {
|
|
7701
7582
|
content: "Loading..."; }
|
|
7702
7583
|
.mdl-spinner.is-upgraded.is-active {
|
|
7703
|
-
-webkit-animation: mdl-spinner__container-rotate 1568.
|
|
7704
|
-
animation: mdl-spinner__container-rotate 1568.
|
|
7584
|
+
-webkit-animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
|
|
7585
|
+
animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite; }
|
|
7705
7586
|
|
|
7706
7587
|
@-webkit-keyframes mdl-spinner__container-rotate {
|
|
7707
7588
|
to {
|
|
@@ -7755,31 +7636,24 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
7755
7636
|
12.5% {
|
|
7756
7637
|
-webkit-transform: rotate(135deg);
|
|
7757
7638
|
transform: rotate(135deg); }
|
|
7758
|
-
|
|
7759
7639
|
25% {
|
|
7760
7640
|
-webkit-transform: rotate(270deg);
|
|
7761
7641
|
transform: rotate(270deg); }
|
|
7762
|
-
|
|
7763
7642
|
37.5% {
|
|
7764
7643
|
-webkit-transform: rotate(405deg);
|
|
7765
7644
|
transform: rotate(405deg); }
|
|
7766
|
-
|
|
7767
7645
|
50% {
|
|
7768
7646
|
-webkit-transform: rotate(540deg);
|
|
7769
7647
|
transform: rotate(540deg); }
|
|
7770
|
-
|
|
7771
7648
|
62.5% {
|
|
7772
7649
|
-webkit-transform: rotate(675deg);
|
|
7773
7650
|
transform: rotate(675deg); }
|
|
7774
|
-
|
|
7775
7651
|
75% {
|
|
7776
7652
|
-webkit-transform: rotate(810deg);
|
|
7777
7653
|
transform: rotate(810deg); }
|
|
7778
|
-
|
|
7779
7654
|
87.5% {
|
|
7780
7655
|
-webkit-transform: rotate(945deg);
|
|
7781
7656
|
transform: rotate(945deg); }
|
|
7782
|
-
|
|
7783
7657
|
to {
|
|
7784
7658
|
-webkit-transform: rotate(1080deg);
|
|
7785
7659
|
transform: rotate(1080deg); } }
|
|
@@ -7788,31 +7662,24 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
7788
7662
|
12.5% {
|
|
7789
7663
|
-webkit-transform: rotate(135deg);
|
|
7790
7664
|
transform: rotate(135deg); }
|
|
7791
|
-
|
|
7792
7665
|
25% {
|
|
7793
7666
|
-webkit-transform: rotate(270deg);
|
|
7794
7667
|
transform: rotate(270deg); }
|
|
7795
|
-
|
|
7796
7668
|
37.5% {
|
|
7797
7669
|
-webkit-transform: rotate(405deg);
|
|
7798
7670
|
transform: rotate(405deg); }
|
|
7799
|
-
|
|
7800
7671
|
50% {
|
|
7801
7672
|
-webkit-transform: rotate(540deg);
|
|
7802
7673
|
transform: rotate(540deg); }
|
|
7803
|
-
|
|
7804
7674
|
62.5% {
|
|
7805
7675
|
-webkit-transform: rotate(675deg);
|
|
7806
7676
|
transform: rotate(675deg); }
|
|
7807
|
-
|
|
7808
7677
|
75% {
|
|
7809
7678
|
-webkit-transform: rotate(810deg);
|
|
7810
7679
|
transform: rotate(810deg); }
|
|
7811
|
-
|
|
7812
7680
|
87.5% {
|
|
7813
7681
|
-webkit-transform: rotate(945deg);
|
|
7814
7682
|
transform: rotate(945deg); }
|
|
7815
|
-
|
|
7816
7683
|
to {
|
|
7817
7684
|
-webkit-transform: rotate(1080deg);
|
|
7818
7685
|
transform: rotate(1080deg); } }
|
|
@@ -7829,133 +7696,99 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
7829
7696
|
@-webkit-keyframes mdl-spinner__layer-1-fade-in-out {
|
|
7830
7697
|
from {
|
|
7831
7698
|
opacity: 0.99; }
|
|
7832
|
-
|
|
7833
7699
|
25% {
|
|
7834
7700
|
opacity: 0.99; }
|
|
7835
|
-
|
|
7836
7701
|
26% {
|
|
7837
7702
|
opacity: 0; }
|
|
7838
|
-
|
|
7839
7703
|
89% {
|
|
7840
7704
|
opacity: 0; }
|
|
7841
|
-
|
|
7842
7705
|
90% {
|
|
7843
7706
|
opacity: 0.99; }
|
|
7844
|
-
|
|
7845
7707
|
100% {
|
|
7846
7708
|
opacity: 0.99; } }
|
|
7847
7709
|
@keyframes mdl-spinner__layer-1-fade-in-out {
|
|
7848
7710
|
from {
|
|
7849
7711
|
opacity: 0.99; }
|
|
7850
|
-
|
|
7851
7712
|
25% {
|
|
7852
7713
|
opacity: 0.99; }
|
|
7853
|
-
|
|
7854
7714
|
26% {
|
|
7855
7715
|
opacity: 0; }
|
|
7856
|
-
|
|
7857
7716
|
89% {
|
|
7858
7717
|
opacity: 0; }
|
|
7859
|
-
|
|
7860
7718
|
90% {
|
|
7861
7719
|
opacity: 0.99; }
|
|
7862
|
-
|
|
7863
7720
|
100% {
|
|
7864
7721
|
opacity: 0.99; } }
|
|
7865
7722
|
|
|
7866
7723
|
@-webkit-keyframes mdl-spinner__layer-2-fade-in-out {
|
|
7867
7724
|
from {
|
|
7868
7725
|
opacity: 0; }
|
|
7869
|
-
|
|
7870
7726
|
15% {
|
|
7871
7727
|
opacity: 0; }
|
|
7872
|
-
|
|
7873
7728
|
25% {
|
|
7874
7729
|
opacity: 0.99; }
|
|
7875
|
-
|
|
7876
7730
|
50% {
|
|
7877
7731
|
opacity: 0.99; }
|
|
7878
|
-
|
|
7879
7732
|
51% {
|
|
7880
7733
|
opacity: 0; } }
|
|
7881
7734
|
|
|
7882
7735
|
@keyframes mdl-spinner__layer-2-fade-in-out {
|
|
7883
7736
|
from {
|
|
7884
7737
|
opacity: 0; }
|
|
7885
|
-
|
|
7886
7738
|
15% {
|
|
7887
7739
|
opacity: 0; }
|
|
7888
|
-
|
|
7889
7740
|
25% {
|
|
7890
7741
|
opacity: 0.99; }
|
|
7891
|
-
|
|
7892
7742
|
50% {
|
|
7893
7743
|
opacity: 0.99; }
|
|
7894
|
-
|
|
7895
7744
|
51% {
|
|
7896
7745
|
opacity: 0; } }
|
|
7897
7746
|
|
|
7898
7747
|
@-webkit-keyframes mdl-spinner__layer-3-fade-in-out {
|
|
7899
7748
|
from {
|
|
7900
7749
|
opacity: 0; }
|
|
7901
|
-
|
|
7902
7750
|
40% {
|
|
7903
7751
|
opacity: 0; }
|
|
7904
|
-
|
|
7905
7752
|
50% {
|
|
7906
7753
|
opacity: 0.99; }
|
|
7907
|
-
|
|
7908
7754
|
75% {
|
|
7909
7755
|
opacity: 0.99; }
|
|
7910
|
-
|
|
7911
7756
|
76% {
|
|
7912
7757
|
opacity: 0; } }
|
|
7913
7758
|
|
|
7914
7759
|
@keyframes mdl-spinner__layer-3-fade-in-out {
|
|
7915
7760
|
from {
|
|
7916
7761
|
opacity: 0; }
|
|
7917
|
-
|
|
7918
7762
|
40% {
|
|
7919
7763
|
opacity: 0; }
|
|
7920
|
-
|
|
7921
7764
|
50% {
|
|
7922
7765
|
opacity: 0.99; }
|
|
7923
|
-
|
|
7924
7766
|
75% {
|
|
7925
7767
|
opacity: 0.99; }
|
|
7926
|
-
|
|
7927
7768
|
76% {
|
|
7928
7769
|
opacity: 0; } }
|
|
7929
7770
|
|
|
7930
7771
|
@-webkit-keyframes mdl-spinner__layer-4-fade-in-out {
|
|
7931
7772
|
from {
|
|
7932
7773
|
opacity: 0; }
|
|
7933
|
-
|
|
7934
7774
|
65% {
|
|
7935
7775
|
opacity: 0; }
|
|
7936
|
-
|
|
7937
7776
|
75% {
|
|
7938
7777
|
opacity: 0.99; }
|
|
7939
|
-
|
|
7940
7778
|
90% {
|
|
7941
7779
|
opacity: 0.99; }
|
|
7942
|
-
|
|
7943
7780
|
100% {
|
|
7944
7781
|
opacity: 0; } }
|
|
7945
7782
|
|
|
7946
7783
|
@keyframes mdl-spinner__layer-4-fade-in-out {
|
|
7947
7784
|
from {
|
|
7948
7785
|
opacity: 0; }
|
|
7949
|
-
|
|
7950
7786
|
65% {
|
|
7951
7787
|
opacity: 0; }
|
|
7952
|
-
|
|
7953
7788
|
75% {
|
|
7954
7789
|
opacity: 0.99; }
|
|
7955
|
-
|
|
7956
7790
|
90% {
|
|
7957
7791
|
opacity: 0.99; }
|
|
7958
|
-
|
|
7959
7792
|
100% {
|
|
7960
7793
|
opacity: 0; } }
|
|
7961
7794
|
|
|
@@ -8027,11 +7860,9 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
8027
7860
|
from {
|
|
8028
7861
|
-webkit-transform: rotate(130deg);
|
|
8029
7862
|
transform: rotate(130deg); }
|
|
8030
|
-
|
|
8031
7863
|
50% {
|
|
8032
7864
|
-webkit-transform: rotate(-5deg);
|
|
8033
7865
|
transform: rotate(-5deg); }
|
|
8034
|
-
|
|
8035
7866
|
to {
|
|
8036
7867
|
-webkit-transform: rotate(130deg);
|
|
8037
7868
|
transform: rotate(130deg); } }
|
|
@@ -8040,11 +7871,9 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
8040
7871
|
from {
|
|
8041
7872
|
-webkit-transform: rotate(130deg);
|
|
8042
7873
|
transform: rotate(130deg); }
|
|
8043
|
-
|
|
8044
7874
|
50% {
|
|
8045
7875
|
-webkit-transform: rotate(-5deg);
|
|
8046
7876
|
transform: rotate(-5deg); }
|
|
8047
|
-
|
|
8048
7877
|
to {
|
|
8049
7878
|
-webkit-transform: rotate(130deg);
|
|
8050
7879
|
transform: rotate(130deg); } }
|
|
@@ -8053,11 +7882,9 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
8053
7882
|
from {
|
|
8054
7883
|
-webkit-transform: rotate(-130deg);
|
|
8055
7884
|
transform: rotate(-130deg); }
|
|
8056
|
-
|
|
8057
7885
|
50% {
|
|
8058
7886
|
-webkit-transform: rotate(5deg);
|
|
8059
7887
|
transform: rotate(5deg); }
|
|
8060
|
-
|
|
8061
7888
|
to {
|
|
8062
7889
|
-webkit-transform: rotate(-130deg);
|
|
8063
7890
|
transform: rotate(-130deg); } }
|
|
@@ -8066,11 +7893,9 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
8066
7893
|
from {
|
|
8067
7894
|
-webkit-transform: rotate(-130deg);
|
|
8068
7895
|
transform: rotate(-130deg); }
|
|
8069
|
-
|
|
8070
7896
|
50% {
|
|
8071
7897
|
-webkit-transform: rotate(5deg);
|
|
8072
7898
|
transform: rotate(5deg); }
|
|
8073
|
-
|
|
8074
7899
|
to {
|
|
8075
7900
|
-webkit-transform: rotate(-130deg);
|
|
8076
7901
|
transform: rotate(-130deg); } }
|
|
@@ -8105,8 +7930,7 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
8105
7930
|
* See the License for the specific language governing permissions and
|
|
8106
7931
|
* limitations under the License.
|
|
8107
7932
|
*/
|
|
8108
|
-
|
|
8109
|
-
$CONTENTS
|
|
7933
|
+
/*------------------------------------* $CONTENTS
|
|
8110
7934
|
\*------------------------------------*/
|
|
8111
7935
|
/**
|
|
8112
7936
|
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
|
|
@@ -8360,8 +8184,8 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
8360
8184
|
cursor: pointer;
|
|
8361
8185
|
overflow: hidden;
|
|
8362
8186
|
-webkit-mask-image: -webkit-radial-gradient(circle, white, black);
|
|
8363
|
-
-webkit-transition-duration: 0.
|
|
8364
|
-
transition-duration: 0.
|
|
8187
|
+
-webkit-transition-duration: 0.40s;
|
|
8188
|
+
transition-duration: 0.40s;
|
|
8365
8189
|
-webkit-transition-timing-function: step-end;
|
|
8366
8190
|
transition-timing-function: step-end;
|
|
8367
8191
|
-webkit-transition-property: left;
|
|
@@ -8406,8 +8230,7 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
8406
8230
|
* See the License for the specific language governing permissions and
|
|
8407
8231
|
* limitations under the License.
|
|
8408
8232
|
*/
|
|
8409
|
-
|
|
8410
|
-
$CONTENTS
|
|
8233
|
+
/*------------------------------------* $CONTENTS
|
|
8411
8234
|
\*------------------------------------*/
|
|
8412
8235
|
/**
|
|
8413
8236
|
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
|
|
@@ -8612,7 +8435,6 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
8612
8435
|
0% {
|
|
8613
8436
|
opacity: 0;
|
|
8614
8437
|
width: 0; }
|
|
8615
|
-
|
|
8616
8438
|
100% {
|
|
8617
8439
|
opacity: 1;
|
|
8618
8440
|
width: 100%; } }
|
|
@@ -8621,7 +8443,6 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
8621
8443
|
0% {
|
|
8622
8444
|
opacity: 0;
|
|
8623
8445
|
width: 0; }
|
|
8624
|
-
|
|
8625
8446
|
100% {
|
|
8626
8447
|
opacity: 1;
|
|
8627
8448
|
width: 100%; } }
|
|
@@ -8656,8 +8477,7 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
8656
8477
|
* See the License for the specific language governing permissions and
|
|
8657
8478
|
* limitations under the License.
|
|
8658
8479
|
*/
|
|
8659
|
-
|
|
8660
|
-
$CONTENTS
|
|
8480
|
+
/*------------------------------------* $CONTENTS
|
|
8661
8481
|
\*------------------------------------*/
|
|
8662
8482
|
/**
|
|
8663
8483
|
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
|
|
@@ -8801,6 +8621,7 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
8801
8621
|
display: inline-block;
|
|
8802
8622
|
box-sizing: border-box;
|
|
8803
8623
|
width: 300px;
|
|
8624
|
+
max-width: 100%;
|
|
8804
8625
|
margin: 0;
|
|
8805
8626
|
padding: 20px 0; }
|
|
8806
8627
|
.mdl-textfield .mdl-button {
|
|
@@ -8821,7 +8642,7 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
8821
8642
|
.mdl-textfield__input {
|
|
8822
8643
|
border: none;
|
|
8823
8644
|
border-bottom: 1px solid rgba(0,0,0, 0.12);
|
|
8824
|
-
display: block;
|
|
8645
|
+
display: inline-block;
|
|
8825
8646
|
font-size: 16px;
|
|
8826
8647
|
margin: 0;
|
|
8827
8648
|
padding: 4px 0;
|
|
@@ -8858,12 +8679,14 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
8858
8679
|
transition-duration: 0.2s;
|
|
8859
8680
|
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
8860
8681
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
|
|
8861
|
-
.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
|
|
8682
|
+
.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
|
|
8683
|
+
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
|
|
8862
8684
|
color: rgb(63,81,181);
|
|
8863
8685
|
font-size: 12px;
|
|
8864
8686
|
top: 4px;
|
|
8865
8687
|
visibility: visible; }
|
|
8866
|
-
.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,
|
|
8688
|
+
.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,
|
|
8689
|
+
.mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label {
|
|
8867
8690
|
top: -16px; }
|
|
8868
8691
|
.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
|
|
8869
8692
|
color: rgb(222, 50, 38);
|
|
@@ -8942,8 +8765,7 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
8942
8765
|
* See the License for the specific language governing permissions and
|
|
8943
8766
|
* limitations under the License.
|
|
8944
8767
|
*/
|
|
8945
|
-
|
|
8946
|
-
$CONTENTS
|
|
8768
|
+
/*------------------------------------* $CONTENTS
|
|
8947
8769
|
\*------------------------------------*/
|
|
8948
8770
|
/**
|
|
8949
8771
|
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
|
|
@@ -9100,11 +8922,9 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
9100
8922
|
-webkit-transform: scale(0);
|
|
9101
8923
|
transform: scale(0);
|
|
9102
8924
|
opacity: 0; }
|
|
9103
|
-
|
|
9104
8925
|
50% {
|
|
9105
8926
|
-webkit-transform: scale(0.99);
|
|
9106
8927
|
transform: scale(0.99); }
|
|
9107
|
-
|
|
9108
8928
|
100% {
|
|
9109
8929
|
-webkit-transform: scale(1);
|
|
9110
8930
|
transform: scale(1);
|
|
@@ -9116,11 +8936,9 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
9116
8936
|
-webkit-transform: scale(0);
|
|
9117
8937
|
transform: scale(0);
|
|
9118
8938
|
opacity: 0; }
|
|
9119
|
-
|
|
9120
8939
|
50% {
|
|
9121
8940
|
-webkit-transform: scale(0.99);
|
|
9122
8941
|
transform: scale(0.99); }
|
|
9123
|
-
|
|
9124
8942
|
100% {
|
|
9125
8943
|
-webkit-transform: scale(1);
|
|
9126
8944
|
transform: scale(1);
|
|
@@ -9157,8 +8975,193 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
9157
8975
|
* See the License for the specific language governing permissions and
|
|
9158
8976
|
* limitations under the License.
|
|
9159
8977
|
*/
|
|
9160
|
-
|
|
9161
|
-
|
|
8978
|
+
/*------------------------------------* $CONTENTS
|
|
8979
|
+
\*------------------------------------*/
|
|
8980
|
+
/**
|
|
8981
|
+
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
|
|
8982
|
+
* -----Typography
|
|
8983
|
+
* -----Colors
|
|
8984
|
+
* -----Textfield
|
|
8985
|
+
* -----Switch
|
|
8986
|
+
* -----Spinner
|
|
8987
|
+
* -----Radio
|
|
8988
|
+
* -----Menu
|
|
8989
|
+
* -----List
|
|
8990
|
+
* -----Layout
|
|
8991
|
+
* -----Icon toggles
|
|
8992
|
+
* -----Footer
|
|
8993
|
+
* -----Column
|
|
8994
|
+
* -----Checkbox
|
|
8995
|
+
* -----Card
|
|
8996
|
+
* -----Button
|
|
8997
|
+
* -----Animation
|
|
8998
|
+
* -----Progress
|
|
8999
|
+
* -----Badge
|
|
9000
|
+
* -----Shadows
|
|
9001
|
+
* -----Grid
|
|
9002
|
+
* -----Data table
|
|
9003
|
+
*/
|
|
9004
|
+
/* ========== TYPOGRAPHY ========== */
|
|
9005
|
+
/* We're splitting fonts into "preferred" and "performance" in order to optimize
|
|
9006
|
+
page loading. For important text, such as the body, we want it to load
|
|
9007
|
+
immediately and not wait for the web font load, whereas for other sections,
|
|
9008
|
+
such as headers and titles, we're OK with things taking a bit longer to load.
|
|
9009
|
+
We do have some optional classes and parameters in the mixins, in case you
|
|
9010
|
+
definitely want to make sure you're using the preferred font and don't mind
|
|
9011
|
+
the performance hit.
|
|
9012
|
+
We should be able to improve on this once CSS Font Loading L3 becomes more
|
|
9013
|
+
widely available.
|
|
9014
|
+
*/
|
|
9015
|
+
/* ========== COLORS ========== */
|
|
9016
|
+
/**
|
|
9017
|
+
*
|
|
9018
|
+
* Material design color palettes.
|
|
9019
|
+
* @see http://www.google.com/design/spec/style/color.html
|
|
9020
|
+
*
|
|
9021
|
+
**/
|
|
9022
|
+
/**
|
|
9023
|
+
* Copyright 2015 Google Inc. All Rights Reserved.
|
|
9024
|
+
*
|
|
9025
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
9026
|
+
* you may not use this file except in compliance with the License.
|
|
9027
|
+
* You may obtain a copy of the License at
|
|
9028
|
+
*
|
|
9029
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9030
|
+
*
|
|
9031
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
9032
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
9033
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
9034
|
+
* See the License for the specific language governing permissions and
|
|
9035
|
+
* limitations under the License.
|
|
9036
|
+
*/
|
|
9037
|
+
/* ========== Color Palettes ========== */
|
|
9038
|
+
/* colors.scss */
|
|
9039
|
+
/* ========== Color & Themes ========== */
|
|
9040
|
+
/* ========== Typography ========== */
|
|
9041
|
+
/* ========== Components ========== */
|
|
9042
|
+
/* ========== Standard Buttons ========== */
|
|
9043
|
+
/* ========== Icon Toggles ========== */
|
|
9044
|
+
/* ========== Radio Buttons ========== */
|
|
9045
|
+
/* ========== Ripple effect ========== */
|
|
9046
|
+
/* ========== Layout ========== */
|
|
9047
|
+
/* ========== Content Tabs ========== */
|
|
9048
|
+
/* ========== Checkboxes ========== */
|
|
9049
|
+
/* ========== Switches ========== */
|
|
9050
|
+
/* ========== Spinner ========== */
|
|
9051
|
+
/* ========== Text fields ========== */
|
|
9052
|
+
/* ========== Card ========== */
|
|
9053
|
+
/* ========== Sliders ========== */
|
|
9054
|
+
/* ========== Progress ========== */
|
|
9055
|
+
/* ========== List ========== */
|
|
9056
|
+
/* ========== Item ========== */
|
|
9057
|
+
/* ========== Dropdown menu ========== */
|
|
9058
|
+
/* ========== Tooltips ========== */
|
|
9059
|
+
/* ========== Footer ========== */
|
|
9060
|
+
/* TEXTFIELD */
|
|
9061
|
+
/* SWITCH */
|
|
9062
|
+
/* SPINNER */
|
|
9063
|
+
/* RADIO */
|
|
9064
|
+
/* MENU */
|
|
9065
|
+
/* LIST */
|
|
9066
|
+
/* ICONS */
|
|
9067
|
+
/* ICON TOGGLE */
|
|
9068
|
+
/* FOOTER */
|
|
9069
|
+
/*mega-footer*/
|
|
9070
|
+
/**************
|
|
9071
|
+
*
|
|
9072
|
+
* Sizes
|
|
9073
|
+
*
|
|
9074
|
+
*************/
|
|
9075
|
+
/*mini-footer*/
|
|
9076
|
+
/**************
|
|
9077
|
+
*
|
|
9078
|
+
* Sizes
|
|
9079
|
+
*
|
|
9080
|
+
*************/
|
|
9081
|
+
/* COLUMN LAYOUT */
|
|
9082
|
+
/* CHECKBOX */
|
|
9083
|
+
/* CARD */
|
|
9084
|
+
/* Card dimensions */
|
|
9085
|
+
/* Cover image */
|
|
9086
|
+
/* BUTTON */
|
|
9087
|
+
/**
|
|
9088
|
+
*
|
|
9089
|
+
* Dimensions
|
|
9090
|
+
*
|
|
9091
|
+
*/
|
|
9092
|
+
/* ANIMATION */
|
|
9093
|
+
/* PROGRESS */
|
|
9094
|
+
/* BADGE */
|
|
9095
|
+
/* SHADOWS */
|
|
9096
|
+
/* GRID */
|
|
9097
|
+
/* DATA TABLE */
|
|
9098
|
+
/**
|
|
9099
|
+
* Copyright 2015 Google Inc. All Rights Reserved.
|
|
9100
|
+
*
|
|
9101
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
9102
|
+
* you may not use this file except in compliance with the License.
|
|
9103
|
+
* You may obtain a copy of the License at
|
|
9104
|
+
*
|
|
9105
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9106
|
+
*
|
|
9107
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
9108
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
9109
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
9110
|
+
* See the License for the specific language governing permissions and
|
|
9111
|
+
* limitations under the License.
|
|
9112
|
+
*/
|
|
9113
|
+
/* Typography */
|
|
9114
|
+
/* Shadows */
|
|
9115
|
+
/* Animations */
|
|
9116
|
+
.mdl-shadow--2dp {
|
|
9117
|
+
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
|
|
9118
|
+
|
|
9119
|
+
.mdl-shadow--3dp {
|
|
9120
|
+
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }
|
|
9121
|
+
|
|
9122
|
+
.mdl-shadow--4dp {
|
|
9123
|
+
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }
|
|
9124
|
+
|
|
9125
|
+
.mdl-shadow--6dp {
|
|
9126
|
+
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); }
|
|
9127
|
+
|
|
9128
|
+
.mdl-shadow--8dp {
|
|
9129
|
+
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }
|
|
9130
|
+
|
|
9131
|
+
.mdl-shadow--16dp {
|
|
9132
|
+
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }
|
|
9133
|
+
|
|
9134
|
+
/**
|
|
9135
|
+
* Copyright 2015 Google Inc. All Rights Reserved.
|
|
9136
|
+
*
|
|
9137
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
9138
|
+
* you may not use this file except in compliance with the License.
|
|
9139
|
+
* You may obtain a copy of the License at
|
|
9140
|
+
*
|
|
9141
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9142
|
+
*
|
|
9143
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
9144
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
9145
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
9146
|
+
* See the License for the specific language governing permissions and
|
|
9147
|
+
* limitations under the License.
|
|
9148
|
+
*/
|
|
9149
|
+
/**
|
|
9150
|
+
* Copyright 2015 Google Inc. All Rights Reserved.
|
|
9151
|
+
*
|
|
9152
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
9153
|
+
* you may not use this file except in compliance with the License.
|
|
9154
|
+
* You may obtain a copy of the License at
|
|
9155
|
+
*
|
|
9156
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9157
|
+
*
|
|
9158
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
9159
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
9160
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
9161
|
+
* See the License for the specific language governing permissions and
|
|
9162
|
+
* limitations under the License.
|
|
9163
|
+
*/
|
|
9164
|
+
/*------------------------------------* $CONTENTS
|
|
9162
9165
|
\*------------------------------------*/
|
|
9163
9166
|
/**
|
|
9164
9167
|
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
|
|
@@ -9539,27 +9542,27 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
9539
9542
|
padding: 8px; }
|
|
9540
9543
|
.mdl-cell {
|
|
9541
9544
|
margin: 8px;
|
|
9542
|
-
width: calc(33.
|
|
9545
|
+
width: calc(33.3333333333% - 16px); }
|
|
9543
9546
|
.mdl-grid--no-spacing > .mdl-cell {
|
|
9544
|
-
width: 33.
|
|
9547
|
+
width: 33.3333333333%; }
|
|
9545
9548
|
.mdl-cell--hide-desktop {
|
|
9546
9549
|
display: none !important; }
|
|
9547
9550
|
.mdl-cell--1-col {
|
|
9548
|
-
width: calc(8.
|
|
9551
|
+
width: calc(8.3333333333% - 16px); }
|
|
9549
9552
|
.mdl-grid--no-spacing > .mdl-cell--1-col {
|
|
9550
|
-
width: 8.
|
|
9553
|
+
width: 8.3333333333%; }
|
|
9551
9554
|
.mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
|
|
9552
|
-
width: calc(8.
|
|
9555
|
+
width: calc(8.3333333333% - 16px); }
|
|
9553
9556
|
.mdl-grid--no-spacing > .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
|
|
9554
|
-
width: 8.
|
|
9557
|
+
width: 8.3333333333%; }
|
|
9555
9558
|
.mdl-cell--2-col {
|
|
9556
|
-
width: calc(16.
|
|
9559
|
+
width: calc(16.6666666667% - 16px); }
|
|
9557
9560
|
.mdl-grid--no-spacing > .mdl-cell--2-col {
|
|
9558
|
-
width: 16.
|
|
9561
|
+
width: 16.6666666667%; }
|
|
9559
9562
|
.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
|
|
9560
|
-
width: calc(16.
|
|
9563
|
+
width: calc(16.6666666667% - 16px); }
|
|
9561
9564
|
.mdl-grid--no-spacing > .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
|
|
9562
|
-
width: 16.
|
|
9565
|
+
width: 16.6666666667%; }
|
|
9563
9566
|
.mdl-cell--3-col {
|
|
9564
9567
|
width: calc(25% - 16px); }
|
|
9565
9568
|
.mdl-grid--no-spacing > .mdl-cell--3-col {
|
|
@@ -9569,21 +9572,21 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
9569
9572
|
.mdl-grid--no-spacing > .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
|
|
9570
9573
|
width: 25%; }
|
|
9571
9574
|
.mdl-cell--4-col {
|
|
9572
|
-
width: calc(33.
|
|
9575
|
+
width: calc(33.3333333333% - 16px); }
|
|
9573
9576
|
.mdl-grid--no-spacing > .mdl-cell--4-col {
|
|
9574
|
-
width: 33.
|
|
9577
|
+
width: 33.3333333333%; }
|
|
9575
9578
|
.mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
|
|
9576
|
-
width: calc(33.
|
|
9579
|
+
width: calc(33.3333333333% - 16px); }
|
|
9577
9580
|
.mdl-grid--no-spacing > .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
|
|
9578
|
-
width: 33.
|
|
9581
|
+
width: 33.3333333333%; }
|
|
9579
9582
|
.mdl-cell--5-col {
|
|
9580
|
-
width: calc(41.
|
|
9583
|
+
width: calc(41.6666666667% - 16px); }
|
|
9581
9584
|
.mdl-grid--no-spacing > .mdl-cell--5-col {
|
|
9582
|
-
width: 41.
|
|
9585
|
+
width: 41.6666666667%; }
|
|
9583
9586
|
.mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
|
|
9584
|
-
width: calc(41.
|
|
9587
|
+
width: calc(41.6666666667% - 16px); }
|
|
9585
9588
|
.mdl-grid--no-spacing > .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
|
|
9586
|
-
width: 41.
|
|
9589
|
+
width: 41.6666666667%; }
|
|
9587
9590
|
.mdl-cell--6-col {
|
|
9588
9591
|
width: calc(50% - 16px); }
|
|
9589
9592
|
.mdl-grid--no-spacing > .mdl-cell--6-col {
|
|
@@ -9593,21 +9596,21 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
9593
9596
|
.mdl-grid--no-spacing > .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
|
|
9594
9597
|
width: 50%; }
|
|
9595
9598
|
.mdl-cell--7-col {
|
|
9596
|
-
width: calc(58.
|
|
9599
|
+
width: calc(58.3333333333% - 16px); }
|
|
9597
9600
|
.mdl-grid--no-spacing > .mdl-cell--7-col {
|
|
9598
|
-
width: 58.
|
|
9601
|
+
width: 58.3333333333%; }
|
|
9599
9602
|
.mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
|
|
9600
|
-
width: calc(58.
|
|
9603
|
+
width: calc(58.3333333333% - 16px); }
|
|
9601
9604
|
.mdl-grid--no-spacing > .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
|
|
9602
|
-
width: 58.
|
|
9605
|
+
width: 58.3333333333%; }
|
|
9603
9606
|
.mdl-cell--8-col {
|
|
9604
|
-
width: calc(66.
|
|
9607
|
+
width: calc(66.6666666667% - 16px); }
|
|
9605
9608
|
.mdl-grid--no-spacing > .mdl-cell--8-col {
|
|
9606
|
-
width: 66.
|
|
9609
|
+
width: 66.6666666667%; }
|
|
9607
9610
|
.mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
|
|
9608
|
-
width: calc(66.
|
|
9611
|
+
width: calc(66.6666666667% - 16px); }
|
|
9609
9612
|
.mdl-grid--no-spacing > .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
|
|
9610
|
-
width: 66.
|
|
9613
|
+
width: 66.6666666667%; }
|
|
9611
9614
|
.mdl-cell--9-col {
|
|
9612
9615
|
width: calc(75% - 16px); }
|
|
9613
9616
|
.mdl-grid--no-spacing > .mdl-cell--9-col {
|
|
@@ -9617,21 +9620,21 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
|
9617
9620
|
.mdl-grid--no-spacing > .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
|
|
9618
9621
|
width: 75%; }
|
|
9619
9622
|
.mdl-cell--10-col {
|
|
9620
|
-
width: calc(83.
|
|
9623
|
+
width: calc(83.3333333333% - 16px); }
|
|
9621
9624
|
.mdl-grid--no-spacing > .mdl-cell--10-col {
|
|
9622
|
-
width: 83.
|
|
9625
|
+
width: 83.3333333333%; }
|
|
9623
9626
|
.mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
|
|
9624
|
-
width: calc(83.
|
|
9627
|
+
width: calc(83.3333333333% - 16px); }
|
|
9625
9628
|
.mdl-grid--no-spacing > .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
|
|
9626
|
-
width: 83.
|
|
9629
|
+
width: 83.3333333333%; }
|
|
9627
9630
|
.mdl-cell--11-col {
|
|
9628
|
-
width: calc(91.
|
|
9631
|
+
width: calc(91.6666666667% - 16px); }
|
|
9629
9632
|
.mdl-grid--no-spacing > .mdl-cell--11-col {
|
|
9630
|
-
width: 91.
|
|
9633
|
+
width: 91.6666666667%; }
|
|
9631
9634
|
.mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
|
|
9632
|
-
width: calc(91.
|
|
9635
|
+
width: calc(91.6666666667% - 16px); }
|
|
9633
9636
|
.mdl-grid--no-spacing > .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
|
|
9634
|
-
width: 91.
|
|
9637
|
+
width: 91.6666666667%; }
|
|
9635
9638
|
.mdl-cell--12-col {
|
|
9636
9639
|
width: calc(100% - 16px); }
|
|
9637
9640
|
.mdl-grid--no-spacing > .mdl-cell--12-col {
|
|
@@ -9700,4 +9703,3 @@ iframe.heightSet {
|
|
|
9700
9703
|
margin: 24px; }
|
|
9701
9704
|
.demo-wrapper iframe {
|
|
9702
9705
|
border: 1px solid rgba(0, 0, 0, 0.5); }
|
|
9703
|
-
|