First commit
This commit is contained in:
BIN
src/fonts/Framework7Icons-Regular.ttf
Normal file
BIN
src/fonts/Framework7Icons-Regular.ttf
Normal file
Binary file not shown.
BIN
src/fonts/Framework7Icons-Regular.woff
Normal file
BIN
src/fonts/Framework7Icons-Regular.woff
Normal file
Binary file not shown.
BIN
src/fonts/Framework7Icons-Regular.woff2
Normal file
BIN
src/fonts/Framework7Icons-Regular.woff2
Normal file
Binary file not shown.
55
src/fonts/_mixins.scss
Normal file
55
src/fonts/_mixins.scss
Normal file
@@ -0,0 +1,55 @@
|
||||
// @see https://github.com/twbs/bootstrap/blob/main/scss/_functions.scss
|
||||
@function material-icons-str-replace($string, $search, $replace: '') {
|
||||
$index: str-index($string, $search);
|
||||
@if $index {
|
||||
@return str-slice($string, 1, $index - 1) + $replace +
|
||||
material-icons-str-replace(
|
||||
str-slice($string, $index + str-length($search)),
|
||||
$search,
|
||||
$replace
|
||||
);
|
||||
}
|
||||
@return $string;
|
||||
}
|
||||
|
||||
@mixin material-icons-font-class($font-family) {
|
||||
font-family: $font-family;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: $material-icons-font-size;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
word-wrap: normal;
|
||||
direction: ltr;
|
||||
-webkit-font-smoothing: antialiased; // Support for all WebKit browsers
|
||||
-moz-osx-font-smoothing: grayscale; // Support for Firefox
|
||||
text-rendering: optimizeLegibility; // Support for Safari and Chrome
|
||||
font-feature-settings: 'liga'; // Support for IE
|
||||
}
|
||||
|
||||
@mixin material-icons-font($font-family) {
|
||||
$class-name: to-lower-case($font-family);
|
||||
$class-name: material-icons-str-replace($class-name, ' ', '-');
|
||||
$font-file: $material-icons-font-path + $class-name;
|
||||
|
||||
@font-face {
|
||||
font-family: $font-family;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: $material-icons-font-display;
|
||||
src: url('#{$font-file}.woff2') format('woff2'),
|
||||
url('#{$font-file}.woff') format('woff');
|
||||
}
|
||||
|
||||
.#{$class-name} {
|
||||
@include material-icons-font-class($font-family);
|
||||
}
|
||||
}
|
||||
|
||||
@mixin material-icons() {
|
||||
@warn "material-icons() Sass mixin has been deprecated as of 1.0. Use '@extend .material-icons;' instead of '@include material-icons();'.";
|
||||
@include material-icons-font-class('Material Icons');
|
||||
}
|
||||
3
src/fonts/_variables.scss
Normal file
3
src/fonts/_variables.scss
Normal file
@@ -0,0 +1,3 @@
|
||||
$material-icons-font-path: './' !default;
|
||||
$material-icons-font-size: 24px !default;
|
||||
$material-icons-font-display: block !default;
|
||||
24
src/fonts/filled.css
Normal file
24
src/fonts/filled.css
Normal file
@@ -0,0 +1,24 @@
|
||||
@font-face {
|
||||
font-family: "Material Icons";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: block;
|
||||
src: url("./material-icons.woff2") format("woff2"), url("./material-icons.woff") format("woff");
|
||||
}
|
||||
.material-icons {
|
||||
font-family: "Material Icons";
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 24px;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
word-wrap: normal;
|
||||
direction: ltr;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-feature-settings: "liga";
|
||||
}
|
||||
4
src/fonts/filled.scss
Normal file
4
src/fonts/filled.scss
Normal file
@@ -0,0 +1,4 @@
|
||||
@import 'variables';
|
||||
@import 'mixins';
|
||||
|
||||
@include material-icons-font('Material Icons');
|
||||
BIN
src/fonts/material-icons-outlined.woff
Normal file
BIN
src/fonts/material-icons-outlined.woff
Normal file
Binary file not shown.
BIN
src/fonts/material-icons-outlined.woff2
Normal file
BIN
src/fonts/material-icons-outlined.woff2
Normal file
Binary file not shown.
BIN
src/fonts/material-icons-round.woff
Normal file
BIN
src/fonts/material-icons-round.woff
Normal file
Binary file not shown.
BIN
src/fonts/material-icons-round.woff2
Normal file
BIN
src/fonts/material-icons-round.woff2
Normal file
Binary file not shown.
BIN
src/fonts/material-icons-sharp.woff
Normal file
BIN
src/fonts/material-icons-sharp.woff
Normal file
Binary file not shown.
BIN
src/fonts/material-icons-sharp.woff2
Normal file
BIN
src/fonts/material-icons-sharp.woff2
Normal file
Binary file not shown.
BIN
src/fonts/material-icons-two-tone.woff
Normal file
BIN
src/fonts/material-icons-two-tone.woff
Normal file
Binary file not shown.
BIN
src/fonts/material-icons-two-tone.woff2
Normal file
BIN
src/fonts/material-icons-two-tone.woff2
Normal file
Binary file not shown.
124
src/fonts/material-icons.css
Normal file
124
src/fonts/material-icons.css
Normal file
@@ -0,0 +1,124 @@
|
||||
@font-face {
|
||||
font-family: "Material Icons";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: block;
|
||||
src: url("./material-icons.woff2") format("woff2"), url("./material-icons.woff") format("woff");
|
||||
}
|
||||
.material-icons {
|
||||
font-family: "Material Icons";
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 24px;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
word-wrap: normal;
|
||||
direction: ltr;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-feature-settings: "liga";
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Material Icons Outlined";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: block;
|
||||
src: url("./material-icons-outlined.woff2") format("woff2"), url("./material-icons-outlined.woff") format("woff");
|
||||
}
|
||||
.material-icons-outlined {
|
||||
font-family: "Material Icons Outlined";
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 24px;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
word-wrap: normal;
|
||||
direction: ltr;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-feature-settings: "liga";
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Material Icons Round";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: block;
|
||||
src: url("./material-icons-round.woff2") format("woff2"), url("./material-icons-round.woff") format("woff");
|
||||
}
|
||||
.material-icons-round {
|
||||
font-family: "Material Icons Round";
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 24px;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
word-wrap: normal;
|
||||
direction: ltr;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-feature-settings: "liga";
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Material Icons Sharp";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: block;
|
||||
src: url("./material-icons-sharp.woff2") format("woff2"), url("./material-icons-sharp.woff") format("woff");
|
||||
}
|
||||
.material-icons-sharp {
|
||||
font-family: "Material Icons Sharp";
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 24px;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
word-wrap: normal;
|
||||
direction: ltr;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-feature-settings: "liga";
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Material Icons Two Tone";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: block;
|
||||
src: url("./material-icons-two-tone.woff2") format("woff2"), url("./material-icons-two-tone.woff") format("woff");
|
||||
}
|
||||
.material-icons-two-tone {
|
||||
font-family: "Material Icons Two Tone";
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 24px;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
word-wrap: normal;
|
||||
direction: ltr;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-feature-settings: "liga";
|
||||
}
|
||||
5
src/fonts/material-icons.scss
Normal file
5
src/fonts/material-icons.scss
Normal file
@@ -0,0 +1,5 @@
|
||||
@import 'filled';
|
||||
@import 'outlined';
|
||||
@import 'round';
|
||||
@import 'sharp';
|
||||
@import 'two-tone';
|
||||
BIN
src/fonts/material-icons.woff
Normal file
BIN
src/fonts/material-icons.woff
Normal file
Binary file not shown.
BIN
src/fonts/material-icons.woff2
Normal file
BIN
src/fonts/material-icons.woff2
Normal file
Binary file not shown.
24
src/fonts/outlined.css
Normal file
24
src/fonts/outlined.css
Normal file
@@ -0,0 +1,24 @@
|
||||
@font-face {
|
||||
font-family: "Material Icons Outlined";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: block;
|
||||
src: url("./material-icons-outlined.woff2") format("woff2"), url("./material-icons-outlined.woff") format("woff");
|
||||
}
|
||||
.material-icons-outlined {
|
||||
font-family: "Material Icons Outlined";
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 24px;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
word-wrap: normal;
|
||||
direction: ltr;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-feature-settings: "liga";
|
||||
}
|
||||
4
src/fonts/outlined.scss
Normal file
4
src/fonts/outlined.scss
Normal file
@@ -0,0 +1,4 @@
|
||||
@import 'variables';
|
||||
@import 'mixins';
|
||||
|
||||
@include material-icons-font('Material Icons Outlined');
|
||||
24
src/fonts/round.css
Normal file
24
src/fonts/round.css
Normal file
@@ -0,0 +1,24 @@
|
||||
@font-face {
|
||||
font-family: "Material Icons Round";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: block;
|
||||
src: url("./material-icons-round.woff2") format("woff2"), url("./material-icons-round.woff") format("woff");
|
||||
}
|
||||
.material-icons-round {
|
||||
font-family: "Material Icons Round";
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 24px;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
word-wrap: normal;
|
||||
direction: ltr;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-feature-settings: "liga";
|
||||
}
|
||||
4
src/fonts/round.scss
Normal file
4
src/fonts/round.scss
Normal file
@@ -0,0 +1,4 @@
|
||||
@import 'variables';
|
||||
@import 'mixins';
|
||||
|
||||
@include material-icons-font('Material Icons Round');
|
||||
24
src/fonts/sharp.css
Normal file
24
src/fonts/sharp.css
Normal file
@@ -0,0 +1,24 @@
|
||||
@font-face {
|
||||
font-family: "Material Icons Sharp";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: block;
|
||||
src: url("./material-icons-sharp.woff2") format("woff2"), url("./material-icons-sharp.woff") format("woff");
|
||||
}
|
||||
.material-icons-sharp {
|
||||
font-family: "Material Icons Sharp";
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 24px;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
word-wrap: normal;
|
||||
direction: ltr;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-feature-settings: "liga";
|
||||
}
|
||||
4
src/fonts/sharp.scss
Normal file
4
src/fonts/sharp.scss
Normal file
@@ -0,0 +1,4 @@
|
||||
@import 'variables';
|
||||
@import 'mixins';
|
||||
|
||||
@include material-icons-font('Material Icons Sharp');
|
||||
24
src/fonts/two-tone.css
Normal file
24
src/fonts/two-tone.css
Normal file
@@ -0,0 +1,24 @@
|
||||
@font-face {
|
||||
font-family: "Material Icons Two Tone";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: block;
|
||||
src: url("./material-icons-two-tone.woff2") format("woff2"), url("./material-icons-two-tone.woff") format("woff");
|
||||
}
|
||||
.material-icons-two-tone {
|
||||
font-family: "Material Icons Two Tone";
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 24px;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
word-wrap: normal;
|
||||
direction: ltr;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-feature-settings: "liga";
|
||||
}
|
||||
4
src/fonts/two-tone.scss
Normal file
4
src/fonts/two-tone.scss
Normal file
@@ -0,0 +1,4 @@
|
||||
@import 'variables';
|
||||
@import 'mixins';
|
||||
|
||||
@include material-icons-font('Material Icons Two Tone');
|
||||
Reference in New Issue
Block a user