First commit: Logo outline

This commit is contained in:
Dita Aji Pratama 2023-12-24 02:07:21 +07:00
parent 50ec2525b9
commit 2a7c9d1066
3 changed files with 22 additions and 0 deletions

13
cheese.css Normal file
View File

@ -0,0 +1,13 @@
.logo-outline-white {
filter: drop-shadow(1px 0 0 white) drop-shadow(-1px 0 white) drop-shadow(0 1px 0 white) drop-shadow(0 -1px 0 white) drop-shadow(1px 1px 0 white) drop-shadow(1px -1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(-1px -1px 0 white);
}
.logo-outline-black {
filter: drop-shadow(1px 0 0 black) drop-shadow(-1px 0 black) drop-shadow(0 1px 0 black) drop-shadow(0 -1px 0 black) drop-shadow(1px 1px 0 black) drop-shadow(1px -1px 0 black) drop-shadow(-1px 1px 0 black) drop-shadow(-1px -1px 0 black);
}
.logo-outline-grey {
filter: drop-shadow(1px 0 0 grey) drop-shadow(-1px 0 grey) drop-shadow(0 1px 0 grey) drop-shadow(0 -1px 0 grey) drop-shadow(1px 1px 0 grey) drop-shadow(1px -1px 0 grey) drop-shadow(-1px 1px 0 grey) drop-shadow(-1px -1px 0 grey);
}
/*# sourceMappingURL=cheese.css.map */

1
cheese.css.map Normal file
View File

@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["cheese.sass"],"names":[],"mappings":"AAME;EACE;;;AADF;EACE;;;AADF;EACE","file":"cheese.css"}

8
cheese.sass Normal file
View File

@ -0,0 +1,8 @@
$outline-colors-list: ("white": white, "black": black, "grey": grey )
$outline-weight-pos: 1px
$outline-weight-neg: $outline-weight-pos * -1
@each $outline-name, $outline-color in $outline-colors-list
.logo-outline-#{$outline-name}
filter: drop-shadow($outline-weight-pos 0 0 $outline-color) drop-shadow($outline-weight-neg 0 $outline-color) drop-shadow(0 $outline-weight-pos 0 $outline-color) drop-shadow(0 $outline-weight-neg 0 $outline-color) drop-shadow($outline-weight-pos $outline-weight-pos 0 $outline-color) drop-shadow($outline-weight-pos $outline-weight-neg 0 $outline-color) drop-shadow($outline-weight-neg $outline-weight-pos 0 $outline-color) drop-shadow($outline-weight-neg $outline-weight-neg 0 $outline-color)