You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
plain-ui/src/scss/components/_bar.scss

45 lines
722 B

/**
*
*
*
*
*/
@mixin plain-ui__component__bar()
{
.bar {
display: flex;
height: 2.8em;
background-color: $plain-ui__primary-light;
color: white;
.icon {
font-size: 1.5rem;
}
&__start {
justify-content: start;
width: fit-content;
}
&__main {
width: 100%;
}
&__end {
text-align: right;
margin-left: 0.75em;
width: fit-content;
}
&__start, &__main, &__end {
align-self: center;
margin-left: 0.75em;
&:last-child {
margin-right: 0.75em;
}
}
}
}