Add G-machine graph creation instructions to Part 5
This commit is contained in:
45
assets/scss/gmachine.scss
Normal file
45
assets/scss/gmachine.scss
Normal file
@@ -0,0 +1,45 @@
|
||||
$basic-border: 1px solid #bfbfbf;
|
||||
|
||||
.gmachine-instruction {
|
||||
display: flex;
|
||||
border: $basic-border;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.gmachine-instruction-name {
|
||||
padding: 10px;
|
||||
border-right: $basic-border;
|
||||
flex-grow: 1;
|
||||
flex-basis: 20%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.gmachine-instruction-sem {
|
||||
width: 100%;
|
||||
flex-grow: 4;
|
||||
}
|
||||
|
||||
.gmachine-inner {
|
||||
border-bottom: $basic-border;
|
||||
width: 100%;
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
|
||||
.gmachine-inner-label {
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.gmachine-inner-text {
|
||||
padding: 10px;
|
||||
text-align: right;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.gmachine-instruction-name, .gmachine-inner-label, .gmachine-inner {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
Reference in New Issue
Block a user