diff --git a/src/styles/scss/_gjs_variables.scss b/src/styles/scss/_gjs_variables.scss index f03c8e05e..fb79eb54d 100644 --- a/src/styles/scss/_gjs_variables.scss +++ b/src/styles/scss/_gjs_variables.scss @@ -1,78 +1,76 @@ - - /* Class names prefixes */ -$app-prefix: 'gjs-' !default; -$nv-prefix: $app-prefix + 'nv-' !default; -$rte-prefix: $app-prefix + 'rte-' !default; -$comp-prefix: $app-prefix + 'comp-' !default; -$mdl-prefix: $app-prefix + 'mdl-' !default; -$am-prefix: $app-prefix + 'am-' !default; -$cm-prefix: $app-prefix + 'cm-' !default; -$pn-prefix: $app-prefix + 'pn-' !default; -$com-prefix: $app-prefix + 'com-' !default; -$sm-prefix: $app-prefix + 'sm-' !default; -$cv-prefix: $app-prefix + 'cv-' !default; -$clm-prefix: $app-prefix + 'clm-' !default; -$trt-prefix: $app-prefix + 'trt-' !default; +$app-prefix: 'gjs-' !default; +$nv-prefix: $app-prefix + 'nv-' !default; +$rte-prefix: $app-prefix + 'rte-' !default; +$comp-prefix: $app-prefix + 'comp-' !default; +$mdl-prefix: $app-prefix + 'mdl-' !default; +$am-prefix: $app-prefix + 'am-' !default; +$cm-prefix: $app-prefix + 'cm-' !default; +$pn-prefix: $app-prefix + 'pn-' !default; +$com-prefix: $app-prefix + 'com-' !default; +$sm-prefix: $app-prefix + 'sm-' !default; +$cv-prefix: $app-prefix + 'cv-' !default; +$clm-prefix: $app-prefix + 'clm-' !default; +$trt-prefix: $app-prefix + 'trt-' !default; /* Colors / Theme */ /* Dark theme */ -$mainColor: #444 !default; /* Light: #573454 Dark: #3b2639 -moz-linear-gradient(top, #fca99b 0%, #6e2842 100%) */ -$fontColor: #ddd !default; /* l: #d8d7db */ -$fontColorActive: #f8f8f8 !default; +$mainColor: #444 !default; /* Light: #573454 Dark: #3b2639 -moz-linear-gradient(top, #fca99b 0%, #6e2842 100%) */ +$fontColor: #ddd !default; /* l: #d8d7db */ +$fontColorActive: #f8f8f8 !default; /* Light theme -$mainColor: #fff; -$fontColor: #9299a3; -$fontColorActive: #4f8ef7; +$mainColor: #fff; +$fontColor: #9299a3; +$fontColorActive: #4f8ef7; */ -$mainDkColor: rgba(0, 0, 0, 0.2) !default;/* darken($mainColor, 4%) - #383838 */ -$mainDklColor: rgba(0, 0, 0, 0.1) !default; -$mainLhColor: rgba(255, 255, 255, 0.1) !default; /* #515151 */ -$mainLhlColor: rgba(255, 255, 255, 0.7) !default; -$fontColorDk: #777 !default; -$mainFont: Helvetica, sans-serif !default; -$colorBlue: #3b97e3 !default; -$colorRed: #dd3636 !default; -$colorYell: #ffca6f !default; -$colorGreen: #62c462 !default; -$tagBg: #804f7b !default; -$secColor: $tagBg !default; -$imageCompDim: 50px !default; -$leftWidth: 15% !default; +$mainDkColor: rgba(0, 0, 0, 0.2) !default;/* darken($mainColor, 4%) - #383838 */ +$mainDklColor: rgba(0, 0, 0, 0.1) !default; +$mainLhColor: rgba(255, 255, 255, 0.1) !default; /* #515151 */ +$mainLhlColor: rgba(255, 255, 255, 0.7) !default; +$fontColorDk: #777 !default; +$mainFont: Helvetica, sans-serif !default; +$colorBlue: #3b97e3 !default; +$colorRed: #dd3636 !default; +$colorYell: #ffca6f !default; +$colorGreen: #62c462 !default; +$tagBg: #804f7b !default; +$secColor: $tagBg !default; +$imageCompDim: 50px !default; +$leftWidth: 15% !default; /* Color Helpers */ -$colorHighlight: #71b7f1 !default; -$colorWarn: #ffca6f !default; +$colorHighlight: #71b7f1 !default; +$colorWarn: #ffca6f !default; /* Canvas */ -$hndlMargin: -5px !default; +$hndlMargin: -5px !default; /* Components / Inputs */ -$lightBorder: rgba(255, 255, 255, 0.05) !default; -$inputFontColor: $mainLhlColor !default; /* #d5d5d5 */ -$arrowColor: $mainLhlColor !default; /* b1b1b1 */ -$darkTextShadow: $mainDkColor !default; /* #252525 */ -$darkBorder: rgba(0, 0, 0, 0.15) !default; /* 303030 */ -$colorpSize: 22px !default; -$inputPadding: 5px !default; // Has to be a single value +$lightBorder: rgba(255, 255, 255, 0.05) !default; +$inputFontColor: $mainLhlColor !default; /* #d5d5d5 */ +$arrowColor: $mainLhlColor !default; /* b1b1b1 */ +$darkTextShadow: $mainDkColor !default; /* #252525 */ +$darkBorder: rgba(0, 0, 0, 0.15) !default; /* 303030 */ +$colorpSize: 22px !default; +$inputPadding: 5px !default; // Has to be a single value /* Class manager */ -$addBtnBg: lighten($mainDkColor, 10%) !default; -$paddElClm: 5px 6px !default; +$addBtnBg: lighten($mainDkColor, 10%) !default; +$paddElClm: 5px 6px !default; /* File uploader */ -$uploadPadding: 150px 10px !default; +$uploadPadding: 150px 10px !default; /* Commands */ -$animSpeed: 0.2s !default; +$animSpeed: 0.2s !default; /* Fonts */ -$fontPath: '../fonts' !default; -$fontName: 'main-fonts' !default; -$fontV: 20 !default;//random(1000) +$fontPath: '../fonts' !default; +$fontName: 'main-fonts' !default; +$fontV: 20 !default;//random(1000)