浏览代码

_dsgnsystm: Fix keyboard navigation on mobile screens
- Remove the dropdown-icon from the button
- Fixes: #1069

Allan Cole 6 年之前
父节点
当前提交
df35f8321d

+ 6 - 2
_dsgnsystm/header.php

@@ -29,8 +29,12 @@
 
 			<?php if ( has_nav_menu( 'menu-1' ) ) : ?>
 				<nav id="site-navigation" class="main-navigation" aria-label="<?php esc_attr_e( 'Main Navigation', '_dsgnsystm' ); ?>">
-					<label for="tm" id="toggle-menu" class="button"><?php _e( 'Menu', '_dsgnsystm' ); ?> <span class="dropdown-icon">▾</span></label>
-					<input type="checkbox" id="tm">
+					<input type="checkbox" role="button" aria-haspopup="true" id="toggle" class="hide-visually">
+					<label for="toggle" id="toggle-menu" class="button">
+						<?php _e( 'Menu', '_dsgnsystm' ); ?>
+						<span class="hide-visually expanded-text">expanded</span>
+						<span class="hide-visually collapsed-text">collapsed</span>
+					</label>
 					<?php
 					wp_nav_menu(
 						array(

+ 66 - 28
_dsgnsystm/package-lock.json

@@ -558,7 +558,7 @@
       "requires": {
         "bluebird": "3.5.3",
         "chokidar": "2.1.1",
-        "lodash": "4.17.13",
+        "lodash": "4.17.11",
         "yargs": "12.0.5"
       },
       "dependencies": {
@@ -662,7 +662,8 @@
             "ansi-regex": {
               "version": "2.1.1",
               "bundled": true,
-              "dev": true
+              "dev": true,
+              "optional": true
             },
             "aproba": {
               "version": "1.2.0",
@@ -683,12 +684,14 @@
             "balanced-match": {
               "version": "1.0.0",
               "bundled": true,
-              "dev": true
+              "dev": true,
+              "optional": true
             },
             "brace-expansion": {
               "version": "1.1.11",
               "bundled": true,
               "dev": true,
+              "optional": true,
               "requires": {
                 "balanced-match": "^1.0.0",
                 "concat-map": "0.0.1"
@@ -703,17 +706,20 @@
             "code-point-at": {
               "version": "1.1.0",
               "bundled": true,
-              "dev": true
+              "dev": true,
+              "optional": true
             },
             "concat-map": {
               "version": "0.0.1",
               "bundled": true,
-              "dev": true
+              "dev": true,
+              "optional": true
             },
             "console-control-strings": {
               "version": "1.1.0",
               "bundled": true,
-              "dev": true
+              "dev": true,
+              "optional": true
             },
             "core-util-is": {
               "version": "1.0.2",
@@ -830,7 +836,8 @@
             "inherits": {
               "version": "2.0.3",
               "bundled": true,
-              "dev": true
+              "dev": true,
+              "optional": true
             },
             "ini": {
               "version": "1.3.5",
@@ -842,6 +849,7 @@
               "version": "1.0.0",
               "bundled": true,
               "dev": true,
+              "optional": true,
               "requires": {
                 "number-is-nan": "^1.0.0"
               }
@@ -856,6 +864,7 @@
               "version": "3.0.4",
               "bundled": true,
               "dev": true,
+              "optional": true,
               "requires": {
                 "brace-expansion": "^1.1.7"
               }
@@ -863,12 +872,14 @@
             "minimist": {
               "version": "0.0.8",
               "bundled": true,
-              "dev": true
+              "dev": true,
+              "optional": true
             },
             "minipass": {
               "version": "2.3.5",
               "bundled": true,
               "dev": true,
+              "optional": true,
               "requires": {
                 "safe-buffer": "^5.1.2",
                 "yallist": "^3.0.0"
@@ -887,6 +898,7 @@
               "version": "0.5.1",
               "bundled": true,
               "dev": true,
+              "optional": true,
               "requires": {
                 "minimist": "0.0.8"
               }
@@ -967,7 +979,8 @@
             "number-is-nan": {
               "version": "1.0.1",
               "bundled": true,
-              "dev": true
+              "dev": true,
+              "optional": true
             },
             "object-assign": {
               "version": "4.1.1",
@@ -979,6 +992,7 @@
               "version": "1.4.0",
               "bundled": true,
               "dev": true,
+              "optional": true,
               "requires": {
                 "wrappy": "1"
               }
@@ -1064,7 +1078,8 @@
             "safe-buffer": {
               "version": "5.1.2",
               "bundled": true,
-              "dev": true
+              "dev": true,
+              "optional": true
             },
             "safer-buffer": {
               "version": "2.1.2",
@@ -1100,6 +1115,7 @@
               "version": "1.0.2",
               "bundled": true,
               "dev": true,
+              "optional": true,
               "requires": {
                 "code-point-at": "^1.0.0",
                 "is-fullwidth-code-point": "^1.0.0",
@@ -1119,6 +1135,7 @@
               "version": "3.0.1",
               "bundled": true,
               "dev": true,
+              "optional": true,
               "requires": {
                 "ansi-regex": "^2.0.0"
               }
@@ -1162,12 +1179,14 @@
             "wrappy": {
               "version": "1.0.2",
               "bundled": true,
-              "dev": true
+              "dev": true,
+              "optional": true
             },
             "yallist": {
               "version": "3.0.3",
               "bundled": true,
-              "dev": true
+              "dev": true,
+              "optional": true
             }
           }
         },
@@ -1202,7 +1221,7 @@
           }
         },
         "lodash": {
-          "version": "4.17.13",
+          "version": "4.17.11",
           "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.13.tgz",
           "integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==",
           "dev": true
@@ -1935,7 +1954,8 @@
         "ansi-regex": {
           "version": "2.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "aproba": {
           "version": "1.2.0",
@@ -1956,12 +1976,14 @@
         "balanced-match": {
           "version": "1.0.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -1976,17 +1998,20 @@
         "code-point-at": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -2103,7 +2128,8 @@
         "inherits": {
           "version": "2.0.3",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -2115,6 +2141,7 @@
           "version": "1.0.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -2129,6 +2156,7 @@
           "version": "3.0.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
@@ -2136,12 +2164,14 @@
         "minimist": {
           "version": "0.0.8",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "minipass": {
           "version": "2.3.5",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.2",
             "yallist": "^3.0.0"
@@ -2160,6 +2190,7 @@
           "version": "0.5.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -2247,7 +2278,8 @@
         "number-is-nan": {
           "version": "1.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -2259,6 +2291,7 @@
           "version": "1.4.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -2344,7 +2377,8 @@
         "safe-buffer": {
           "version": "5.1.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -2380,6 +2414,7 @@
           "version": "1.0.2",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",
@@ -2399,6 +2434,7 @@
           "version": "3.0.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "ansi-regex": "^2.0.0"
           }
@@ -2442,12 +2478,14 @@
         "wrappy": {
           "version": "1.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "yallist": {
           "version": "3.0.3",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         }
       }
     },
@@ -2602,7 +2640,7 @@
       "dev": true,
       "requires": {
         "glob": "~7.1.1",
-        "lodash": "~4.17.13",
+        "lodash": "~4.17.10",
         "minimatch": "~3.0.2"
       }
     },
@@ -3423,7 +3461,7 @@
         "get-stdin": "^4.0.1",
         "glob": "^7.0.3",
         "in-publish": "^2.0.0",
-        "lodash": "^4.17.13",
+        "lodash": "^4.17.11",
         "meow": "^3.7.0",
         "mkdirp": "^0.5.1",
         "nan": "^2.13.2",
@@ -4048,7 +4086,7 @@
       "dev": true,
       "requires": {
         "chalk": "^2.4.1",
-        "lodash": "^4.17.13",
+        "lodash": "^4.17.11",
         "log-symbols": "^2.2.0",
         "postcss": "^7.0.7"
       },
@@ -4381,7 +4419,7 @@
       "dev": true,
       "requires": {
         "glob": "^7.0.0",
-        "lodash": "^4.17.13",
+        "lodash": "^4.0.0",
         "scss-tokenizer": "^0.2.3",
         "yargs": "^7.0.0"
       }

+ 16 - 3
_dsgnsystm/sass/components/header/_site-main-navigation.scss

@@ -12,15 +12,18 @@
 	// Mobile menu toggle
 	#toggle-menu {
 		display: inline-block;
+		margin: 0;
 	}
 
 	// Checkbox hack
-	& #tm:checked + div {
+	#toggle:checked ~ div {
 		display: block;
 	}
 
-	input[type="checkbox"] {
-		display: none;
+	#toggle:focus + #toggle-menu {
+		background-color: #{map-deep-get($config-header, "main-nav", "color", "link-hover")};
+		outline: inherit;
+		text-decoration: underline;
 	}
 
 	@include media(mobile) {
@@ -161,4 +164,14 @@
 			}
 		}
 	}
+
+	.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;
+	}
 }

+ 369 - 246
_dsgnsystm/style-editor.css

@@ -124,27 +124,33 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * - Reset the browser
  */
 body {
-  color: #444444;
-  background-color: white;
-  font-family: serif;
-  font-size: 18px;
-  font-weight: normal;
-  line-height: 1.78;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased; }
+	color: #444444;
+	background-color: white;
+	font-family: serif;
+	font-size: 18px;
+	font-weight: normal;
+	line-height: 1.78;
+	-moz-osx-font-smoothing: grayscale;
+	-webkit-font-smoothing: antialiased;
+}
 
 p {
-  font-size: 1em;
-  line-height: 1.78; }
+	font-size: 1em;
+	line-height: 1.78;
+}
 
 a {
-  color: blue; }
-  a:hover {
-    color: indigo; }
+	color: blue;
+}
+
+a:hover {
+	color: indigo;
+}
 
 button,
 a {
-  cursor: pointer; }
+	cursor: pointer;
+}
 
 /**
  * Elements
@@ -155,58 +161,80 @@ a {
  * - Styles for basic HTML elemants
  */
 blockquote {
-  padding-left: 16px; }
-  blockquote p {
-    font-size: 1.728rem;
-    letter-spacing: normal;
-    line-height: 1.125; }
-  blockquote cite,
-  blockquote footer {
-    font-size: 0.8333333333rem;
-    letter-spacing: normal; }
-  blockquote > * {
-    margin-top: 16px;
-    margin-bottom: 16px; }
-    blockquote > *:first-child {
-      margin-top: 0; }
-    blockquote > *:last-child {
-      margin-bottom: 0; }
-  blockquote.alignleft, blockquote.alignright {
-    padding-left: inherit; }
-    blockquote.alignleft p, blockquote.alignright p {
-      font-size: 1.44rem;
-      max-width: inherit;
-      width: inherit; }
-    blockquote.alignleft cite,
-    blockquote.alignleft footer, blockquote.alignright cite,
-    blockquote.alignright footer {
-      font-size: 0.6944444444rem;
-      letter-spacing: normal; }
+	padding-left: 16px;
+}
+
+blockquote p {
+	font-size: 1.728rem;
+	letter-spacing: normal;
+	line-height: 1.125;
+}
+
+blockquote cite,
+blockquote footer {
+	font-size: 0.83333rem;
+	letter-spacing: normal;
+}
+
+blockquote > * {
+	margin-top: 16px;
+	margin-bottom: 16px;
+}
+
+blockquote > *:first-child {
+	margin-top: 0;
+}
+
+blockquote > *:last-child {
+	margin-bottom: 0;
+}
+
+blockquote.alignleft, blockquote.alignright {
+	padding-left: inherit;
+}
+
+blockquote.alignleft p, blockquote.alignright p {
+	font-size: 1.44rem;
+	max-width: inherit;
+	width: inherit;
+}
+
+blockquote.alignleft cite,
+blockquote.alignleft footer, blockquote.alignright cite,
+blockquote.alignright footer {
+	font-size: 0.69444rem;
+	letter-spacing: normal;
+}
 
 figcaption {
-  color: #767676;
-  font-size: 0.6944444444rem;
-  margin-top: calc(0.5 * 16px);
-  margin-bottom: 16px;
-  text-align: center; }
-  .alignleft figcaption,
-  .alignright figcaption {
-    margin-bottom: 0; }
+	color: #767676;
+	font-size: 0.69444rem;
+	margin-top: calc(0.5 * 16px);
+	margin-bottom: 16px;
+	text-align: center;
+}
+
+.alignleft figcaption,
+.alignright figcaption {
+	margin-bottom: 0;
+}
 
 /* WP Smiley */
 .page-content .wp-smiley,
 .entry-content .wp-smiley,
 .comment-content .wp-smiley {
-  border: none;
-  margin-bottom: 0;
-  margin-top: 0;
-  padding: 0; }
+	border: none;
+	margin-bottom: 0;
+	margin-top: 0;
+	padding: 0;
+}
 
 /* Make sure embeds and iframes fit their containers. */
 embed,
 iframe,
 object {
-  max-width: 100%; }
+	max-width: 100%;
+}
 
 /**
  * Blocks
@@ -222,56 +250,74 @@ object {
  *   files and conditionally loaded
  */
 .wp-block-button {
-  /* Default Style */
-  /* Outline Style */
-  /* Squared Style */ }
-  .wp-block-button .wp-block-button__link {
-    color: white;
-    font-weight: bold;
-    font-family: sans-serif;
-    font-size: 1.2em;
-    line-height: 1;
-    background-color: blue;
-    border-radius: 9px;
-    padding: 16px 16px; }
-    .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link.has-focus {
-      color: white;
-      background-color: indigo; }
-  .wp-block-button.is-style-outline .wp-block-button__link {
-    color: blue;
-    background: transparent;
-    border: 2px solid currentcolor; }
-    .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-focus {
-      color: indigo; }
-  .wp-block-button.is-style-squared .wp-block-button__link {
-    border-radius: 0; }
+	/* Default Style */
+	/* Outline Style */
+	/* Squared Style */
+}
+
+.wp-block-button .wp-block-button__link {
+	color: white;
+	font-weight: bold;
+	font-family: sans-serif;
+	font-size: 1.2em;
+	line-height: 1;
+	background-color: blue;
+	border-radius: 9px;
+	padding: 16px 16px;
+}
+
+.wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link.has-focus {
+	color: white;
+	background-color: indigo;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link {
+	color: blue;
+	background: transparent;
+	border: 2px solid currentcolor;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-focus {
+	color: indigo;
+}
+
+.wp-block-button.is-style-squared .wp-block-button__link {
+	border-radius: 0;
+}
 
 .wp-block-cover,
 .wp-block-cover-image {
-  background-color: #444444;
-  min-height: calc( 15 * 32px);
-  /* Treating H2 separately to account for legacy /core styles */ }
-  .wp-block-cover .wp-block-cover__inner-container,
-  .wp-block-cover .wp-block-cover-image-text,
-  .wp-block-cover .wp-block-cover-text,
-  .wp-block-cover-image .wp-block-cover__inner-container,
-  .wp-block-cover-image .wp-block-cover-image-text,
-  .wp-block-cover-image .wp-block-cover-text {
-    color: white; }
-    .wp-block-cover .wp-block-cover__inner-container a,
-    .wp-block-cover .wp-block-cover-image-text a,
-    .wp-block-cover .wp-block-cover-text a,
-    .wp-block-cover-image .wp-block-cover__inner-container a,
-    .wp-block-cover-image .wp-block-cover-image-text a,
-    .wp-block-cover-image .wp-block-cover-text a {
-      color: currentColor; }
-  .wp-block-cover h2,
-  .wp-block-cover-image h2 {
-    font-size: 2.48832em;
-    letter-spacing: normal;
-    line-height: 1.125;
-    padding: 0;
-    text-align: left; }
+	background-color: #444444;
+	min-height: calc( 15 * 32px);
+	/* Treating H2 separately to account for legacy /core styles */
+}
+
+.wp-block-cover .wp-block-cover__inner-container,
+.wp-block-cover .wp-block-cover-image-text,
+.wp-block-cover .wp-block-cover-text,
+.wp-block-cover-image .wp-block-cover__inner-container,
+.wp-block-cover-image .wp-block-cover-image-text,
+.wp-block-cover-image .wp-block-cover-text {
+	color: white;
+}
+
+.wp-block-cover .wp-block-cover__inner-container a,
+.wp-block-cover .wp-block-cover-image-text a,
+.wp-block-cover .wp-block-cover-text a,
+.wp-block-cover-image .wp-block-cover__inner-container a,
+.wp-block-cover-image .wp-block-cover-image-text a,
+.wp-block-cover-image .wp-block-cover-text a {
+	color: currentColor;
+}
+
+.wp-block-cover h2,
+.wp-block-cover-image h2 {
+	font-size: 2.48832em;
+	letter-spacing: normal;
+	line-height: 1.125;
+	padding: 0;
+	text-align: left;
+}
 
 .wp-block-heading h1, h1, .h1,
 .wp-block-heading h2, h2, .h2,
@@ -279,229 +325,306 @@ object {
 .wp-block-heading h4, h4, .h4,
 .wp-block-heading h5, h5, .h5,
 .wp-block-heading h6, h6, .h6 {
-  font-family: sans-serif;
-  font-weight: bold;
-  clear: both; }
+	font-family: sans-serif;
+	font-weight: bold;
+	clear: both;
+}
 
 .wp-block-heading h1, h1, .h1 {
-  font-size: 2.985984em;
-  letter-spacing: normal;
-  line-height: 1.125; }
+	font-size: 2.98598em;
+	letter-spacing: normal;
+	line-height: 1.125;
+}
 
 .wp-block-heading h2, h2, .h2 {
-  font-size: 2.48832em;
-  letter-spacing: normal;
-  line-height: 1.125; }
+	font-size: 2.48832em;
+	letter-spacing: normal;
+	line-height: 1.125;
+}
 
 .wp-block-heading h3, h3, .h3 {
-  font-size: 2.0736em;
-  letter-spacing: normal;
-  line-height: 1.125; }
+	font-size: 2.0736em;
+	letter-spacing: normal;
+	line-height: 1.125;
+}
 
 .wp-block-heading h4, h4, .h4 {
-  font-size: 1.728em;
-  letter-spacing: normal;
-  line-height: 1.125; }
+	font-size: 1.728em;
+	letter-spacing: normal;
+	line-height: 1.125;
+}
 
 .wp-block-heading h5, h5, .h5 {
-  font-size: 1.44em;
-  letter-spacing: normal;
-  line-height: 1.125; }
+	font-size: 1.44em;
+	letter-spacing: normal;
+	line-height: 1.125;
+}
 
 .wp-block-heading h6, h6, .h6 {
-  font-size: 1.2em;
-  letter-spacing: normal;
-  line-height: 1.125; }
+	font-size: 1.2em;
+	letter-spacing: normal;
+	line-height: 1.125;
+}
 
 .wp-block-gallery figcaption {
-  margin-bottom: 0; }
+	margin-bottom: 0;
+}
 
 .wp-block-latest-posts {
-  padding-left: 0; }
+	padding-left: 0;
+}
 
 .wp-block-media-text .block-editor-inner-blocks a {
-  color: currentColor; }
+	color: currentColor;
+}
 
 .wp-block-pullquote {
-  padding: calc( 3 * 16px) 0;
-  margin-left: 0;
-  margin-right: 0;
-  text-align: center;
-  border-top-color: #DDDDDD;
-  border-top-width: 4px;
-  border-bottom-color: #DDDDDD;
-  border-bottom-width: 4px;
-  color: #444444;
-  /**
+	padding: calc( 3 * 16px) 0;
+	margin-left: 0;
+	margin-right: 0;
+	text-align: center;
+	border-top-color: #DDDDDD;
+	border-top-width: 4px;
+	border-bottom-color: #DDDDDD;
+	border-bottom-width: 4px;
+	color: #444444;
+	/**
 	 * Block Options
-	 */ }
-  .wp-block-pullquote p {
-    font-family: sans-serif;
-    font-size: 1.728em;
-    letter-spacing: normal;
-    line-height: 1.125; }
-  .wp-block-pullquote a {
-    color: currentColor; }
-  .wp-block-pullquote .wp-block-pullquote__citation,
-  .wp-block-pullquote cite,
-  .wp-block-pullquote footer {
-    color: #767676;
-    font-size: 0.8333333333em;
-    letter-spacing: normal; }
-  .wp-block-pullquote:not(.is-style-solid-color) {
-    background: none; }
-  .wp-block-pullquote.is-style-solid-color {
-    background-color: blue;
-    color: white; }
-    .wp-block-pullquote.is-style-solid-color.alignleft blockquote,
-    .wp-block-pullquote.is-style-solid-color.alignright blockquote {
-      padding-left: 16px;
-      padding-right: 16px;
-      max-width: inherit; }
-    .wp-block-pullquote.is-style-solid-color blockquote {
-      padding-left: 0; }
-    .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
-    .wp-block-pullquote.is-style-solid-color cite,
-    .wp-block-pullquote.is-style-solid-color footer {
-      color: currentColor; }
-  .wp-block-pullquote.alignwide > p,
-  .wp-block-pullquote.alignfull > p,
-  .wp-block-pullquote.alignwide blockquote,
-  .wp-block-pullquote.alignfull blockquote {
-    margin-left: auto;
-    margin-right: auto; }
+	 */
+}
+
+.wp-block-pullquote p {
+	font-family: sans-serif;
+	font-size: 1.728em;
+	letter-spacing: normal;
+	line-height: 1.125;
+}
+
+.wp-block-pullquote a {
+	color: currentColor;
+}
+
+.wp-block-pullquote .wp-block-pullquote__citation,
+.wp-block-pullquote cite,
+.wp-block-pullquote footer {
+	color: #767676;
+	font-size: 0.83333em;
+	letter-spacing: normal;
+}
+
+.wp-block-pullquote:not(.is-style-solid-color) {
+	background: none;
+}
+
+.wp-block-pullquote.is-style-solid-color {
+	background-color: blue;
+	color: white;
+}
+
+.wp-block-pullquote.is-style-solid-color.alignleft blockquote,
+.wp-block-pullquote.is-style-solid-color.alignright blockquote {
+	padding-left: 16px;
+	padding-right: 16px;
+	max-width: inherit;
+}
+
+.wp-block-pullquote.is-style-solid-color blockquote {
+	padding-left: 0;
+}
+
+.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
+.wp-block-pullquote.is-style-solid-color cite,
+.wp-block-pullquote.is-style-solid-color footer {
+	color: currentColor;
+}
+
+.wp-block-pullquote.alignwide > p,
+.wp-block-pullquote.alignfull > p,
+.wp-block-pullquote.alignwide blockquote,
+.wp-block-pullquote.alignfull blockquote {
+	margin-left: auto;
+	margin-right: auto;
+}
 
 .wp-block-quote {
-  border-left-color: blue;
-  margin: 32px 0;
-  padding-left: 16px; }
-  .wp-block-quote p {
-    font-size: 1.728em;
-    letter-spacing: normal; }
-  .wp-block-quote.is-large, .wp-block-quote.is-style-large {
-    border: none;
-    padding: 0 16px; }
-    .wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
-      font-size: 2.0736em;
-      letter-spacing: normal;
-      line-height: 1.125; }
+	border-left-color: blue;
+	margin: 32px 0;
+	padding-left: 16px;
+}
+
+.wp-block-quote p {
+	font-size: 1.728em;
+	letter-spacing: normal;
+}
+
+.wp-block-quote.is-large, .wp-block-quote.is-style-large {
+	border: none;
+	padding: 0 16px;
+}
+
+.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
+	font-size: 2.0736em;
+	letter-spacing: normal;
+	line-height: 1.125;
+}
 
 .wp-block-separator,
 hr {
-  border-bottom: 2px solid #DDDDDD;
-  clear: both; }
-  .wp-block-separator[style*="text-align:right"], .wp-block-separator[style*="text-align: right"],
-  hr[style*="text-align:right"],
-  hr[style*="text-align: right"] {
-    border-right-color: #DDDDDD; }
-  .wp-block-separator.is-style-wide,
-  hr.is-style-wide {
-    border-bottom-width: 2px; }
-  .wp-block-separator.is-style-dots,
-  hr.is-style-dots {
-    border-bottom: none; }
-    .wp-block-separator.is-style-dots:before,
-    hr.is-style-dots:before {
-      color: #DDDDDD; }
+	border-bottom: 2px solid #DDDDDD;
+	clear: both;
+}
+
+.wp-block-separator[style*="text-align:right"], .wp-block-separator[style*="text-align: right"],
+hr[style*="text-align:right"],
+hr[style*="text-align: right"] {
+	border-right-color: #DDDDDD;
+}
+
+.wp-block-separator.is-style-wide,
+hr.is-style-wide {
+	border-bottom-width: 2px;
+}
+
+.wp-block-separator.is-style-dots,
+hr.is-style-dots {
+	border-bottom: none;
+}
+
+.wp-block-separator.is-style-dots:before,
+hr.is-style-dots:before {
+	color: #DDDDDD;
+}
 
 table th,
 .wp-block-table th {
-  font-family: sans-serif; }
+	font-family: sans-serif;
+}
 
 table td,
 table th,
 .wp-block-table td,
 .wp-block-table th {
-  padding: calc( 0.5 * 16px); }
+	padding: calc( 0.5 * 16px);
+}
 
 /**
  * Editor Post Title
  * - Needs a special styles
  */
 .editor-post-title__block .editor-post-title__input {
-  color: #444444;
-  font-family: sans-serif;
-  font-weight: bold;
-  font-size: 2.48832em;
-  letter-spacing: normal;
-  line-height: 1.125; }
+	color: #444444;
+	font-family: sans-serif;
+	font-weight: bold;
+	font-size: 2.48832em;
+	letter-spacing: normal;
+	line-height: 1.125;
+}
 
 .has-primary-color[class] {
-  color: blue !important; }
+	color: blue !important;
+}
 
 .has-secondary-color[class] {
-  color: red !important; }
+	color: red !important;
+}
 
 .has-foreground-color[class] {
-  color: #444444 !important; }
+	color: #444444 !important;
+}
 
 .has-foreground-light-color[class] {
-  color: #767676 !important; }
+	color: #767676 !important;
+}
 
 .has-foreground-dark-color[class] {
-  color: #111111 !important; }
+	color: #111111 !important;
+}
 
 .has-background-color[class] {
-  color: white !important; }
+	color: white !important;
+}
 
 .has-primary-background-color[class] {
-  background-color: blue !important;
-  color: white; }
-  .has-primary-background-color[class] p, .has-primary-background-color[class] h1, .has-primary-background-color[class] h2, .has-primary-background-color[class] h3, .has-primary-background-color[class] h4, .has-primary-background-color[class] h5, .has-primary-background-color[class] h6 {
-    color: currentColor; }
+	background-color: blue !important;
+	color: white;
+}
+
+.has-primary-background-color[class] p, .has-primary-background-color[class] h1, .has-primary-background-color[class] h2, .has-primary-background-color[class] h3, .has-primary-background-color[class] h4, .has-primary-background-color[class] h5, .has-primary-background-color[class] h6 {
+	color: currentColor;
+}
 
 .has-secondary-background-color[class] {
-  background-color: red !important;
-  color: white; }
-  .has-secondary-background-color[class] p, .has-secondary-background-color[class] h1, .has-secondary-background-color[class] h2, .has-secondary-background-color[class] h3, .has-secondary-background-color[class] h4, .has-secondary-background-color[class] h5, .has-secondary-background-color[class] h6 {
-    color: currentColor; }
+	background-color: red !important;
+	color: white;
+}
+
+.has-secondary-background-color[class] p, .has-secondary-background-color[class] h1, .has-secondary-background-color[class] h2, .has-secondary-background-color[class] h3, .has-secondary-background-color[class] h4, .has-secondary-background-color[class] h5, .has-secondary-background-color[class] h6 {
+	color: currentColor;
+}
 
 .has-foreground-background-color[class] {
-  background-color: #444444 !important;
-  color: white; }
-  .has-foreground-background-color[class] p, .has-foreground-background-color[class] h1, .has-foreground-background-color[class] h2, .has-foreground-background-color[class] h3, .has-foreground-background-color[class] h4, .has-foreground-background-color[class] h5, .has-foreground-background-color[class] h6 {
-    color: currentColor; }
+	background-color: #444444 !important;
+	color: white;
+}
+
+.has-foreground-background-color[class] p, .has-foreground-background-color[class] h1, .has-foreground-background-color[class] h2, .has-foreground-background-color[class] h3, .has-foreground-background-color[class] h4, .has-foreground-background-color[class] h5, .has-foreground-background-color[class] h6 {
+	color: currentColor;
+}
 
 .has-foreground-light-background-color[class] {
-  background-color: #767676 !important;
-  color: white; }
-  .has-foreground-light-background-color[class] p, .has-foreground-light-background-color[class] h1, .has-foreground-light-background-color[class] h2, .has-foreground-light-background-color[class] h3, .has-foreground-light-background-color[class] h4, .has-foreground-light-background-color[class] h5, .has-foreground-light-background-color[class] h6 {
-    color: currentColor; }
+	background-color: #767676 !important;
+	color: white;
+}
+
+.has-foreground-light-background-color[class] p, .has-foreground-light-background-color[class] h1, .has-foreground-light-background-color[class] h2, .has-foreground-light-background-color[class] h3, .has-foreground-light-background-color[class] h4, .has-foreground-light-background-color[class] h5, .has-foreground-light-background-color[class] h6 {
+	color: currentColor;
+}
 
 .has-foreground-dark-background-color[class] {
-  background-color: #111111 !important;
-  color: white; }
-  .has-foreground-dark-background-color[class] p, .has-foreground-dark-background-color[class] h1, .has-foreground-dark-background-color[class] h2, .has-foreground-dark-background-color[class] h3, .has-foreground-dark-background-color[class] h4, .has-foreground-dark-background-color[class] h5, .has-foreground-dark-background-color[class] h6 {
-    color: currentColor; }
+	background-color: #111111 !important;
+	color: white;
+}
+
+.has-foreground-dark-background-color[class] p, .has-foreground-dark-background-color[class] h1, .has-foreground-dark-background-color[class] h2, .has-foreground-dark-background-color[class] h3, .has-foreground-dark-background-color[class] h4, .has-foreground-dark-background-color[class] h5, .has-foreground-dark-background-color[class] h6 {
+	color: currentColor;
+}
 
 .has-background-background-color[class] {
-  background-color: white !important;
-  color: #444444; }
-  .has-background-background-color[class] p, .has-background-background-color[class] h1, .has-background-background-color[class] h2, .has-background-background-color[class] h3, .has-background-background-color[class] h4, .has-background-background-color[class] h5, .has-background-background-color[class] h6 {
-    color: currentColor; }
+	background-color: white !important;
+	color: #444444;
+}
+
+.has-background-background-color[class] p, .has-background-background-color[class] h1, .has-background-background-color[class] h2, .has-background-background-color[class] h3, .has-background-background-color[class] h4, .has-background-background-color[class] h5, .has-background-background-color[class] h6 {
+	color: currentColor;
+}
 
 .is-small-text,
 .has-small-font-size {
-  font-size: 0.8333333333em; }
+	font-size: 0.83333em;
+}
 
 .is-regular-text,
 .has-regular-font-size,
 .has-normal-font-size,
 .has-medium-font-size {
-  font-size: 1.2em; }
+	font-size: 1.2em;
+}
 
 .is-large-text,
 .has-large-font-size {
-  font-size: 1.44em;
-  line-height: 1.125; }
+	font-size: 1.44em;
+	line-height: 1.125;
+}
 
 .is-larger-text,
 .has-larger-font-size,
 .has-huge-font-size {
-  font-size: 1.728em;
-  line-height: 1.125; }
+	font-size: 1.728em;
+	line-height: 1.125;
+}
 
 .has-drop-cap:not(:focus)::first-letter {
-  font-family: sans-serif;
-  font-size: calc(2 * 2.985984em);
-  font-weight: bold; }
+	font-family: sans-serif;
+	font-size: calc(2 * 2.98598em);
+	font-weight: bold;
+}

文件差异内容过多而无法显示
+ 421 - 128
_dsgnsystm/style-rtl.css


文件差异内容过多而无法显示
+ 395 - 281
_dsgnsystm/style.css


部分文件因为文件数量过多而无法显示