Prechádzať zdrojové kódy

Canard: Minor tweaks to Gutenberg styles, primarily to make the File block look the same as the other links and buttons.

Laurel Fulford 6 rokov pred
rodič
commit
f3c0da780f
2 zmenil súbory, kde vykonal 31 pridanie a 23 odobranie
  1. 15 7
      canard/blocks.css
  2. 16 16
      canard/editor-blocks.css

+ 15 - 7
canard/blocks.css

@@ -87,9 +87,10 @@ p.has-drop-cap:not(:focus)::first-letter {
 
 /* File */
 
-.wp-block-file .wp-block-file__button {
+.wp-block-file a.wp-block-file__button {
 	background: #d11415;
 	border: 2px solid #d11415;
+	border-radius: 0;
 	color: #fff;
 	font-family: Lato, sans-serif;
 	font-weight: bold;
@@ -97,22 +98,19 @@ p.has-drop-cap:not(:focus)::first-letter {
 	text-transform: uppercase;
 }
 
-.wp-block-file .wp-block-file__button:hover,
-.wp-block-file .wp-block-file__button:focus {
+.wp-block-file a.wp-block-file__button:hover,
+.wp-block-file a.wp-block-file__button:focus {
 	background: #fff;
 	color: #d11415;
 	outline: none;
 }
 
-.wp-block-file .wp-block-file__button:focus {
+.wp-block-file a.wp-block-file__button:focus {
 	background: #fff;
 	color: #d11415;
 	outline: none;
 }
 
-.rtl .wp-block-file * + .wp-block-file__button {
-}
-
 /*--------------------------------------------------------------
 3.0 Blocks - Formatting Blocks
 --------------------------------------------------------------*/
@@ -264,10 +262,20 @@ hr.wp-block-separator {
 	max-width: 66%;
 }
 
+.wp-block-separator:not(.is-style-wide) {
+	margin-left: auto;
+	margin-right: auto;
+	max-width: 100px;
+}
+
 .wp-block-separator.is-style-wide {
 	max-width: 100%;
 }
 
+.wp-block-separator.is-style-dots::before {
+	padding-left: 0;
+}
+
 /*--------------------------------------------------------------
 5.0 Blocks - Widget Blocks
 --------------------------------------------------------------*/

+ 16 - 16
canard/editor-blocks.css

@@ -375,29 +375,29 @@
 
 /* Audio */
 
+.wp-block-audio audio {
+	display: block;
+	width: 100%;
+}
+
 /* Cover Images */
 
 /* File */
 
 .wp-block-file__textlink {
-	box-shadow: 0 1px 0 0 currentColor;
-	color: #007acc;
+	color: #d11415;
+	font-weight: bold;
 }
 
 .wp-block-file .wp-block-file__button {
-	background: rgba(255, 255, 255, 0.25);
-	border: 2px solid #117bb8;
-	color: #159ae7;
-	cursor: pointer;
-	display: inline-block;
-	font-family: "Open Sans", Arial, sans-serif;
-	font-size: 18px;
-	font-weight: 300;
-	line-height: 1;
-	margin: 5px 0;
-	padding: 12px 24px;
-	text-align: center;
-	text-decoration: none;
+	background: #d11415;
+	border: 2px solid #d11415;
+	border-radius: 0;
+	color: #fff;
+	font-family: Lato, sans-serif;
+	font-weight: bold;
+	padding: 5.5px 13px;
+	text-transform: uppercase;
 }
 
 /*--------------------------------------------------------------
@@ -760,4 +760,4 @@
 
 .edit-post-visual-editor .wp-block-latest-posts.is-grid li {
 	margin-bottom: 15px;
-}
+}