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

Minor changes

old
@soyjavi 2015-11-01 10:42:34 +07:00
parent f03ecbc8e7
commit 959169af62
5 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/app/components/appbar/_config.scss
View File

@ -1,4 +1,4 @@
$appbar-height: 6.4 * $unit;
$appbar-logo-size: 3.6 * $unit;
$appbar-shadow: 0 1px rgba(255,255,255,.75);
$appbar-shadow: 0 1px rgba(255,255,255,.65);
$appbar-navigation-offset: 6.5 * $unit;

1
docs/app/components/appbar/style.scss
View File

@ -2,6 +2,7 @@
@import "./config";
.appbar {
z-index: $z-index-higher;
display: flex;
min-height: $appbar-height;
flex-direction: row;

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

@ -6,4 +6,4 @@ $navigation-h-padding: 2.4 * $unit;
$navigation-v-padding: 1.2 * $unit;
$navigation-footer-border: solid 1px rgb(224, 224, 224);
$documentation-left-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);
$documentation-right-shadow: 0 -4px 5px 0 rgba(0,0,0,.14),0 -1px 10px 0 rgba(0,0,0,.12), 0 -2px 4px -1px rgba(0,0,0,.2);
$documentation-right-shadow: -2px 0 4px rgba(0,0,0,.14);

18
docs/app/components/layout/main/components/playground.scss
View File

@ -1,12 +1,16 @@
@import "../config";
.editor {
.editor, .preview {
position: absolute;
top: 0;
right: 0;
bottom: 60%;
left: 0;
overflow-y: scroll;
}
.editor {
top: 0;
bottom: 50%;
left: 0;
div:global(.CodeMirror) {
display: flex;
height: 100%;
@ -18,12 +22,8 @@
}
.preview {
position: absolute;
top: 40%;
right: 0;
top: 50%;
bottom: 0;
left: 0;
display: flex;
overflow-y: scroll;
border-top: 1px solid $color-divider;
}

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

@ -35,19 +35,18 @@
.playground {
position: fixed;
top: $appbar-height;
right: 0;
bottom: 0;
z-index: $z-index-high;
width: $playground-width;
background: $color-background;
box-shadow: $documentation-right-shadow;
transition: all $animation-duration $animation-ease;
transition: right $animation-duration $animation-ease;
}
.root {
&:not(.with-playground) {
> .playground {
right: - $playground-width;
right: - ($playground-width * 1.1);
}
> .documentation {
padding-right: 0;