boyska/plaid
1
0
Fork 0
forked from lesion/plaid
Code Releases Activity

style fix

Browse source
This commit is contained in:
boyska 2023-09-14 13:02:32 +02:00
parent 8a75ddcf87
commit c40f550b48
14 changed files with 37 additions and 58 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/fonts/_mixins.scss
View file

@ -1,5 +1,5 @@
// @see https://github.com/twbs/bootstrap/blob/main/scss/_functions.scss
@function material-icons-str-replace($string, $search, $replace: "") {
@function material-icons-str-replace($string, $search, $replace: '') {
$index: str-index($string, $search);
@if $index {
@return str-slice($string, 1, $index - 1) + $replace +
@ -27,12 +27,12 @@
-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
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, " ", "-");
$class-name: material-icons-str-replace($class-name, ' ', '-');
$font-file: $material-icons-font-path + $class-name;
@font-face {
@ -40,9 +40,8 @@
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");
src: url('#{$font-file}.woff2') format('woff2'),
url('#{$font-file}.woff') format('woff');
}
.#{$class-name} {
@ -52,5 +51,5 @@
@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");
@include material-icons-font-class('Material Icons');
}

2
src/fonts/_variables.scss
View file

@ -1,3 +1,3 @@
$material-icons-font-path: "./" !default;
$material-icons-font-path: './' !default;
$material-icons-font-size: 24px !default;
$material-icons-font-display: block !default;

4
src/fonts/filled.css
View file

@ -3,9 +3,7 @@
font-style: normal;
font-weight: 400;
font-display: block;
src:
url("./material-icons.woff2") format("woff2"),
url("./material-icons.woff") format("woff");
src: url("./material-icons.woff2") format("woff2"), url("./material-icons.woff") format("woff");
}
.material-icons {
font-family: "Material Icons";

6
src/fonts/filled.scss
View file

@ -1,4 +1,4 @@
@import "variables";
@import "mixins";
@import 'variables';
@import 'mixins';
@include material-icons-font("Material Icons");
@include material-icons-font('Material Icons');

20
src/fonts/material-icons.css
View file

@ -3,9 +3,7 @@
font-style: normal;
font-weight: 400;
font-display: block;
src:
url("./material-icons.woff2") format("woff2"),
url("./material-icons.woff") format("woff");
src: url("./material-icons.woff2") format("woff2"), url("./material-icons.woff") format("woff");
}
.material-icons {
font-family: "Material Icons";
@ -30,9 +28,7 @@
font-style: normal;
font-weight: 400;
font-display: block;
src:
url("./material-icons-outlined.woff2") format("woff2"),
url("./material-icons-outlined.woff") format("woff");
src: url("./material-icons-outlined.woff2") format("woff2"), url("./material-icons-outlined.woff") format("woff");
}
.material-icons-outlined {
font-family: "Material Icons Outlined";
@ -57,9 +53,7 @@
font-style: normal;
font-weight: 400;
font-display: block;
src:
url("./material-icons-round.woff2") format("woff2"),
url("./material-icons-round.woff") format("woff");
src: url("./material-icons-round.woff2") format("woff2"), url("./material-icons-round.woff") format("woff");
}
.material-icons-round {
font-family: "Material Icons Round";
@ -84,9 +78,7 @@
font-style: normal;
font-weight: 400;
font-display: block;
src:
url("./material-icons-sharp.woff2") format("woff2"),
url("./material-icons-sharp.woff") format("woff");
src: url("./material-icons-sharp.woff2") format("woff2"), url("./material-icons-sharp.woff") format("woff");
}
.material-icons-sharp {
font-family: "Material Icons Sharp";
@ -111,9 +103,7 @@
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");
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";

10
src/fonts/material-icons.scss
View file

@ -1,5 +1,5 @@
@import "filled";
@import "outlined";
@import "round";
@import "sharp";
@import "two-tone";
@import 'filled';
@import 'outlined';
@import 'round';
@import 'sharp';
@import 'two-tone';

4
src/fonts/outlined.css
View file

@ -3,9 +3,7 @@
font-style: normal;
font-weight: 400;
font-display: block;
src:
url("./material-icons-outlined.woff2") format("woff2"),
url("./material-icons-outlined.woff") format("woff");
src: url("./material-icons-outlined.woff2") format("woff2"), url("./material-icons-outlined.woff") format("woff");
}
.material-icons-outlined {
font-family: "Material Icons Outlined";

6
src/fonts/outlined.scss
View file

@ -1,4 +1,4 @@
@import "variables";
@import "mixins";
@import 'variables';
@import 'mixins';
@include material-icons-font("Material Icons Outlined");
@include material-icons-font('Material Icons Outlined');

4
src/fonts/round.css
View file

@ -3,9 +3,7 @@
font-style: normal;
font-weight: 400;
font-display: block;
src:
url("./material-icons-round.woff2") format("woff2"),
url("./material-icons-round.woff") format("woff");
src: url("./material-icons-round.woff2") format("woff2"), url("./material-icons-round.woff") format("woff");
}
.material-icons-round {
font-family: "Material Icons Round";

6
src/fonts/round.scss
View file

@ -1,4 +1,4 @@
@import "variables";
@import "mixins";
@import 'variables';
@import 'mixins';
@include material-icons-font("Material Icons Round");
@include material-icons-font('Material Icons Round');

4
src/fonts/sharp.css
View file

@ -3,9 +3,7 @@
font-style: normal;
font-weight: 400;
font-display: block;
src:
url("./material-icons-sharp.woff2") format("woff2"),
url("./material-icons-sharp.woff") format("woff");
src: url("./material-icons-sharp.woff2") format("woff2"), url("./material-icons-sharp.woff") format("woff");
}
.material-icons-sharp {
font-family: "Material Icons Sharp";

6
src/fonts/sharp.scss
View file

@ -1,4 +1,4 @@
@import "variables";
@import "mixins";
@import 'variables';
@import 'mixins';
@include material-icons-font("Material Icons Sharp");
@include material-icons-font('Material Icons Sharp');

4
src/fonts/two-tone.css
View file

@ -3,9 +3,7 @@
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");
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";

6
src/fonts/two-tone.scss
View file

@ -1,4 +1,4 @@
@import "variables";
@import "mixins";
@import 'variables';
@import 'mixins';
@include material-icons-font("Material Icons Two Tone");
@include material-icons-font('Material Icons Two Tone');