mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2025-01-16 01:51:57 +00:00
Code Issues Releases Wiki Activity

Import variables.scss in scss files used in shadow DOM

Browse Source
This commit is contained in:
Gabor PEK 2018-03-12 14:12:50 +01:00
parent 5e0e55eb16
commit fcb5d6ecf0
6 changed files with 8 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/app/dashboard/dashboard.component.scss
View File

@ -1,17 +1,8 @@
$space: 24px; @import "../../assets/scss/variables.scss";
$small: 0.75 * $space;
$tao-navbar-height: 67px;
$tao-plum-900: #272F4C;
$tao-gray-50: #FAFAFA;
$tao-gray-100: #F2F2F2;
$tao-gray-500: #555555;
// Change this to switch template. Options: 'default', 'vraw', 'hraw' // Change this to switch template. Options: 'default', 'vraw', 'hraw'
$layout-template: 'hraw'; $layout-template: 'default';
$default-layout: ( $default-layout: (
'header': (1, 2, 1, 2), 'header': (1, 2, 1, 2),
@ -79,7 +70,6 @@ $layout: (
.tfw-header { .tfw-header {
padding: $small; padding: $small;
background-color: $tao-gray-50; background-color: $tao-gray-50;
height: $tao-navbar-height;
} }
.tfw-messages { .tfw-messages {
@ -104,7 +94,7 @@ $layout: (
} }
.tfw-terminal { .tfw-terminal {
border: 1px solid $tao-plum-900; border: 1px solid $tao-gray-500;
border-left: 0; border-left: 0;
border-right: 0; border-right: 0;
border-bottom: 0; border-bottom: 0;

8
src/app/header/header.component.scss
View File

@ -1,10 +1,4 @@
$tao-blue-500: #277EEC; @import "../../assets/scss/variables.scss";
$font-size-base: 14px;
$font-size-h3: floor(($font-size-base * 1.3));
$tao-navbar-height: 67px;
$company-logo-width: 130px;
.tfw-header-title { .tfw-header-title {
color: $tao-blue-500; color: $tao-blue-500;

20
src/app/messages/messages.component.scss
View File

@ -1,20 +1,4 @@
$space: 24px; @import "../../assets/scss/variables.scss";
$small: 0.75 * $space;
$tiny: 0.5 * $space;
$hair: 0.25 * $space;
$tao-blue-500: #277EEC;
$tao-gray-100: #F2F2F2;
$tao-panel-border-radius-sm: 8px;
$tao-navbar-height: 67px;
$font-size-tiny: 12px;
$font-size-base: 14px;
.tfw-grid-header-messages { .tfw-grid-header-messages {
@ -23,8 +7,6 @@ $font-size-base: 14px;
} }
.tfw-messages-main { .tfw-messages-main {
h5 { h5 {
margin-bottom: $small; margin-bottom: $small;
color: $tao-blue-500; color: $tao-blue-500;

16
src/app/webide/webide.component.scss
View File

@ -1,18 +1,4 @@
$space: 24px; @import "../../assets/scss/variables.scss";
$small: 0.75 * $space;
$tiny: 0.5 * $space;
$tao-navbar-height: 67px;
$tao-bright-green-100: #c5f2e4;
$tao-bright-green-200: #a0ead3;
$tao-warm-yellow-200: #FFE0A9;
$tao-warm-yellow-600: #E59C3C;
$tao-plum-200: #BEC7F3;
$tao-plum-900: #272F4C;
$tao-red-500: #FF5252;
.tfw-grid-webide-statusbar { .tfw-grid-webide-statusbar {
display: grid; display: grid;

2
src/assets/scss/_main.scss
View File

@ -1,5 +1,3 @@
@import @import
'variables', 'variables',
'grid'; 'grid';

2
src/assets/scss/_variables.scss
View File

@ -157,3 +157,5 @@ $font-size-h5: floor(($font-size-base * 1.1));
$tao-navbar-height: 67px; $tao-navbar-height: 67px;
$company-logo-width: 130px;