diff --git a/sass/02-base/_04-typography.scss b/sass/02-base/_04-typography.scss index b8796f5..a883e1c 100644 --- a/sass/02-base/_04-typography.scss +++ b/sass/02-base/_04-typography.scss @@ -15,37 +15,37 @@ body{ h1{ font-size: 2.5rem; line-height: 110%; - margin: 0 0 1.5rem; + margin: 4.125rem 0 2.75rem; } h2{ font-size: 2rem; line-height: 110%; - margin: 0 0 1.5rem; + margin: 3.3rem 0 2.2rem; } h3{ font-size: 1.75rem; line-height: 110%; - margin: 0 0 1.5rem; + margin: 2.8875rem 0 1.925rem; } h4{ font-size: 1.5rem; line-height: 110%; - margin: 0 0 1rem; + margin: 2.475rem 0 1.65rem; } h5{ font-size: 1.25rem; line-height: 110%; - margin: 0 0 1rem; + margin: 2.0625rem 0 1.375rem; } h6{ font-size: 1.125rem; line-height: 110%; - margin: 0 0 1rem; + margin: 1.85625rem 0 1.2375rem; } diff --git a/style.css b/style.css index 1d17015..814142b 100644 --- a/style.css +++ b/style.css @@ -77,8 +77,8 @@ Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ width: 100%; } -.alignwide, .site-header, .site-main .posts-navigation, -.site-main .post-navigation, #secondary, .single .entry-header, .single .entry-footer, +.alignwide, .site-header, .site-main .posts-navigation, .site-main +.post-navigation, #secondary, .single .entry-header, .single .entry-footer, .page .entry-footer, .block-imagecontents, .block-contentsimage, .block-imagecontents-content, .block-numbers, .contact-form { max-width: 100%; @@ -86,8 +86,8 @@ Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ margin-right: auto; } @media (min-width: 768px) { - .alignwide, .site-header, .site-main .posts-navigation, - .site-main .post-navigation, #secondary, .single .entry-header, .single .entry-footer, + .alignwide, .site-header, .site-main .posts-navigation, .site-main + .post-navigation, #secondary, .single .entry-header, .single .entry-footer, .page .entry-footer, .block-imagecontents, .block-contentsimage, .block-imagecontents-content, .block-numbers, .contact-form { max-width: 1200px; @@ -970,37 +970,37 @@ h1, h2, h3, h4, h5, h6 { h1 { font-size: 2.5rem; line-height: 110%; - margin: 0 0 1.5rem; + margin: 4.125rem 0 2.75rem; } h2 { font-size: 2rem; line-height: 110%; - margin: 0 0 1.5rem; + margin: 3.3rem 0 2.2rem; } h3 { font-size: 1.75rem; line-height: 110%; - margin: 0 0 1.5rem; + margin: 2.8875rem 0 1.925rem; } h4 { font-size: 1.5rem; line-height: 110%; - margin: 0 0 1rem; + margin: 2.475rem 0 1.65rem; } h5 { font-size: 1.25rem; line-height: 110%; - margin: 0 0 1rem; + margin: 2.0625rem 0 1.375rem; } h6 { font-size: 1.125rem; line-height: 110%; - margin: 0 0 1rem; + margin: 1.85625rem 0 1.2375rem; } /*_______ Typography elements _______*/ @@ -1232,7 +1232,7 @@ input[type="checkbox"] { overflow: hidden; } input[type="checkbox"]:checked:after { - content: ''; + content: '´àç'; position: absolute; top: 0; left: 0; @@ -1363,7 +1363,7 @@ input[type="submit"].invert { } .wp-block-button.anchor-link a:after { - content: ' '; + content: ' ´ìå'; font-family: 'dashicons'; vertical-align: middle; } @@ -1379,35 +1379,43 @@ input[type="submit"].invert { margin-bottom: 2rem; } -.gallery-item, .blocks-gallery-item { +.gallery-item, +.blocks-gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } -.gallery-columns-2 .gallery-item, -.gallery-columns-2 .blocks-gallery-item { +.gallery-columns-2 .gallery-item, .gallery-columns-2 +.blocks-gallery-item { max-width: 50%; } -.gallery-columns-3 .gallery-item, .gallery-columns-3 .blocks-gallery-item { +.gallery-columns-3 .gallery-item, .gallery-columns-3 +.blocks-gallery-item { max-width: 33.33%; } -.gallery-columns-4 .gallery-item, .gallery-columns-4 .blocks-gallery-item { +.gallery-columns-4 .gallery-item, .gallery-columns-4 +.blocks-gallery-item { max-width: 25%; } -.gallery-columns-5 .gallery-item, .gallery-columns-5 .blocks-gallery-item { +.gallery-columns-5 .gallery-item, .gallery-columns-5 +.blocks-gallery-item { max-width: 20%; } -.gallery-columns-6 .gallery-item, .gallery-columns-6 .blocks-gallery-item { +.gallery-columns-6 .gallery-item, .gallery-columns-6 +.blocks-gallery-item { max-width: 16.66%; } -.gallery-columns-7 .gallery-item, .gallery-columns-7 .blocks-gallery-item { +.gallery-columns-7 .gallery-item, .gallery-columns-7 +.blocks-gallery-item { max-width: 14.28%; } -.gallery-columns-8 .gallery-item, .gallery-columns-8 .blocks-gallery-item { +.gallery-columns-8 .gallery-item, .gallery-columns-8 +.blocks-gallery-item { max-width: 12.5%; } -.gallery-columns-9 .gallery-item, .gallery-columns-9 .blocks-gallery-item { +.gallery-columns-9 .gallery-item, .gallery-columns-9 +.blocks-gallery-item { max-width: 11.11%; } @@ -1799,7 +1807,7 @@ object { } } .menu-toggle:before { - content: ""; + content: "´ìë"; position: absolute; top: 0; left: .25rem; @@ -1819,42 +1827,47 @@ object { position: fixed; } .main-navigation.toggled-on .menu-toggle:before { - content: ""; + content: "´àÿ"; left: -.25rem; font-size: 3rem; color: white; } /*_______ Post navigation _______*/ -.site-main .posts-navigation, -.site-main .post-navigation { +.site-main .posts-navigation, .site-main +.post-navigation { padding: 4rem 2rem; overflow: hidden; } -.posts-navigation .nav-links a, .post-navigation .nav-links a { +.posts-navigation .nav-links a, +.post-navigation .nav-links a { font-weight: 400; font-family: "Montserrat", sans-serif; line-height: 100%; padding-bottom: .125rem; border-bottom: .125rem solid; } -.posts-navigation .nav-previous, .post-navigation .nav-previous { +.posts-navigation .nav-previous, +.post-navigation .nav-previous { float: left; width: 50%; } -.posts-navigation .nav-previous a:before, .post-navigation .nav-previous a:before { - content: " "; +.posts-navigation .nav-previous a:before, +.post-navigation .nav-previous a:before { + content: " ´ìÇ"; font-family: 'dashicons'; font-weight: 800; vertical-align: middle; } -.posts-navigation .nav-next, .post-navigation .nav-next { +.posts-navigation .nav-next, +.post-navigation .nav-next { float: right; text-align: right; width: 50%; } -.posts-navigation .nav-next a:after, .post-navigation .nav-next a:after { - content: " "; +.posts-navigation .nav-next a:after, +.post-navigation .nav-next a:after { + content: " ´ìä"; font-family: 'dashicons'; vertical-align: middle; }