Style update to the tutorial pages
MODIFY
tutorials/common/index-website.pug
tutorials/common/index-website.pug
@@ -32,8 +32,8 @@ mixin codeblock(format, step, parentstep, initial, stepname, target)
.codeblock_step #{attributes.stepname}
.codeblock_active Active
.codeblock_inactive Inactive
- button.codeblock_run Run
- button.codeblock_reset Reset
+ button.codeblock_run.btn.btn-primary.btn-sm Run
+ button.codeblock_reset.btn.btn-link.btn-sm Reset
//-
Tests for a the state of a target iframe after the most recent codeblock is

MODIFY
tutorials/common/tutorials.css
tutorials/common/tutorials.css
@@ -27,8 +27,9 @@ html, body {
#tutorial {
overflow-x: hidden;
overflow-y: auto;
- padding: 0.5em;
- background: ivory;
+ padding: 1em;
+ padding-right: 0.5em;
+ background: #f9f9f9;
resize: horizontal;
min-width: 10em;
}
@@ -83,4 +84,3 @@ html, body {
.codeblock_test {
display: none;
}
-

Style update to the tutorial pages