mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2025-04-03 11:52:40 +00:00
Code Issues Releases Wiki Activity

Move scrollbar nicener mixin to separate file

Browse Source
This commit is contained in:
Kristóf Tóth 2018-05-17 13:58:34 +02:00
parent ebbed24c9d
commit b1245c0636
3 changed files with 20 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -21,24 +21,6 @@
} }
} }
@mixin set-scrollbar-style() {
::-webkit-scrollbar-track
{
background-color: #F5F5F5;
}
::-webkit-scrollbar
{
width: 4px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb
{
background-color: gray;
}
}
.tfw-grid-main-components { .tfw-grid-main-components {
display: grid; display: grid;
width: 100vw; width: 100vw;
@ -74,13 +56,10 @@
div[class="terminal-ide-web"] & { div[class="terminal-ide-web"] & {
max-height: 55vmin; max-height: 55vmin;
} }
@include set-scrollbar-style();
} }
.tfw-ide { .tfw-ide {
background-color: $tao-plum-900; background-color: $tao-plum-900;
@include set-scrollbar-style();
} }
.tfw-sidebar { .tfw-sidebar {
@ -97,8 +76,6 @@
.tfw-terminal { .tfw-terminal {
overflow-y: hidden; overflow-y: hidden;
background-color: $tao-gray-800; background-color: $tao-gray-800;
@include set-scrollbar-style();
div[class*="web"] & { div[class*="web"] & {
border-top: 1px solid $tao-plum-100; border-top: 1px solid $tao-plum-100;

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

@ -5,9 +5,8 @@
'variables', 'variables',
'grid'; 'grid';
@import
'mixins/scrollbar';
@import @import
'shared/buttons'; 'shared/buttons';

17
src/assets/scss/mixins/_scrollbar.scss Normal file
View File

@ -0,0 +1,17 @@
@mixin set-scrollbar-style() {
::-webkit-scrollbar-track
{
background-color: #F5F5F5;
}
::-webkit-scrollbar
{
width: 4px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb
{
background-color: gray;
}
}