瀏覽代碼

Morden: Update CSS

* Add style for sticky posts
* Fix header margin/padding
* New select colour
Thomas Guillot 6 年之前
父節點
當前提交
bb26bc051d
共有 4 個文件被更改,包括 65 次插入17 次删除
  1. 1 1
      morden/sass/_config-child-theme-deep.scss
  2. 22 2
      morden/sass/_extra-child-theme.scss
  3. 21 7
      morden/style-rtl.css
  4. 21 7
      morden/style.css

+ 1 - 1
morden/sass/_config-child-theme-deep.scss

@@ -83,7 +83,7 @@ $config-global: (
 			"light": #F8F8F8,
 			"dark": #A5A5A5,
 		),
-		"text-selection": #FCC7B4,
+		"text-selection": #FDE2D4,
 		"black": black,
 		"white": white,
 	),

+ 22 - 2
morden/sass/_extra-child-theme.scss

@@ -32,11 +32,10 @@ a {
 }
 
 #masthead {
-	padding-bottom: 0;
+	//padding-bottom: 0;
 
 	&:before {
 		background: #{map-deep-get($config-global, "color", "primary", "default")};
-		border-bottom: #{map-deep-get($config-global, "spacing", "vertical")} solid #{map-deep-get($config-global, "color", "primary", "default")};
 		box-sizing: content-box;
 		content: "";
 		display: block;
@@ -194,6 +193,15 @@ a {
 	margin-top: -#{map-deep-get($config-global, "spacing", "unit")};
 }
 
+/**
+ * Main
+ */
+@include media(mobile) {
+	#main {
+		padding-top: #{2 * map-deep-get($config-global, "spacing", "vertical")};
+	}
+}
+
 /**
  * Footer
  */
@@ -273,12 +281,14 @@ table,
 .singular .hentry .entry-title,
 .page-title {
 	background: #{map-deep-get($config-global, "color", "background", "light")};
+	margin-top: -#{0.5 * map-deep-get($config-global, "spacing", "vertical")};
 	padding-bottom: #{map-deep-get($config-global, "spacing", "vertical")};
 	padding-top: #{map-deep-get($config-global, "spacing", "vertical")};
 	text-align: center;
 
 	@include media(mobile) {
 		margin-bottom: #{2 * map-deep-get($config-global, "spacing", "vertical")};
+		margin-top: -#{2 * map-deep-get($config-global, "spacing", "vertical")};
 		padding-bottom: #{2 * map-deep-get($config-global, "spacing", "vertical")};
 		padding-top: #{2 * map-deep-get($config-global, "spacing", "vertical")};
 	}
@@ -293,6 +303,16 @@ table,
 	}
 }
 
+// Sticky
+
+.sticky-post,
+.a8c-posts-list .a8c-posts-list-item__featured span {
+	background: #{map-deep-get($config-global, "color", "background", "light")};
+	border-radius: #{map-deep-get($config-global, "border-radius", "sm")};
+	color: inherit;
+	text-transform: uppercase;
+}
+
 // Entry Title Link
 article .entry-header .entry-title,
 .page-title,

+ 21 - 7
morden/style-rtl.css

@@ -1948,7 +1948,7 @@ table th,
 }
 
 .has-secondary-color[class] {
-	color: #3ED64D !important;
+	color: #EF6F13 !important;
 }
 
 .has-foreground-color[class] {
@@ -1985,7 +1985,7 @@ table th,
 }
 
 .has-secondary-background-color[class] {
-	background-color: #3ED64D !important;
+	background-color: #EF6F13 !important;
 	color: white;
 }
 
@@ -3260,13 +3260,8 @@ p:not(.site-title) a:hover {
 	position: relative;
 }
 
-#masthead {
-	padding-bottom: 0;
-}
-
 #masthead:before {
 	background: #E22C2C;
-	border-bottom: 32px solid #E22C2C;
 	box-sizing: content-box;
 	content: "";
 	display: block;
@@ -3409,6 +3404,15 @@ p:not(.site-title) a:hover {
 	margin-top: -16px;
 }
 
+/**
+ * Main
+ */
+@media only screen and (min-width: 560px) {
+	#main {
+		padding-top: 64px;
+	}
+}
+
 /**
  * Footer
  */
@@ -3485,6 +3489,7 @@ table th,
 .singular .hentry .entry-title,
 .page-title {
 	background: #F8F8F8;
+	margin-top: -16px;
 	padding-bottom: 32px;
 	padding-top: 32px;
 	text-align: center;
@@ -3494,6 +3499,7 @@ table th,
 	.singular .hentry .entry-title,
 	.page-title {
 		margin-bottom: 64px;
+		margin-top: -64px;
 		padding-bottom: 64px;
 		padding-top: 64px;
 	}
@@ -3503,6 +3509,14 @@ table th,
 	display: none;
 }
 
+.sticky-post,
+.a8c-posts-list .a8c-posts-list-item__featured span {
+	background: #F8F8F8;
+	border-radius: 5px;
+	color: inherit;
+	text-transform: uppercase;
+}
+
 article .entry-header .entry-title a,
 .page-title a,
 .a8c-posts-list .a8c-posts-list-item__title a {

+ 21 - 7
morden/style.css

@@ -717,11 +717,11 @@ footer {
 }
 
 ::selection {
-	background-color: #FCC7B4;
+	background-color: #FDE2D4;
 }
 
 ::-moz-selection {
-	background-color: #FCC7B4;
+	background-color: #FDE2D4;
 }
 
 /**
@@ -3265,13 +3265,8 @@ p:not(.site-title) a:hover {
 	position: relative;
 }
 
-#masthead {
-	padding-bottom: 0;
-}
-
 #masthead:before {
 	background: #E22C2C;
-	border-bottom: 32px solid #E22C2C;
 	box-sizing: content-box;
 	content: "";
 	display: block;
@@ -3414,6 +3409,15 @@ p:not(.site-title) a:hover {
 	margin-top: -16px;
 }
 
+/**
+ * Main
+ */
+@media only screen and (min-width: 560px) {
+	#main {
+		padding-top: 64px;
+	}
+}
+
 /**
  * Footer
  */
@@ -3490,6 +3494,7 @@ table th,
 .singular .hentry .entry-title,
 .page-title {
 	background: #F8F8F8;
+	margin-top: -16px;
 	padding-bottom: 32px;
 	padding-top: 32px;
 	text-align: center;
@@ -3499,6 +3504,7 @@ table th,
 	.singular .hentry .entry-title,
 	.page-title {
 		margin-bottom: 64px;
+		margin-top: -64px;
 		padding-bottom: 64px;
 		padding-top: 64px;
 	}
@@ -3508,6 +3514,14 @@ table th,
 	display: none;
 }
 
+.sticky-post,
+.a8c-posts-list .a8c-posts-list-item__featured span {
+	background: #F8F8F8;
+	border-radius: 5px;
+	color: inherit;
+	text-transform: uppercase;
+}
+
 article .entry-header .entry-title a,
 .page-title a,
 .a8c-posts-list .a8c-posts-list-item__title a {