mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2025-11-04 12:42:55 +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
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;
$small: 0.75 * $space;
$tao-navbar-height: 67px;
$tao-plum-900: #272F4C;
$tao-gray-50: #FAFAFA;
$tao-gray-100: #F2F2F2;
$tao-gray-500: #555555;
@import "../../assets/scss/variables.scss";
// Change this to switch template. Options: 'default', 'vraw', 'hraw'
$layout-template: 'hraw';
$layout-template: 'default';
$default-layout: (
'header': (1, 2, 1, 2),
@@ -79,7 +70,6 @@ $layout: (
.tfw-header {
padding: $small;
background-color: $tao-gray-50;
height: $tao-navbar-height;
}
.tfw-messages {
@@ -104,7 +94,7 @@ $layout: (
}
.tfw-terminal {
border: 1px solid $tao-plum-900;
border: 1px solid $tao-gray-500;
border-left: 0;
border-right: 0;
border-bottom: 0;

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

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

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

@@ -1,20 +1,4 @@
$space: 24px;
$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;
@import "../../assets/scss/variables.scss";
.tfw-grid-header-messages {
@@ -23,8 +7,6 @@ $font-size-base: 14px;
}
.tfw-messages-main {
h5 {
margin-bottom: $small;
color: $tao-blue-500;

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

@@ -1,18 +1,4 @@
$space: 24px;
$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;
@import "../../assets/scss/variables.scss";
.tfw-grid-webide-statusbar {
display: grid;

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

@@ -1,5 +1,3 @@
@import
'variables',
'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;
$company-logo-width: 130px;