40 lines
630 B
SCSS
40 lines
630 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;
|
|
}
|