Added MDI-scss. Slightly modified to match path structure.
This commit is contained in:
parent
f839696169
commit
a30e09db9e
@ -10,4 +10,4 @@
|
|||||||
@import 'tag/tag';
|
@import 'tag/tag';
|
||||||
@import 'message/message';
|
@import 'message/message';
|
||||||
@import 'pagination/pagination';
|
@import 'pagination/pagination';
|
||||||
@import 'fonts/fonts';
|
@import 'materialdesignicons/materialdesignicons';
|
||||||
|
27
components/01_Atoms/materialdesignicons/_animated.scss
Normal file
27
components/01_Atoms/materialdesignicons/_animated.scss
Normal file
@ -0,0 +1,27 @@
|
|||||||
|
// From Font Awesome
|
||||||
|
.#{$mdi-css-prefix}-spin:before {
|
||||||
|
-webkit-animation: #{$mdi-css-prefix}-spin 2s infinite linear;
|
||||||
|
animation: #{$mdi-css-prefix}-spin 2s infinite linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes #{$mdi-css-prefix}-spin {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
-webkit-transform: rotate(359deg);
|
||||||
|
transform: rotate(359deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes #{$mdi-css-prefix}-spin {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
-webkit-transform: rotate(359deg);
|
||||||
|
transform: rotate(359deg);
|
||||||
|
}
|
||||||
|
}
|
10
components/01_Atoms/materialdesignicons/_core.scss
Normal file
10
components/01_Atoms/materialdesignicons/_core.scss
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
.#{$mdi-css-prefix}:before,
|
||||||
|
.#{$mdi-css-prefix}-set {
|
||||||
|
display: inline-block;
|
||||||
|
font: normal normal normal #{$mdi-font-size-base}/1 '#{$mdi-font-name}'; // shortening font declaration
|
||||||
|
font-size: inherit; // can't have font-size inherit on line above, so need to override
|
||||||
|
text-rendering: auto; // optimizelegibility throws things off #1094
|
||||||
|
line-height: inherit;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
}
|
65
components/01_Atoms/materialdesignicons/_extras.scss
Normal file
65
components/01_Atoms/materialdesignicons/_extras.scss
Normal file
@ -0,0 +1,65 @@
|
|||||||
|
$mdi-sizes: 18 24 36 48 !default;
|
||||||
|
@each $mdi-size in $mdi-sizes {
|
||||||
|
.#{$mdi-css-prefix}-#{$mdi-size}px {
|
||||||
|
&.#{$mdi-css-prefix}-set,
|
||||||
|
&.#{$mdi-css-prefix}:before {
|
||||||
|
font-size: $mdi-size * 1px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.#{$mdi-css-prefix}-dark {
|
||||||
|
&:before {
|
||||||
|
color: rgba(0, 0, 0, 0.54);
|
||||||
|
}
|
||||||
|
&.#{$mdi-css-prefix}-inactive:before {
|
||||||
|
color: rgba(0, 0, 0, 0.26);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.#{$mdi-css-prefix}-light {
|
||||||
|
&:before {
|
||||||
|
color: rgba(255, 255, 255, 1);
|
||||||
|
}
|
||||||
|
&.#{$mdi-css-prefix}-inactive:before {
|
||||||
|
color: rgba(255, 255, 255, 0.3);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$mdi-degrees: 45 90 135 180 225 270 315 !default;
|
||||||
|
@each $mdi-degree in $mdi-degrees {
|
||||||
|
.#{$mdi-css-prefix}-rotate-#{$mdi-degree}{
|
||||||
|
&:before {
|
||||||
|
-webkit-transform: rotate(#{$mdi-degree}deg);
|
||||||
|
-ms-transform: rotate(#{$mdi-degree}deg);
|
||||||
|
transform: rotate(#{$mdi-degree}deg);
|
||||||
|
}
|
||||||
|
/*
|
||||||
|
// Not included in production
|
||||||
|
&.#{$mdi-css-prefix}-flip-h:before {
|
||||||
|
-webkit-transform: scaleX(-1) rotate(#{$mdi-degree}deg);
|
||||||
|
transform: scaleX(-1) rotate(#{$mdi-degree}deg);
|
||||||
|
filter: FlipH;
|
||||||
|
-ms-filter: "FlipH";
|
||||||
|
}
|
||||||
|
&.#{$mdi-css-prefix}-flip-v:before {
|
||||||
|
-webkit-transform: scaleY(-1) rotate(#{$mdi-degree}deg);
|
||||||
|
-ms-transform: rotate(#{$mdi-degree}deg);
|
||||||
|
transform: scaleY(-1) rotate(#{$mdi-degree}deg);
|
||||||
|
filter: FlipV;
|
||||||
|
-ms-filter: "FlipV";
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.#{$mdi-css-prefix}-flip-h:before {
|
||||||
|
-webkit-transform: scaleX(-1);
|
||||||
|
transform: scaleX(-1);
|
||||||
|
filter: FlipH;
|
||||||
|
-ms-filter: "FlipH";
|
||||||
|
}
|
||||||
|
.#{$mdi-css-prefix}-flip-v:before {
|
||||||
|
-webkit-transform: scaleY(-1);
|
||||||
|
transform: scaleY(-1);
|
||||||
|
filter: FlipV;
|
||||||
|
-ms-filter: "FlipV";
|
||||||
|
}
|
20
components/01_Atoms/materialdesignicons/_functions.scss
Normal file
20
components/01_Atoms/materialdesignicons/_functions.scss
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
@function char($character-code) {
|
||||||
|
@if function-exists("selector-append") {
|
||||||
|
@return unquote("\"\\#{$character-code}\"");
|
||||||
|
}
|
||||||
|
|
||||||
|
@if "\\#{'x'}" == "\\x" {
|
||||||
|
@return str-slice("\x", 1, 1) + $character-code;
|
||||||
|
}
|
||||||
|
@else {
|
||||||
|
@return #{"\"\\"}#{$character-code + "\""};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@function mdi($name) {
|
||||||
|
@if map-has-key($mdi-icons, $name) == false {
|
||||||
|
@warn "Icon #{$name} not found.";
|
||||||
|
@return "";
|
||||||
|
}
|
||||||
|
@return char(map-get($mdi-icons, $name));
|
||||||
|
}
|
10
components/01_Atoms/materialdesignicons/_icons.scss
Normal file
10
components/01_Atoms/materialdesignicons/_icons.scss
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
@each $key, $value in $mdi-icons {
|
||||||
|
.#{$mdi-css-prefix}-#{$key}::before {
|
||||||
|
content: char($value);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.#{$mdi-css-prefix}-blank::before {
|
||||||
|
content: "\F68C";
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
@ -0,0 +1,8 @@
|
|||||||
|
/* MaterialDesignIcons.com */
|
||||||
|
@import "variables";
|
||||||
|
@import "functions";
|
||||||
|
@import "path";
|
||||||
|
@import "core";
|
||||||
|
@import "icons";
|
||||||
|
@import "extras";
|
||||||
|
@import "animated";
|
10
components/01_Atoms/materialdesignicons/_path.scss
Normal file
10
components/01_Atoms/materialdesignicons/_path.scss
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family: '#{$mdi-font-name}';
|
||||||
|
src: url('#{$mdi-font-path}/#{$mdi-filename}-webfont.eot?v=#{$mdi-version}');
|
||||||
|
src: url('#{$mdi-font-path}/#{$mdi-filename}-webfont.eot?#iefix&v=#{$mdi-version}') format('embedded-opentype'),
|
||||||
|
url('#{$mdi-font-path}/#{$mdi-filename}-webfont.woff2?v=#{$mdi-version}') format('woff2'),
|
||||||
|
url('#{$mdi-font-path}/#{$mdi-filename}-webfont.woff?v=#{$mdi-version}') format('woff'),
|
||||||
|
url('#{$mdi-font-path}/#{$mdi-filename}-webfont.ttf?v=#{$mdi-version}') format('truetype');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
6306
components/01_Atoms/materialdesignicons/_variables.scss
Normal file
6306
components/01_Atoms/materialdesignicons/_variables.scss
Normal file
File diff suppressed because it is too large
Load Diff
@ -43,12 +43,6 @@
|
|||||||
font-display: swap;
|
font-display: swap;
|
||||||
src: local('Montserrat Bold'), local('Montserrat-Bold'), url(fonts/Montserrat/Montserrat-Bold.woff2) format('woff2');
|
src: local('Montserrat Bold'), local('Montserrat-Bold'), url(fonts/Montserrat/Montserrat-Bold.woff2) format('woff2');
|
||||||
}
|
}
|
||||||
@font-face {
|
|
||||||
font-family: 'Material Icons';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
src: local("MaterialIcons Regular"), local("MaterialIcons-Regular"), url(fonts/MaterialDesignIcons/MaterialIcons-Regular.woff2) format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
// Define global color variables.
|
// Define global color variables.
|
||||||
$-beige: #D7CEC7;
|
$-beige: #D7CEC7;
|
||||||
|
Loading…
Reference in New Issue
Block a user