Add initial implementation of sidenotes

2019-12-06 00:10:26 -08:00
parent 3df9c57482
commit b0529a9124
5 changed files with 68 additions and 5 deletions
--- a/assets/scss/gmachine.scss
+++ b/assets/scss/gmachine.scss
@@ -1,14 +1,13 @@
-$basic-border: 1px solid #bfbfbf;
+@import "style.scss";

 .gmachine-instruction {
    display: flex;
-    border: $basic-border;
-    border-radius: 2px;
+    @include bordered-block;
 }

 .gmachine-instruction-name {
    padding: 10px;
-    border-right: $basic-border;
+    border-right: $standard-border;
    flex-grow: 1;
    flex-basis: 20%;
    text-align: center;
@@ -20,7 +19,7 @@ $basic-border: 1px solid #bfbfbf;
 }

 .gmachine-inner {
-    border-bottom: $basic-border;
+    border-bottom: $standard-border;
    width: 100%;

    &:last-child {