48 lines
No EOL
769 B
SCSS
48 lines
No EOL
769 B
SCSS
/*
|
|
SVG ICON SYSTEM
|
|
per https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4
|
|
*/
|
|
.icon {
|
|
display: inline-flex;
|
|
align-self: center;
|
|
}
|
|
|
|
.icon svg,
|
|
.icon img {
|
|
height: 1em;
|
|
width: 1em;
|
|
fill: currentColor;
|
|
}
|
|
|
|
.icon.baseline svg,
|
|
.icon img {
|
|
top: 0.15em;
|
|
position: relative;
|
|
}
|
|
|
|
// // for navbar-brand logo, could be used for other non-icon SVGs with an extra class to controll the size
|
|
// .logo {
|
|
// display: inline-flex;
|
|
// align-self: center;
|
|
// }
|
|
|
|
// .logo svg,
|
|
// .logo img {
|
|
// height: 5.3rem;
|
|
// fill: currentColor;
|
|
// }
|
|
|
|
// .logo.baseline svg,
|
|
// .logo img {
|
|
// top: 0.15em;
|
|
// position: relative;
|
|
// }
|
|
|
|
svg {
|
|
&.img {
|
|
fill: currentColor;
|
|
&.header-logo {
|
|
height: 5.3rem;
|
|
}
|
|
}
|
|
} |