diff options
author | vjeantet <valere.jeantet@gmail.com> | 2020-09-26 00:20:16 +0300 |
---|---|---|
committer | vjeantet <valere.jeantet@gmail.com> | 2020-09-26 00:20:16 +0300 |
commit | 8d35d6772ec18e2ea2a266fff74fbe9ce063e7af (patch) | |
tree | 1a429878e8bf62305d6d3e09c6417ae48ac49d10 /exampleSite/resources | |
parent | bd37e4ece28d45280adeee6f4befc766bb18e264 (diff) |
fix layout
Diffstat (limited to 'exampleSite/resources')
2 files changed, 56 insertions, 57 deletions
diff --git a/exampleSite/resources/_gen/assets/scss/sass/layout.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/exampleSite/resources/_gen/assets/scss/sass/layout.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 1fb45dc..299f7f7 100644 --- a/exampleSite/resources/_gen/assets/scss/sass/layout.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/exampleSite/resources/_gen/assets/scss/sass/layout.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -5,7 +5,7 @@ a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, bo border: 0; vertical-align: baseline; } -body:not(.render_raw) { +body { margin: 0px 0px; display: -webkit-box; display: flex; @@ -14,7 +14,7 @@ body:not(.render_raw) { flex-direction: column; min-height: 100vh; text-rendering: optimizeLegibility; } - body:not(.render_raw) header { + body header { flex-shrink: 0; min-height: 45px; max-height: 45px; @@ -24,14 +24,14 @@ body:not(.render_raw) { z-index: 9999; -webkit-transform: translateZ(0); transform: translateZ(0); } - body:not(.render_raw) header > * { + body header > * { max-width: 1400px; width: 100%; padding: 0 20px; margin: 0 auto; } - body:not(.render_raw) header div.burger { + body header div.burger { display: none; } - body:not(.render_raw) article { + body article { -webkit-box-flex: 1; flex-grow: 1; display: -webkit-box; @@ -52,14 +52,13 @@ body:not(.render_raw) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; - padding: 0 20px; padding-top: 45px; margin: 0 auto; width: 100%; max-width: 1400px; } - body:not(.render_raw) article > * { + body article > * { margin: 0 24px; } - body:not(.render_raw) article aside { + body article aside { transition: max-height .2s ease-out; -webkit-box-flex: 0; flex: 0 0 20em; @@ -71,18 +70,18 @@ body:not(.render_raw) { position: sticky; overflow-y: auto; top: 45px; } - body:not(.render_raw) article section.page { + body article section.page { -webkit-box-flex: 1; flex: 1 auto; max-width: 100%; min-width: 0; } - body:not(.render_raw) article section.page .jump-to-section { + body article section.page .jump-to-section { display: none; margin-top: 0.5em; margin-left: 0.2em; } - body:not(.render_raw) article section.page .jump-to-section ul { + body article section.page .jump-to-section ul { padding-left: 10px; } - body:not(.render_raw) article section.page .jump-to-section nav { + body article section.page .jump-to-section nav { display: none; position: absolute; z-index: 5; @@ -92,7 +91,7 @@ body:not(.render_raw) { min-width: 25%; max-width: 50%; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.25); } - body:not(.render_raw) article section.right-menu { + body article section.right-menu { margin-right: 0; align-self: flex-start; display: block; @@ -104,49 +103,49 @@ body:not(.render_raw) { position: sticky; top: 45px; margin-bottom: 40px; } - body:not(.render_raw) footer > * { + body footer > * { max-width: 1400px; width: 100%; padding: 0 20px; margin: 0 auto; } /* hideheader hidenav hidebreadcrumb hidetoc hidefooter */ -body:not(.render_raw).hideheader article { +body.hideheader article { padding-top: 0px; } - body:not(.render_raw).hideheader article aside { + body.hideheader article aside { top: 0px; height: calc(100vh); } - body:not(.render_raw).hideheader article section.right-menu { + body.hideheader article section.right-menu { top: 0px; max-height: calc(100vh); } @media (max-width: 1160px) { - body:not(.render_raw) header div.burger { + body header div.burger { display: none; } - body:not(.render_raw) article { + body article { padding-left: 0px; padding-right: 0px; } - body:not(.render_raw) article aside { + body article aside { margin-right: 0px; } - body:not(.render_raw) article aside.responsive { + body article aside.responsive { display: block; } - body:not(.render_raw) article section.page .jump-to-section { + body article section.page .jump-to-section { display: block; } - body:not(.render_raw) article section.right-menu { + body article section.right-menu { display: none; } } @media (max-width: 936px) { - body:not(.render_raw) header div.burger { + body header div.burger { display: block; } - body:not(.render_raw) article { + body article { padding-left: 0px; padding-right: 0px; } - body:not(.render_raw) article aside { + body article aside { display: none; flex: 0 0 100%; } - body:not(.render_raw) article aside.responsive { + body article aside.responsive { display: block; } - body:not(.render_raw) article section.page .jump-to-section { + body article section.page .jump-to-section { display: block; } - body:not(.render_raw) article section.right-menu { + body article section.right-menu { display: none; } } diff --git a/exampleSite/resources/_gen/assets/scss/sass/main.scss_97a9b8e6852415b29a37632934745b8b.content b/exampleSite/resources/_gen/assets/scss/sass/main.scss_97a9b8e6852415b29a37632934745b8b.content index 6534a4c..8057b34 100644 --- a/exampleSite/resources/_gen/assets/scss/sass/main.scss_97a9b8e6852415b29a37632934745b8b.content +++ b/exampleSite/resources/_gen/assets/scss/sass/main.scss_97a9b8e6852415b29a37632934745b8b.content @@ -1,35 +1,35 @@ @charset "UTF-8"; -body:not(.render_raw) { +body { font-family: "Montserrat",sans-serif; font-weight: 400; line-height: 1.5; color: black; } - body:not(.render_raw) a { + body a { color: black; text-decoration: none; background-color: transparent; } - body:not(.render_raw) header { + body header { background-color: #333333; border-bottom: 2px solid gray; box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1), 0 0.2rem 0.4rem rgba(0, 0, 0, 0.2); justify-content: space-between; align-items: stretch; color: #e6e6e6; } - body:not(.render_raw) header a { + body header a { color: #cccccc; } - body:not(.render_raw) header > div { + body header > div { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; white-space: nowrap; } - body:not(.render_raw) header > div img { + body header > div img { height: 32px; margin-right: 0.5rem; } - body:not(.render_raw) header > div .burger { + body header > div .burger { margin-right: 1rem; } - body:not(.render_raw) header nav.shortcuts { + body header nav.shortcuts { margin-left: auto; position: relative; display: flex; @@ -37,33 +37,33 @@ body:not(.render_raw) { list-style-type: none; flex-direction: row; flex-wrap: nowrap; } - body:not(.render_raw) header nav.shortcuts li { + body header nav.shortcuts li { margin: 0px; } - body:not(.render_raw) header nav.shortcuts li .fa { + body header nav.shortcuts li .fa { margin-right: 0.5rem; } - body:not(.render_raw) header nav.shortcuts li a { + body header nav.shortcuts li a { color: #d6d6d6; padding: 0 1rem; font-weight: bold; font-size: 90%; } - body:not(.render_raw) article { + body article { background-color: white; } - body:not(.render_raw) article aside #close_menu { + body article aside #close_menu { display: none; float: right; margin-right: 2rem; } - body:not(.render_raw) article aside.responsive #close_menu { + body article aside.responsive #close_menu { display: block; } - body:not(.render_raw) article section.right-menu { + body article section.right-menu { padding: 3.5rem 0 3.5rem 0; font-size: 14px; line-height: 20px; padding-left: 2px; } - body:not(.render_raw) article section.right-menu > div { + body article section.right-menu > div { margin-bottom: 2em; } - body:not(.render_raw) article section.right-menu > div > * { + body article section.right-menu > div > * { margin-left: 5px; } - body:not(.render_raw) article section.right-menu > div label { + body article section.right-menu > div label { font-weight: 700; letter-spacing: -1px; display: block; @@ -71,31 +71,31 @@ body:not(.render_raw) { border-bottom: 1px dotted #999999; color: #333333; font-variant: small-caps; } - body:not(.render_raw) article section.right-menu > div nav > ul { + body article section.right-menu > div nav > ul { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } - body:not(.render_raw) article section.right-menu > div nav > ul ul { + body article section.right-menu > div nav > ul ul { padding: 0px 0px 0px 14px; margin: 0px 0px 0px 0px; border-left: 1px solid #e6e6e6; } - body:not(.render_raw) article section.right-menu > div nav > ul ul li { + body article section.right-menu > div nav > ul ul li { font-size: 90%; } - body:not(.render_raw) article section.right-menu > div ul { + body article section.right-menu > div ul { list-style-type: none; } - body:not(.render_raw) article section.right-menu > div li { + body article section.right-menu > div li { padding: 8px 0px 8px 0px; font-weight: 300; } - body:not(.render_raw) article section.right-menu > div li a { + body article section.right-menu > div li a { /*padding-left: 2px;*/ } - body:not(.render_raw) article section.right-menu > div li a.active { + body article section.right-menu > div li a.active { font-weight: 500; } - body:not(.render_raw) article section.right-menu .Actions { + body article section.right-menu .Actions { font-size: 75%; } - body:not(.render_raw) footer { + body footer { background-color: #333333; color: #cccccc; padding: 3rem; } - body:not(.render_raw) footer a { + body footer a { color: #cccccc; } article section.page { |