Miroirs/devdocs
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/devdocs synced 2024-11-16 19:48:10 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improve fixed-width layout

Browse source
This commit is contained in:
Thibaut Courouble 2017-09-23 14:00:44 -04:00
parent 786a549f0f
commit 0fb449fcb9
4 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
assets/stylesheets/components/_app.scss
View file

@ -1,3 +1,7 @@
html._booting { background: $contentBackground; }
body._max-width { background: none; }
html._booting body._max-width { background: $documentBackground; }
._app {
position: relative;
z-index: 1;
@ -12,6 +16,7 @@
._max-width & {
margin: 0 auto;
max-width: $maxWidth;
background: $contentBackground;
box-shadow: 1px 0 $headerBorder, -1px 0 $headerBorder;
}
}

3
assets/stylesheets/global/_base.scss
View file

@ -1,7 +1,7 @@
html {
height: 100%;
font-size: 100%;
background: $contentBackground;
background: $documentBackground;
@media #{$mediumScreen} { font-size: 93.75%; }
}
@ -17,6 +17,7 @@ body {
color: $textColor;
word-wrap: break-word;
overflow-wrap: break-word;
background: $contentBackground;
touch-action: manipulation;
-webkit-tap-highlight-color: rgba(black, 0);
-webkit-touch-callout: none;

1
assets/stylesheets/global/_variables-dark.scss
View file

@ -10,6 +10,7 @@ $headerHeight: 3rem;
$sidebarWidth: 20rem;
$sidebarMediumWidth: 16rem;
$documentBackground: #222;
$contentBackground: #33373a;
$textColor: #cbd0d0;

1
assets/stylesheets/global/_variables.scss
View file

@ -10,6 +10,7 @@ $headerHeight: 3rem;
$sidebarWidth: 20rem;
$sidebarMediumWidth: 16rem;
$documentBackground: #f3f3f3;
$contentBackground: #fff;
$textColor: #333;