mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2025-12-26 03:02:40 +00:00
7b767368df
Removes icons as components, uses mask-image instead. Sets a size on the .fac icons to 1em so by default they are 1em and retain their aspect ratio. rename the icon files for consistency.
70 lines
1.5 KiB
Plaintext
70 lines
1.5 KiB
Plaintext
.fac {
|
|
display : inline-block;
|
|
background-color : currentColor;
|
|
mask-size : contain;
|
|
mask-repeat : no-repeat;
|
|
mask-position : center;
|
|
width : 1em;
|
|
aspect-ratio : 1;
|
|
}
|
|
.position-top-left {
|
|
mask-image: url('../icons/position-top-left.svg');
|
|
}
|
|
.position-top-right {
|
|
mask-image: url('../icons/position-top-right.svg');
|
|
}
|
|
.position-bottom-left {
|
|
mask-image: url('../icons/position-bottom-left.svg');
|
|
}
|
|
.position-bottom-right {
|
|
mask-image: url('../icons/position-bottom-right.svg');
|
|
}
|
|
.position-top {
|
|
mask-image: url('../icons/position-top.svg');
|
|
}
|
|
.position-right {
|
|
mask-image: url('../icons/position-right.svg');
|
|
}
|
|
.position-bottom {
|
|
mask-image: url('../icons/position-bottom.svg');
|
|
}
|
|
.position-left {
|
|
mask-image: url('../icons/position-left.svg');
|
|
}
|
|
.mask-edge {
|
|
mask-image: url('../icons/mask-edge.svg');
|
|
}
|
|
.mask-corner {
|
|
mask-image: url('../icons/mask-corner.svg');
|
|
}
|
|
.mask-center {
|
|
mask-image: url('../icons/mask-center.svg');
|
|
}
|
|
.book-front-cover {
|
|
mask-image: url('../icons/book-front-cover.svg');
|
|
}
|
|
.book-back-cover {
|
|
mask-image: url('../icons/book-back-cover.svg');
|
|
}
|
|
.book-inside-cover {
|
|
mask-image: url('../icons/book-inside-cover.svg');
|
|
}
|
|
.book-part-cover {
|
|
mask-image: url('../icons/book-part-cover.svg');
|
|
}
|
|
.davek {
|
|
mask-image: url('../icons/Davek.svg');
|
|
}
|
|
.rellanic {
|
|
mask-image: url('../icons/Rellanic.svg');
|
|
}
|
|
.iokharic {
|
|
mask-image: url('../icons/Iokharic.svg');
|
|
}
|
|
.zoom-to-fit {
|
|
mask-image: url('../icons/zoom-to-fit.svg');
|
|
}
|
|
.fit-width {
|
|
mask-image: url('../icons/fit-width.svg');
|
|
}
|