gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Style layout and components

Browse Source
This commit is contained in:
Stuart Taylor
2018-04-06 16:11:09 +01:00
committed by Mrugesh Mohapatra
parent fa77cd863e
commit bd285f8ee5
3 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/learn/src/layouts/global.css
View File

@ -9,6 +9,7 @@ body {
html, body, .full-height {
min-height: 100% !important;
height: 100%;
max-height: calc(100vh);
}
article,
aside,

14
packages/learn/src/layouts/layout.css
View File

@ -1,5 +1,5 @@
.app-wrapper {
min-height: calc(100vh - (45px + 1.45rem));
max-height: calc(100vh - (45px + 1.45rem));
}
main {
@ -14,12 +14,12 @@ main {
height: auto;
}
.reflex-layout.vertical > .reflex-splitter:hover {
border-left: 2px solid #ccc !important;
border-right: 2px solid #ccc !important;
.reflex-layout.vertical .reflex-splitter:hover {
border-left: 2px solid #006400 !important;
border-right: 2px solid #006400 !important;
background-color: #006400;
}
.reflex-layout.vertical > .reflex-splitter, {
border-left: 2px solid #c6c6c6;
border-right: 2px solid #c6c6c6;
.reflex-layout.vertical > .reflex-splitter{
width: 5px;
}

7
packages/learn/src/templates/Challenges/views/components/preview.css
View File

@ -1,3 +1,10 @@
.hide-test-frame {
display: none;
}
.challenge-preview, .challenge-preview-frame {
height: calc(100vh - (45px + 1.45rem));
width: 100%;
padding: 0;
margin: 0;
}