浏览代码

Updates to button and separator styles.

alaczek 7 年之前
父节点
当前提交
066786fc39
共有 2 个文件被更改,包括 14 次插入7 次删除
  1. 4 3
      radcliffe-2/assets/css/blocks.css
  2. 10 4
      radcliffe-2/assets/css/editor-style.css

+ 4 - 3
radcliffe-2/assets/css/blocks.css

@@ -191,7 +191,7 @@ ul.wp-block-gallery li {
 /* Verse */
 .wp-block-verse {
 	background-color: transparent;
-	font-family: Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Times,"Times New Roman",serif;
+	font-family: "Alegreya", Georgia, "Times New Roman", serif;
 	font-size: 1.1em;
 	font-style: italic;
 	padding: 0;
@@ -199,6 +199,9 @@ ul.wp-block-gallery li {
 
 /* Separator */
 .wp-block-separator {
+	border: none;
+	max-width: none;
+	margin: 1.6em auto;
 }
 
 /* Buttons */
@@ -210,7 +213,6 @@ ul.wp-block-gallery li {
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
 	font-size: 1.4rem;
 	font-size: 14px;
-	font-weight: normal;
 }
 
 .wp-block-button a:hover,
@@ -221,7 +223,6 @@ ul.wp-block-gallery li {
 .wp-block-button a:not([style]) {
 	border: 0;
 	color: #fff;
-	font-weight: bold;
 }
 
 .wp-block-button:not([style]) a:hover,

+ 10 - 4
radcliffe-2/assets/css/editor-style.css

@@ -648,7 +648,11 @@ h6.mce-content-body,
 
 /* Separator */
 .wp-block-separator {
-	border-bottom: 2px dashed rgba(0,0,0,.15);
+	background: #ccc;
+	border: none;
+	height: 1px;
+	max-width: none;
+	margin: 1.6em auto;
 }
 
 /* Buttons */
@@ -658,10 +662,12 @@ h6.mce-content-body,
 }
 
 .wp-block-button .wp-block-button__link {
-	background-color: #FC814A;
+	background-color: #222;
 	border: 0;
 	border-radius: 3px;
-	font-weight: bold;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
+	font-size: 1.4rem;
+	font-size: 14px;
 	line-height: 1.25;
 	padding: .6em 1em;
 	text-align: center;
@@ -669,7 +675,7 @@ h6.mce-content-body,
 
 .wp-block-button .wp-block-button__link:hover,
 .wp-block-button .wp-block-button__link:focus {
-	background-color: #c1582a;
+	background-color: #ca2017;
 }
 
 .wp-block-button .wp-block-button__link[data-align="wide"],