mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2025-06-28 23:15:12 +00:00
Code Issues Releases Wiki Activity

Add next button for instructions and finally the terminal is responsive

Browse Source
This commit is contained in:
Gabor PEK
2018-03-14 16:43:44 +01:00
parent bcd030e3d9
commit f0ecdd31f2
7 changed files with 44 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/assets/scss/mixins/_layout.scss
View File

@ -5,8 +5,7 @@ $default-layout: (
'header': (1, 2, 1, 2),
'messages': (1, 2, 2, 10),
'webide': (4,$grid-rows-count+1, 1, $grid-rows-count+1),
'terminal': (1, 4, 10, $grid-rows-count),
'terminal-footer': (1, 4, $grid-rows-count, -1),
'terminal': (1, 4, 10, $grid-rows-count+1),
'web': (2, 4, 1, 10)
);
@ -14,8 +13,7 @@ $vraw-layout: (
'header': (1, 2, 1, 2),
'messages': (1, 2, 2,$grid-rows-count+1),
'webide': (4,$grid-rows-count+1, 1,$grid-rows-count+1),
'terminal': (2, 4, 1,$grid-rows-count),
'terminal-footer': (2, 4, $grid-rows-count, -1),
'terminal': (2, 4, 1,$grid-rows-count+1),
'web': (),
);
@ -23,8 +21,7 @@ $hraw-layout: (
'header': (1, 2, 1,$grid-rows-count+1),
'messages': (1, 2, 2,$grid-rows-count+1),
'webide': (2,$grid-rows-count+1, 1, 10),
'terminal': (2, $grid-rows-count+1, 10, $grid-rows-count),
'terminal-footer': (2, $grid-rows-count+1, $grid-rows-count, -1),
'terminal': (2, $grid-rows-count+1, 10, $grid-rows-count+1),
'web': (),
);
@ -62,10 +59,4 @@ $layout: (
min-width: #{$columns-count / $grid-columns-count * 100}vw;
min-height: #{$rows-count / $grid-rows-count * 100}vh;
width: #{$columns-count / $grid-columns-count * 100}vw;
height: #{$rows-count / $grid-rows-count * 100}vh;
max-width: #{$columns-count / $grid-columns-count * 100}vw;
max-height: #{$rows-count / $grid-rows-count * 100}vh;
}

9
src/assets/scss/shared/_buttons.scss
View File

@ -24,11 +24,18 @@
padding: 8px 24px;
}
&:hover {
&:hover
{
background: initial;
background-color: transparent;
color: $tao-blue-500;
box-shadow: inset 0 0 0 1px $tao-blue-500;
}
&:active {
}
}
.tao-btn-rainbow {