blog-static/assets/scss/gmachine.scss

46 lines
744 B
SCSS

@import "variables.scss";
@import "mixins.scss";
.gmachine-instruction {
display: flex;
@include bordered-block;
}
.gmachine-instruction-name {
padding: .8rem;
border-right: $standard-border;
flex-grow: 1;
flex-basis: 20%;
text-align: center;
}
.gmachine-instruction-sem {
width: 100%;
flex-grow: 4;
}
.gmachine-inner {
border-bottom: $standard-border;
width: 100%;
&:last-child {
border-bottom: none;
}
}
.gmachine-inner-label {
padding: .8rem;
font-weight: bold;
}
.gmachine-inner-text {
padding: .8rem;
text-align: right;
flex-grow: 1;
}
.gmachine-instruction-name, .gmachine-inner-label, .gmachine-inner {
display: flex;
align-items: center;
}