vitalif
/
react-toolbox
1
0
Fork 0
Code Issues Pull Requests Releases 12 Wiki Activity

Merge pull request #420 from mgcrea/patch-docs-navigation 

docs(media): keep navigation open with playground for wider screens
old
Javi Velasco 2016-03-31 00:17:13 +02:00
parent 36e3a86c2e 125cac1b5e
commit 48e700f6ce
2 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/app/components/layout/main/_config.scss
View File

@ -1,5 +1,7 @@
@import "../../globals";
$media-min-width: 1440px;
$playground-max-width: $media-min-width / 2;
$playground-width: 50%;
$navigation-width: 22 * $unit;
$navigation-h-padding: 2.4 * $unit;

17
docs/app/components/layout/main/style.scss
View File

@ -80,3 +80,20 @@ hr {
.load-button {
display: inline-block;
}
@media(min-width: $media-min-width) {
.root {
.playground {
width: $playground-max-width;
}
&.with-playground {
> .documentation {
padding-right: $playground-max-width;
padding-left: $navigation-width;
}
> .navigation {
transform: translateX(0);
}
}
}
}