From 0c7f713887292a5fd023ded86ee1d00a146b2f6d Mon Sep 17 00:00:00 2001 From: therewasaguy Date: Mon, 18 Jul 2016 19:10:42 -0400 Subject: [PATCH] console BEM style --- client/modules/IDE/components/Console.js | 2 +- client/styles/abstracts/_variables.scss | 3 +++ client/styles/components/_console.scss | 14 +++++++------- 3 files changed, 11 insertions(+), 8 deletions(-) diff --git a/client/modules/IDE/components/Console.js b/client/modules/IDE/components/Console.js index c604cc41..e05809db 100644 --- a/client/modules/IDE/components/Console.js +++ b/client/modules/IDE/components/Console.js @@ -25,7 +25,7 @@ class Console extends React.Component { const args = nextProps.consoleEvent.arguments; const method = nextProps.consoleEvent.method; const nextChild = ( -
+
{Object.keys(args).map((key) => {args[key]})}
); diff --git a/client/styles/abstracts/_variables.scss b/client/styles/abstracts/_variables.scss index aea3f2fb..a006ff62 100644 --- a/client/styles/abstracts/_variables.scss +++ b/client/styles/abstracts/_variables.scss @@ -39,3 +39,6 @@ $dark-button-active-color: $white; $ide-border-color: #f4f4f4; $editor-selected-line-color: #f3f3f3; $input-border-color: #979797; + +$console-warn-color: #ffbe05; +$console-error-color: #ff5f52; diff --git a/client/styles/components/_console.scss b/client/styles/components/_console.scss index 0d4b43f7..8dd0e6ba 100644 --- a/client/styles/components/_console.scss +++ b/client/styles/components/_console.scss @@ -4,7 +4,7 @@ height:60px; right:0px; bottom: 0px; - background:grey; + background:$dark-background-color; z-index:1000; & > { @@ -13,15 +13,15 @@ } // assign styles to different types of console messages - .log { - color: black; + .preview-console__log { + color: $dark-secondary-text-color; } - .error { - color: red; + .preview-console__error { + color: $console-error-color; } - .warn { - color: yellow; + .preview-console__warn { + color: $console-warn-color; } } \ No newline at end of file