google
/
material-design-lite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #685 from google/issue-683 

Fix all the misalignments and make consistent across pages (fixes #683)
master
Nicolas Garnier 2015-07-03 22:38:43 +02:00
parent 6accda6388 e4880b197b
commit 997b8e4b73
2 changed files with 21 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/_assets/customizer.css
View File

@ -87,9 +87,6 @@
.mdl-gen__preview .mdl-layout__content h3 { .mdl-gen__preview .mdl-layout__content h3 {
margin-top: 0; margin-top: 0;
} }
.mdl-gen__panel {
padding: 0 32px;
}
.mdl-gen__panel--right { .mdl-gen__panel--right {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -103,9 +100,6 @@
margin-bottom: 32px; margin-bottom: 32px;
color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.54);
} }
.mdl-gen__cdn {
padding: 0 32px;
}
.mdl-gen__cdn .demo-code { .mdl-gen__cdn .demo-code {
box-sizing: border-box; box-sizing: border-box;
} }

29
docs/_assets/main.css
View File

@ -386,11 +386,14 @@ body:not(.about) .mdl-navigation__link.download > button {
} }
.templates .content { .templates .content {
padding-left: 24px !important; padding-left: 24px !important;
max-width: 1280px; max-width: 960px;
} }
.templates .docs-layout-content .content { .templates .docs-layout-content .content {
padding: 40px 0; padding: 40px 0;
} }
.templates .docs-layout .template {
margin-left: -16px;
}
.template { .template {
width: 100%; width: 100%;
margin-bottom: 72px; margin-bottom: 72px;
@ -516,14 +519,13 @@ body:not(.about) .mdl-navigation__link.download > button {
.components .subpageheader { .components .subpageheader {
display: none; display: none;
} }
.started .subpageheader,
.customize .subpageheader,
.styles .subpageheader,
.faq .subpageheader,
.templates .subpageheader { .templates .subpageheader {
margin-left: 16px; width: 960px;
} margin: 40px auto;
.customize .subpageheader {
padding-left: 40px;
margin-top: 100px;
margin-bottom: 0;
} }
/* Components Snippets */ /* Components Snippets */
.snippet-group { .snippet-group {
@ -884,6 +886,13 @@ code[class*=language-], pre[class*=language-] {
.customize a { .customize a {
color: #00BCD4; color: #00BCD4;
} }
.customize .docs-layout .content {
max-width: 960px;
margin: 0 auto;
display: block;
margin-bottom: 120px;
padding: 40px;
}
.started .content h3, .started .content h3,
.started .content h4 { .started .content h4 {
display: table-cell; display: table-cell;
@ -1211,6 +1220,10 @@ code[class*=language-], pre[class*=language-] {
/* faq */ /* faq */
.faq .docs-text-styling > section {
max-width: 960px;
margin: 0 auto;
}
.faq img { .faq img {
max-width: 100%; max-width: 100%;
} }