From 554df1ddd3f2ca3114a70788ca46998bfee35f76 Mon Sep 17 00:00:00 2001 From: Jesus Herman Date: Fri, 4 Dec 2015 15:51:42 +0100 Subject: [PATCH] gulp watch for sass partials --- .gitignore | 1 + css/layoutit.css | 474 ++++++++++++++++++++++++++++----------------- gulpfile.js | 14 ++ package.json | 13 ++ scss/_index.scss | 0 scss/layoutit.scss | 214 ++++++++++++++++++++ 6 files changed, 538 insertions(+), 178 deletions(-) create mode 100644 .gitignore create mode 100644 gulpfile.js create mode 100644 package.json delete mode 100644 scss/_index.scss create mode 100644 scss/layoutit.scss diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..c2658d7 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +node_modules/ diff --git a/css/layoutit.css b/css/layoutit.css index 6b581f4..0b5ccc4 100644 --- a/css/layoutit.css +++ b/css/layoutit.css @@ -1,213 +1,331 @@ +/* compiler is working */ body { - padding-top:50px; - padding-bottom: 40px; - margin-left:200px; - -webkit-transition: margin 500ms ease; - -moz-transition: margin 500ms ease; - -ms-transition: margin 500ms ease; - -o-transition: margin 500ms ease; - transition: margin 500ms ease; -} + padding-top: 50px; + padding-bottom: 40px; + margin-left: 200px; + -webkit-transition: margin 500ms ease; + -moz-transition: margin 500ms ease; + -ms-transition: margin 500ms ease; + -o-transition: margin 500ms ease; + transition: margin 500ms ease; } + @media (max-width: 980px) { - /* Enable use of floated navbar text */ - .navbar-text.pull-right { - float: none; - padding-left: 5px; - padding-right: 5px; - } -} + /* Enable use of floated navbar text */ + .navbar-text.pull-right { + float: none; + padding-left: 5px; + padding-right: 5px; } } + @media (max-width: 979px) { - .navbar-fixed-top { position:fixed; } -} -.navbar-inverse .brand {width:180px; color:#fff; } -.brand img {float:left; margin:2px 10px 0 0; } + .navbar-fixed-top { + position: fixed; } } + +.navbar-inverse .brand { + width: 180px; + color: #fff; } + +.brand img { + float: left; + margin: 2px 10px 0 0; } + .brand .label { - position:relative; - left:10px; - top:-3px; - font-weight:normal; - font-size:9px; - background:#666; - -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.7); - -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.7); - box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.7); -} + position: relative; + left: 10px; + top: -3px; + font-weight: normal; + font-size: 9px; + background: #666; + -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.7); + -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.7); + box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.7); } + +.edit .demo { + margin-left: 0px; + margin-top: 10px; + padding: 30px 15px 15px; + border: 1px solid #DDDDDD; + border-radius: 4px; + position: relative; + word-wrap: break-word; } -.edit .demo { margin-left:0px; margin-top:10px; padding:30px 15px 15px; border: 1px solid #DDDDDD; border-radius: 4px; position:relative; word-wrap: break-word;} .edit .demo:after { - background-color: #F5F5F5; - border: 1px solid #DDDDDD; - border-radius: 4px 0 4px 0; - color: #9DA0A4; - content: "Container"; - font-size: 12px; - font-weight: bold; - left: -1px; - padding: 3px 7px; - position: absolute; - top: -1px; -} + background-color: #F5F5F5; + border: 1px solid #DDDDDD; + border-radius: 4px 0 4px 0; + color: #9DA0A4; + content: "Container"; + font-size: 12px; + font-weight: bold; + left: -1px; + padding: 3px 7px; + position: absolute; + top: -1px; } + .sidebar-nav { - position:fixed; - width:200px; - left:0px; - bottom:0; - top:44px; - background:#ccc; - padding: 9px 0; z-index:10; - -webkit-transition: all 500ms ease; - -moz-transition: all 500ms ease; - -ms-transition: all 500ms ease; - -o-transition: all 500ms ease; - transition: all 500ms ease; -} -.sidebar-nav .nav-header { cursor:pointer; font-size:14px; color:#fff; text-shadow:0 1px 0 rgba(0, 0, 0, 0.3);} -.sidebar-nav .nav-header span.label { font-size:10px; /*padding-bottom:0;*/ position:relative; top:-1px;} -.sidebar-nav .nav-header i.icon-plus {} -.sidebar-nav .nav-header .popover {color:#999; text-shadow:none;} + position: fixed; + width: 200px; + left: 0px; + bottom: 0; + top: 44px; + background: #ccc; + padding: 9px 0; + z-index: 10; + -webkit-transition: all 500ms ease; + -moz-transition: all 500ms ease; + -ms-transition: all 500ms ease; + -o-transition: all 500ms ease; + transition: all 500ms ease; } -.popover-info {position:relative;} -.popover-info .popover {display:none; top: -12.5px; left:15px; } -.popover-info:hover .popover {display:block; opacity:1; width:400px;} -.popover-info:hover .popover .arrow {top:23px;} +.sidebar-nav .nav-header { + cursor: pointer; + font-size: 14px; + color: #fff; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } + +.sidebar-nav .nav-header span.label { + font-size: 10px; + /*padding-bottom:0;*/ + position: relative; + top: -1px; } + +.sidebar-nav .nav-header .popover { + color: #999; + text-shadow: none; } + +.popover-info { + position: relative; } + +.popover-info .popover { + display: none; + top: -12.5px; + left: 15px; } + +.popover-info:hover .popover { + display: block; + opacity: 1; + width: 400px; } + +.popover-info:hover .popover .arrow { + top: 23px; } + +.sidebar-nav .accordion-group { + border: none; } + +.sidebar-nav li { + line-height: 25px; } + +.sidebar-nav .box { + line-height: 25px; + width: 170px; + height: 25px; } + +.sidebar-nav .preview { + display: block; + color: #666; + font-size: 12px; + line-height: 22px; } + +.sidebar-nav .preview input { + width: 90px; + padding: 0 10px; + background: #bbb; + font-size: 10px; + color: #999; + line-height: 20px; + height: 20px; + position: relative; + top: -1px; } + +.sidebar-nav .view { + display: none; } -.sidebar-nav .accordion-group { border:none; } -.boxes {} -.sidebar-nav li { line-height:25px; } -.sidebar-nav .box { line-height:25px; width:170px; height:25px; } -.sidebar-nav .preview { display: block; color:#666; font-size:12px; line-height:22px;} -.sidebar-nav .preview input { width:90px; padding:0 10px; background:#bbb; font-size:10px; color:#999; line-height:20px; height:20px; position:relative; top:-1px; } -.sidebar-nav .view { display: none; } .sidebar-nav .remove, -.sidebar-nav .configuration { display: none; } +.sidebar-nav .configuration { + display: none; } -.sidebar-nav .boxes { display:none;} +.sidebar-nav .boxes { + display: none; } -.demo .preview { display: none; } -.demo .box .view { display: block; padding-top:30px;} +.demo .preview { + display: none; } +.demo .box .view { + display: block; + padding-top: 30px; } + +.ui-draggable-dragging .view { + display: block; } -.ui-draggable-dragging .view { display:block;} /*.demo .ui-sortable-placeholder { outline: 5px dotted #ddd; visibility: visible; border-radius: 4px; }*/ -.ui-sortable-placeholder { outline: 1px dashed #ddd;visibility: visible; border-radius: 4px;} -.edit .drag { position: absolute; top: 0;right: 0; cursor: pointer; } +.ui-sortable-placeholder { + outline: 1px dashed #ddd; + visibility: visible; + border-radius: 4px; } -.box,.lyrow { position:relative;} +.edit .drag { + position: absolute; + top: 0; + right: 0; + cursor: pointer; } + +.box, .lyrow { + position: relative; } + +.edit .demo .lyrow .drag { + top: 5px; + right: 80px; + z-index: 10; } + +.edit .demo .column .box .drag { + top: 5px; } + +.edit .demo .column .box .configuration { + position: absolute; + top: 3px; + right: 140px; + white-space: nowrap; } + +.edit .demo .remove { + position: absolute; + top: 5px; + right: 5px; + z-index: 10; } -.edit .demo .lyrow .drag { top:5px; right:80px; z-index:10; } -.edit .demo .column .box .drag { top:5px; } -.edit .demo .column .box .configuration {position: absolute; top: 3px; right: 140px;white-space:nowrap; } -.edit .demo .remove { position: absolute; top: 5px; right: 5px; z-index:10; } .demo .configuration { - filter: alpha(opacity=0); - opacity: 0; - -webkit-transition: all 500ms ease; - -moz-transition: all 500ms ease; - -ms-transition: all 500ms ease; - -o-transition: all 500ms ease; - transition: all 500ms ease; -} + filter: alpha(opacity=0); + opacity: 0; + -webkit-transition: all 500ms ease; + -moz-transition: all 500ms ease; + -ms-transition: all 500ms ease; + -o-transition: all 500ms ease; + transition: all 500ms ease; } + .demo .drag, .demo .remove { - filter: alpha(opacity=20); opacity: 0.2; - -webkit-transition: all 500ms ease; - -moz-transition: all 500ms ease; - -ms-transition: all 500ms ease; - -o-transition: all 500ms ease; - transition: all 500ms ease; -} + filter: alpha(opacity=20); + opacity: 0.2; + -webkit-transition: all 500ms ease; + -moz-transition: all 500ms ease; + -ms-transition: all 500ms ease; + -o-transition: all 500ms ease; + transition: all 500ms ease; } + .demo .lyrow:hover > .drag, .demo .lyrow:hover > .configuration, .demo .lyrow:hover > .remove, .demo .box:hover .drag, .demo .box:hover .configuration, -.demo .box:hover .remove { filter: alpha(opacity=100); opacity: 1; } +.demo .box:hover .remove { + filter: alpha(opacity=100); + opacity: 1; } + .edit .demo .row-fluid:before { - background-color: #F5F5F5; - border: 1px solid #DDDDDD; - border-radius: 4px 0 4px 0; - color: #9DA0A4; - content: "Row"; - font-size: 12px; - font-weight: bold; - left: -1px; - line-height:2; - padding: 3px 7px; - position: absolute; - top: -1px; -} + background-color: #F5F5F5; + border: 1px solid #DDDDDD; + border-radius: 4px 0 4px 0; + color: #9DA0A4; + content: "Row"; + font-size: 12px; + font-weight: bold; + left: -1px; + line-height: 2; + padding: 3px 7px; + position: absolute; + top: -1px; } + .demo .row-fluid { - background-color: #F5F5F5; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-shadow: inset 0 1px 13px rgba(0, 0, 0, 0.1); - -moz-box-shadow: inset 0 1px 13px rgba(0, 0, 0, 0.1); - box-shadow: inset 0 1px 13px rgba(0, 0, 0, 0.1); - border: 1px solid #DDDDDD; - border-radius: 4px 4px 4px 4px; - margin: 15px 0; - position: relative; - padding: 25px 14px 0; -} + background-color: #F5F5F5; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: inset 0 1px 13px rgba(0, 0, 0, 0.1); + -moz-box-shadow: inset 0 1px 13px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 13px rgba(0, 0, 0, 0.1); + border: 1px solid #DDDDDD; + border-radius: 4px 4px 4px 4px; + margin: 15px 0; + position: relative; + padding: 25px 14px 0; } + .edit .column:after { - background-color: #F5F5F5; - border: 1px solid #DDDDDD; - border-radius: 4px 0 4px 0; - color: #9DA0A4; - content: "Column"; - font-size: 12px; - font-weight: bold; - left: -1px; - padding: 3px 7px; - position: absolute; - top: -1px; -} + background-color: #F5F5F5; + border: 1px solid #DDDDDD; + border-radius: 4px 0 4px 0; + color: #9DA0A4; + content: "Column"; + font-size: 12px; + font-weight: bold; + left: -1px; + padding: 3px 7px; + position: absolute; + top: -1px; } + .column { - background-color: #FFFFFF; - border: 1px solid #DDDDDD; - border-radius: 4px 4px 4px 4px; - margin: 15px 0; - padding: 39px 19px 24px; - position: relative; -} + background-color: #FFFFFF; + border: 1px solid #DDDDDD; + border-radius: 4px 4px 4px 4px; + margin: 15px 0; + padding: 39px 19px 24px; + position: relative; } /* preview */ -body.devpreview { margin-left:0px;} +body.devpreview { + margin-left: 0px; } + .devpreview .sidebar-nav { - left:-200px; - -webkit-transition: all 0ms ease; - -moz-transition: all 0ms ease; - -ms-transition: all 0ms ease; - -o-transition: all 0ms ease; - transition: all 0ms ease; -} -.devpreview .drag, .devpreview .configuration, .devpreview .remove { display:none ; } + left: -200px; + -webkit-transition: all 0ms ease; + -moz-transition: all 0ms ease; + -ms-transition: all 0ms ease; + -o-transition: all 0ms ease; + transition: all 0ms ease; } + +.devpreview .drag, .devpreview .configuration, .devpreview .remove { + display: none; } + .sourcepreview .column, .sourcepreview .row-fluid, .sourcepreview .demo .box { - margin:0px 0; - padding:0px; - background:none; - border:none; - -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00); - -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00); - box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00); -} -.devpreview .demo .box, .devpreview .demo .row-fluid { padding-top:0; background:none; } -.devpreview .demo .column { padding-top:19px; padding-bottom:19px; } -#download-layout { display: none } + margin: 0px 0; + padding: 0px; + background: none; + border: none; + -webkit-box-shadow: inset 0 0px 0px transparent; + -moz-box-shadow: inset 0 0px 0px transparent; + box-shadow: inset 0 0px 0px transparent; } + +.devpreview .demo .box, .devpreview .demo .row-fluid { + padding-top: 0; + background: none; } + +.devpreview .demo .column { + padding-top: 19px; + padding-bottom: 19px; } + +#download-layout { + display: none; } + #editorModal textarea, -#downloadModal textarea { width:100%;height:280px;resize: none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; } -#editorModal {width:640px;} -a.language-selected { font-style: italic; font-weight: bold; } +#downloadModal textarea { + width: 100%; + height: 280px; + resize: none; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + +#editorModal { + width: 640px; } + +a.language-selected { + font-style: italic; + font-weight: bold; } .toolbox-reset { - background: inherit; - color: inherit; - display: inherit; - /*font-family: inherit;*/ - /*font-size: inherit;*/ - line-height: inherit; - margin: inherit; - padding: inherit; - -webkit-text-size-adjust: inherit; - -ms-text-size-adjust: inherit; -} + background: inherit; + color: inherit; + display: inherit; + /*font-family: inherit;*/ + /*font-size: inherit;*/ + line-height: inherit; + margin: inherit; + padding: inherit; + -webkit-text-size-adjust: inherit; + -ms-text-size-adjust: inherit; } diff --git a/gulpfile.js b/gulpfile.js new file mode 100644 index 0000000..330352e --- /dev/null +++ b/gulpfile.js @@ -0,0 +1,14 @@ +'use strict'; + +var gulp = require('gulp'); +var sass = require('gulp-sass'); + +gulp.task('sass', function () { + gulp.src('scss/*.scss') + .pipe(sass().on('error', sass.logError)) + .pipe(gulp.dest('css')); +}); + +gulp.task('sass:watch', function () { + gulp.watch('scss/*.scss', ['sass']); +}); diff --git a/package.json b/package.json new file mode 100644 index 0000000..a118779 --- /dev/null +++ b/package.json @@ -0,0 +1,13 @@ +{ + "name": "Devex_FE_assets", + "version": "0.0.0", + "dependencies": {}, + "devDependencies": { + "gulp": "~3.9.0", + "gulp-sass": "^2.0.0", + "gulp-sourcemaps": "^1.5.0" + }, + "engines": { + "node": ">=0.12.0" + } +} diff --git a/scss/_index.scss b/scss/_index.scss deleted file mode 100644 index e69de29..0000000 diff --git a/scss/layoutit.scss b/scss/layoutit.scss new file mode 100644 index 0000000..3adaa11 --- /dev/null +++ b/scss/layoutit.scss @@ -0,0 +1,214 @@ +/* compiler is working */ +body { + padding-top:50px; + padding-bottom: 40px; + margin-left:200px; + -webkit-transition: margin 500ms ease; + -moz-transition: margin 500ms ease; + -ms-transition: margin 500ms ease; + -o-transition: margin 500ms ease; + transition: margin 500ms ease; +} +@media (max-width: 980px) { + /* Enable use of floated navbar text */ + .navbar-text.pull-right { + float: none; + padding-left: 5px; + padding-right: 5px; + } +} +@media (max-width: 979px) { + .navbar-fixed-top { position:fixed; } +} +.navbar-inverse .brand {width:180px; color:#fff; } +.brand img {float:left; margin:2px 10px 0 0; } +.brand .label { + position:relative; + left:10px; + top:-3px; + font-weight:normal; + font-size:9px; + background:#666; + -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.7); + -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.7); + box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.7); +} + +.edit .demo { margin-left:0px; margin-top:10px; padding:30px 15px 15px; border: 1px solid #DDDDDD; border-radius: 4px; position:relative; word-wrap: break-word;} +.edit .demo:after { + background-color: #F5F5F5; + border: 1px solid #DDDDDD; + border-radius: 4px 0 4px 0; + color: #9DA0A4; + content: "Container"; + font-size: 12px; + font-weight: bold; + left: -1px; + padding: 3px 7px; + position: absolute; + top: -1px; +} +.sidebar-nav { + position:fixed; + width:200px; + left:0px; + bottom:0; + top:44px; + background:#ccc; + padding: 9px 0; z-index:10; + -webkit-transition: all 500ms ease; + -moz-transition: all 500ms ease; + -ms-transition: all 500ms ease; + -o-transition: all 500ms ease; + transition: all 500ms ease; +} +.sidebar-nav .nav-header { cursor:pointer; font-size:14px; color:#fff; text-shadow:0 1px 0 rgba(0, 0, 0, 0.3);} +.sidebar-nav .nav-header span.label { font-size:10px; /*padding-bottom:0;*/ position:relative; top:-1px;} +.sidebar-nav .nav-header i.icon-plus {} +.sidebar-nav .nav-header .popover {color:#999; text-shadow:none;} + +.popover-info {position:relative;} +.popover-info .popover {display:none; top: -12.5px; left:15px; } +.popover-info:hover .popover {display:block; opacity:1; width:400px;} +.popover-info:hover .popover .arrow {top:23px;} + +.sidebar-nav .accordion-group { border:none; } +.boxes {} +.sidebar-nav li { line-height:25px; } +.sidebar-nav .box { line-height:25px; width:170px; height:25px; } +.sidebar-nav .preview { display: block; color:#666; font-size:12px; line-height:22px;} +.sidebar-nav .preview input { width:90px; padding:0 10px; background:#bbb; font-size:10px; color:#999; line-height:20px; height:20px; position:relative; top:-1px; } +.sidebar-nav .view { display: none; } +.sidebar-nav .remove, +.sidebar-nav .configuration { display: none; } + +.sidebar-nav .boxes { display:none;} + +.demo .preview { display: none; } +.demo .box .view { display: block; padding-top:30px;} + + +.ui-draggable-dragging .view { display:block;} +/*.demo .ui-sortable-placeholder { outline: 5px dotted #ddd; visibility: visible; border-radius: 4px; }*/ +.ui-sortable-placeholder { outline: 1px dashed #ddd;visibility: visible; border-radius: 4px;} +.edit .drag { position: absolute; top: 0;right: 0; cursor: pointer; } + +.box,.lyrow { position:relative;} + +.edit .demo .lyrow .drag { top:5px; right:80px; z-index:10; } +.edit .demo .column .box .drag { top:5px; } +.edit .demo .column .box .configuration {position: absolute; top: 3px; right: 140px;white-space:nowrap; } +.edit .demo .remove { position: absolute; top: 5px; right: 5px; z-index:10; } +.demo .configuration { + filter: alpha(opacity=0); + opacity: 0; + -webkit-transition: all 500ms ease; + -moz-transition: all 500ms ease; + -ms-transition: all 500ms ease; + -o-transition: all 500ms ease; + transition: all 500ms ease; +} +.demo .drag, .demo .remove { + filter: alpha(opacity=20); opacity: 0.2; + -webkit-transition: all 500ms ease; + -moz-transition: all 500ms ease; + -ms-transition: all 500ms ease; + -o-transition: all 500ms ease; + transition: all 500ms ease; +} +.demo .lyrow:hover > .drag, +.demo .lyrow:hover > .configuration, +.demo .lyrow:hover > .remove, +.demo .box:hover .drag, +.demo .box:hover .configuration, +.demo .box:hover .remove { filter: alpha(opacity=100); opacity: 1; } +.edit .demo .row-fluid:before { + background-color: #F5F5F5; + border: 1px solid #DDDDDD; + border-radius: 4px 0 4px 0; + color: #9DA0A4; + content: "Row"; + font-size: 12px; + font-weight: bold; + left: -1px; + line-height:2; + padding: 3px 7px; + position: absolute; + top: -1px; +} +.demo .row-fluid { + background-color: #F5F5F5; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: inset 0 1px 13px rgba(0, 0, 0, 0.1); + -moz-box-shadow: inset 0 1px 13px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 13px rgba(0, 0, 0, 0.1); + border: 1px solid #DDDDDD; + border-radius: 4px 4px 4px 4px; + margin: 15px 0; + position: relative; + padding: 25px 14px 0; +} +.edit .column:after { + background-color: #F5F5F5; + border: 1px solid #DDDDDD; + border-radius: 4px 0 4px 0; + color: #9DA0A4; + content: "Column"; + font-size: 12px; + font-weight: bold; + left: -1px; + padding: 3px 7px; + position: absolute; + top: -1px; +} +.column { + background-color: #FFFFFF; + border: 1px solid #DDDDDD; + border-radius: 4px 4px 4px 4px; + margin: 15px 0; + padding: 39px 19px 24px; + position: relative; +} + +/* preview */ +body.devpreview { margin-left:0px;} +.devpreview .sidebar-nav { + left:-200px; + -webkit-transition: all 0ms ease; + -moz-transition: all 0ms ease; + -ms-transition: all 0ms ease; + -o-transition: all 0ms ease; + transition: all 0ms ease; +} +.devpreview .drag, .devpreview .configuration, .devpreview .remove { display:none ; } +.sourcepreview .column, .sourcepreview .row-fluid, .sourcepreview .demo .box { + margin:0px 0; + padding:0px; + background:none; + border:none; + -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00); + -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00); + box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00); +} +.devpreview .demo .box, .devpreview .demo .row-fluid { padding-top:0; background:none; } +.devpreview .demo .column { padding-top:19px; padding-bottom:19px; } +#download-layout { display: none } +#editorModal textarea, +#downloadModal textarea { width:100%;height:280px;resize: none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; } +#editorModal {width:640px;} +a.language-selected { font-style: italic; font-weight: bold; } + +.toolbox-reset { + background: inherit; + color: inherit; + display: inherit; + /*font-family: inherit;*/ + /*font-size: inherit;*/ + line-height: inherit; + margin: inherit; + padding: inherit; + -webkit-text-size-adjust: inherit; + -ms-text-size-adjust: inherit; +}