From 47b79fd9d4329e73cef7929ed8f64d9eeb287ae5 Mon Sep 17 00:00:00 2001 From: luxagraf Date: Fri, 15 Jan 2021 14:54:30 -0500 Subject: Proj: Massive design overhaul to simplify code Cut out Sass syntax, deleted old CSS rules, changed HTML to use fewer lists and more cascading instead of specific rules. Still requires compiling with sass to strip comments and compress, but would in theory work on its own. Reduced CSS file size by 2/3 --- design/sassold/_lttr.scss | 63 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 63 insertions(+) create mode 100644 design/sassold/_lttr.scss (limited to 'design/sassold/_lttr.scss') diff --git a/design/sassold/_lttr.scss b/design/sassold/_lttr.scss new file mode 100644 index 0000000..ea59eec --- /dev/null +++ b/design/sassold/_lttr.scss @@ -0,0 +1,63 @@ +.large-top-image { + background: #f7f7f7; + img { + max-width: 100%; + margin: 4rem 0; + } +} +.lttr { + @include constrain_narrow; + margin-top: 6rem; + header { + padding-bottom: 3rem; + border-bottom: 1px #f0edeb solid + } +} +.lttr-box { + //background: #faf7f5; + text-align: center; + padding: .5rem; + display: inline-block; + //border: 1px #e0dedc solid; +} +.lttr-cover { + margin-right: 1.2rem; +} +#recommended-reading { + .book-title { + @include fontsize(28); + font-weight: 400; + margin-bottom: 0; + } + h6 { + margin-top: 0; + @include fontsize(18); + font-weight: 400; + } +} + +#page-navigation img { + width: 300px; + height: 160px; + object-fit: cover; +} +#page-navigation h4 { + text-align: center; + @include fontsize(22); + @include fancy_sans; + color: #333; +} +#page-navigation .nav-title { + @include fontsize(22); + line-height: 1.5; +} +#page-navigation .photo-arrow-next { + text-align: left; +} +.page-nav-photo li { + display: inline-block; + margin: 0 0 0 3rem !important; + &:first-of-type { + margin-left: 0 !important; + } +} -- cgit v1.2.3-70-g09d2