Forráskód Böngészése

Redhill: Reduce margin bottom for entry title

Thomas Guillot 6 éve
szülő
commit
9bb8307f7f

+ 2 - 2
redhill/sass/_extra-child-theme.scss

@@ -3,7 +3,7 @@
  */
 
 // HTML reset
- html {
+html {
 	font-family: #{map-deep-get($config-global, "font", "family", "primary")};
 }
 
@@ -244,7 +244,7 @@ article .entry-header .entry-title,
 .page-title {
 	font-family: #{map-deep-get($config-global, "font", "family", "primary")};
 	margin-top: #{map-deep-get($config-global, "spacing", "vertical")};
-	margin-bottom: #{2 * map-deep-get($config-global, "spacing", "vertical")};
+	margin-bottom: #{1.5 * map-deep-get($config-global, "spacing", "vertical")};
 
   a {
     color: inherit;

+ 2 - 2
redhill/sass/style-child-theme-editor.scss

@@ -20,8 +20,8 @@
 @import "../../varia/sass/base/editor";
 
 // Reset the font-family override on html to make editor fonts match front-end
- html {
-	font-family: #{map-deep-get($config-global, "font", "family", "primary")};
+html {
+  font-family: #{map-deep-get($config-global, "font", "family", "primary")};
 }
 
 /**

+ 4 - 0
redhill/style-editor.css

@@ -457,6 +457,10 @@ object {
 	 */
 }
 
+.wp-block-pullquote blockquote {
+	padding-left: 0;
+}
+
 .wp-block-pullquote p {
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 1.44em;

+ 36 - 7
redhill/style-rtl.css

@@ -768,8 +768,8 @@ footer {
  * - Add double vertical margins here for clearer heirarchy
  */
 .site-main > * {
-	margin-top: calc(2 * 32px);
-	margin-bottom: calc(2 * 32px);
+	margin-top: calc(3 * 32px);
+	margin-bottom: calc(3 * 32px);
 }
 
 .site-main > *:first-child {
@@ -972,6 +972,7 @@ textarea {
 	color: #222222;
 	border: 1px solid #DDDDDD;
 	border-radius: 3px;
+	padding: calc( 0.33 * 16px);
 }
 
 input[type="text"]:focus,
@@ -1634,12 +1635,17 @@ p.has-background {
 	color: #666666;
 	font-size: 0.83333rem;
 	letter-spacing: normal;
+	display: block;
 }
 
 .wp-block-pullquote:not(.is-style-solid-color) {
 	background: none;
 }
 
+.wp-block-pullquote.is-style-default.alignleft blockquote > *, .wp-block-pullquote.is-style-default.aligncenter blockquote > *, .wp-block-pullquote.is-style-default.alignright blockquote > * {
+	text-align: center;
+}
+
 .wp-block-pullquote.is-style-solid-color {
 	background-color: #CA2017;
 	color: white;
@@ -1805,7 +1811,6 @@ table th,
 	margin-right: 16px;
 	margin-top: 0;
 	margin-bottom: 32px;
-	max-width: 50%;
 }
 
 .aligncenter {
@@ -1819,7 +1824,6 @@ table th,
 	margin-left: 16px;
 	margin-top: 0;
 	margin-bottom: 32px;
-	max-width: 50%;
 }
 
 .entry-content > .alignwide {
@@ -2022,16 +2026,31 @@ table th,
 
 .main-navigation #toggle-menu {
 	display: inline-block;
+	margin: 0;
 }
 
-.main-navigation #tm:checked + div {
+.main-navigation #toggle:checked ~ div {
 	display: block;
 }
 
-.main-navigation input[type="checkbox"] {
+.main-navigation #toggle:focus + #toggle-menu {
+	background-color: #CA2017;
+	outline: inherit;
+	text-decoration: underline;
+}
+
+.main-navigation .dropdown-icon.close {
+	display: none;
+}
+
+.main-navigation #toggle:checked + #toggle-menu .open {
 	display: none;
 }
 
+.main-navigation #toggle:checked + #toggle-menu .close {
+	display: inline;
+}
+
 @media only screen and (min-width: 560px) {
 	.main-navigation > div {
 		display: block;
@@ -2183,6 +2202,16 @@ table th,
 	}
 }
 
+.main-navigation .hide-visually {
+	position: absolute !important;
+	clip: rect(1px, 1px, 1px, 1px);
+	padding: 0 !important;
+	border: 0 !important;
+	height: 1px !important;
+	width: 1px !important;
+	overflow: hidden;
+}
+
 .social-navigation > div > ul {
 	align-content: center;
 	display: flex;
@@ -3178,7 +3207,7 @@ article .entry-header .entry-title,
 .page-title {
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
 	margin-top: 32px;
-	margin-bottom: 64px;
+	margin-bottom: 44.8px;
 }
 
 article .entry-header .entry-title a,

+ 36 - 7
redhill/style.css

@@ -768,8 +768,8 @@ footer {
  * - Add double vertical margins here for clearer heirarchy
  */
 .site-main > * {
-	margin-top: calc(2 * 32px);
-	margin-bottom: calc(2 * 32px);
+	margin-top: calc(3 * 32px);
+	margin-bottom: calc(3 * 32px);
 }
 
 .site-main > *:first-child {
@@ -972,6 +972,7 @@ textarea {
 	color: #222222;
 	border: 1px solid #DDDDDD;
 	border-radius: 3px;
+	padding: calc( 0.33 * 16px);
 }
 
 input[type="text"]:focus,
@@ -1634,12 +1635,17 @@ p.has-background {
 	color: #666666;
 	font-size: 0.83333rem;
 	letter-spacing: normal;
+	display: block;
 }
 
 .wp-block-pullquote:not(.is-style-solid-color) {
 	background: none;
 }
 
+.wp-block-pullquote.is-style-default.alignleft blockquote > *, .wp-block-pullquote.is-style-default.aligncenter blockquote > *, .wp-block-pullquote.is-style-default.alignright blockquote > * {
+	text-align: center;
+}
+
 .wp-block-pullquote.is-style-solid-color {
 	background-color: #CA2017;
 	color: white;
@@ -1808,7 +1814,6 @@ table th,
 	margin-right: 16px;
 	margin-top: 0;
 	margin-bottom: 32px;
-	max-width: 50%;
 }
 
 .aligncenter {
@@ -1824,7 +1829,6 @@ table th,
 	margin-left: 16px;
 	margin-top: 0;
 	margin-bottom: 32px;
-	max-width: 50%;
 }
 
 .entry-content > .alignwide {
@@ -2027,16 +2031,31 @@ table th,
 
 .main-navigation #toggle-menu {
 	display: inline-block;
+	margin: 0;
 }
 
-.main-navigation #tm:checked + div {
+.main-navigation #toggle:checked ~ div {
 	display: block;
 }
 
-.main-navigation input[type="checkbox"] {
+.main-navigation #toggle:focus + #toggle-menu {
+	background-color: #CA2017;
+	outline: inherit;
+	text-decoration: underline;
+}
+
+.main-navigation .dropdown-icon.close {
+	display: none;
+}
+
+.main-navigation #toggle:checked + #toggle-menu .open {
 	display: none;
 }
 
+.main-navigation #toggle:checked + #toggle-menu .close {
+	display: inline;
+}
+
 @media only screen and (min-width: 560px) {
 	.main-navigation > div {
 		display: block;
@@ -2188,6 +2207,16 @@ table th,
 	}
 }
 
+.main-navigation .hide-visually {
+	position: absolute !important;
+	clip: rect(1px, 1px, 1px, 1px);
+	padding: 0 !important;
+	border: 0 !important;
+	height: 1px !important;
+	width: 1px !important;
+	overflow: hidden;
+}
+
 .social-navigation > div > ul {
 	align-content: center;
 	display: flex;
@@ -3183,7 +3212,7 @@ article .entry-header .entry-title,
 .page-title {
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
 	margin-top: 32px;
-	margin-bottom: 64px;
+	margin-bottom: 48px;
 }
 
 article .entry-header .entry-title a,