@nomios/web-uikit
Version:
Nomios' living web UIKit
43 lines (42 loc) • 1.26 kB
CSS
.container {
display: inline-flex;
font-size: 1rem
}
.container.vertical {
flex-direction: column;
justify-content: center;
align-items: center
}
.container.vertical .svg:first-child {
margin-bottom: 1.6rem;
}
.container.horizontal {
flex-direction: row;
justify-content: center;
align-items: center
}
.container.horizontal .svg:first-child {
margin-right: 2.6rem;
}
.container .svg {
display: inline-block;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: fill 0.2s ease, fill-opacity 0.2s ease
}
.container .svg.symbol {
width: 5.2em;
height: 8.5em; /* Must have an height otherwise it will have an extra space on IE11 */
}
.container .svg.logotype {
width: 15.5em;
height: 2.9em; /* Must have an height otherwise it will have an extra space on IE11 */
}
.container .svg svg {
width: inherit;
height: inherit;
display: block; /* Remove little margin between the svg and its parent */
}