diff options
| -rw-r--r-- | root/meta/text$moonscript -> fn -> mmm$dom.moon | 4 | ||||
| -rw-r--r-- | scss/main.scss | 16 |
2 files changed, 15 insertions, 5 deletions
diff --git a/root/meta/text$moonscript -> fn -> mmm$dom.moon b/root/meta/text$moonscript -> fn -> mmm$dom.moon index bff47be..65ba93f 100644 --- a/root/meta/text$moonscript -> fn -> mmm$dom.moon +++ b/root/meta/text$moonscript -> fn -> mmm$dom.moon @@ -3,8 +3,8 @@ import div, h3, p, br, ul, li, b, a from require 'mmm.dom' => div { style: { 'max-width': '700px' }, h3 @gett 'title: text/plain', style: { 'margin-bottom': '-.5em' }, - p "mmm is a collection of Lua/Moonscript modules for web development.", - "All modules are 'polymorphic' - they can run in the ", (b 'browser'), + p "mmm is a collection of Lua/Moonscript modules for web development. + All modules are 'polymorphic' - they can run in the ", (b 'browser'), ", using the native browser API for creating and interacting with DOM content, as well as on the ", (b 'server'), ", where they operate on and produce equivalent HTML strings." p "As the two implementations of each module are designed to be compatible, diff --git a/scss/main.scss b/scss/main.scss index 16f0dbc..fa9901a 100644 --- a/scss/main.scss +++ b/scss/main.scss @@ -6,6 +6,10 @@ body { font-family: sans-serif; } +a { + color: inherit; +} + .canvas_app { position: relative; @@ -54,6 +58,12 @@ h1 .icons { } } +$gray-bright: #eeeeee; +$gray-dark: #303336; +$gray-neutral: #b9bdc1; +$gray-success: #bdddc1; +$gray-fail: #ddbdc1; + @mixin left-border($w: 0.6rem) { border-style: solid; border-width: 0 0 0 $w; @@ -68,7 +78,7 @@ h1 .icons { pre > code.hljs { @include left-border; - border-color: #303336; + border-color: $gray-dark; } pre.dual-code { @@ -93,6 +103,6 @@ pre.dual-code { margin: 0 2rem; padding: 1rem; - background: #eeeeee; - border-color: #b9bdc1; + background: $gray-bright; + border-color: $gray-neutral; } |