From f704918fe2b187d715fe985ebffebdfbdc4b541f Mon Sep 17 00:00:00 2001 From: Ben Burwell Date: Wed, 14 Sep 2016 16:15:20 -0400 Subject: Add repeat and input --- lib/style.css | 68 +++++++++++++++++++++++++++++++++++++++++++++++++++++------ 1 file changed, 61 insertions(+), 7 deletions(-) (limited to 'lib/style.css') diff --git a/lib/style.css b/lib/style.css index 6b7d25f..3f7ec40 100644 --- a/lib/style.css +++ b/lib/style.css @@ -1,3 +1,8 @@ +* { + margin: 0; + padding: 0; +} + body { font-family: monospace; } @@ -15,8 +20,7 @@ var { } .statement-sequence { - display: block; - border: 2px solid #666; + flex-direction: column; } .statement-sequence > span { @@ -32,7 +36,7 @@ var { .assign::before { content: 'Variable Assignment'; - color: darkmagenta; + color: blueviolet; order: 1; } @@ -68,7 +72,7 @@ var { .while::before { content: 'While'; - color: darkmagenta; + color: blueviolet; } .return > span { @@ -77,13 +81,13 @@ var { .return::after { content: 'Return'; - color: darkmagenta; + color: blueviolet; order: 1; } .compare::before { content: 'Comparison'; - color: darkmagenta; + color: blueviolet; order: 1; } @@ -105,7 +109,7 @@ var { .branch::before { content: 'Logical Branch'; - color: darkmagenta; + color: blueviolet; } .branch > span { @@ -123,3 +127,53 @@ var { .bin-op > var { order: 2; } + +.input { + color: blue; +} + +.input::before { + content: 'Input'; + color: blueviolet; +} + +.call::before { + content: 'Function Call'; + color: blueviolet; +} + +.call > var { + font-weight: bold; + color: darkorange; + order: 1; +} + +.call > span { + order: 2; +} + +.function { + border: 4px solid darkorange; + margin: 3px; + flex-direction: column-reverse; + padding-left: 0; + padding-right: 0; + background-color: white; +} + +.function > var { + background-color: darkorange; +} + +.print { + background-color: greenyellow; +} + +.repeat { + flex-direction: column; +} + +.repeat::before { + content: 'Repeat'; + color: blueviolet; +} -- cgit v1.2.3