improve & simplify inline svg handling

This commit is contained in:
Adam Piontek 2021-07-25 09:44:34 -04:00
parent ac64cafac7
commit 9c38938bf4
3 changed files with 28 additions and 18 deletions
assets/css

View file

@ -20,20 +20,29 @@
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;
}
// // 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 svg,
// .logo img {
// height: 5.3rem;
// fill: currentColor;
// }
.logo.baseline svg,
.logo img {
top: 0.15em;
position: relative;
}
// .logo.baseline svg,
// .logo img {
// top: 0.15em;
// position: relative;
// }
svg {
&.img {
fill: currentColor;
&.header-logo {
height: 5.3rem;
}
}
}