mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2025-07-04 17:56:22 +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;
}