ソースを参照

add larger fonts to sticky posts

Ben Dwyer 4 年 前
コミット
8ae7931f86

+ 9 - 1
spearhead/assets/sass/_posts-and-pages.scss

@@ -34,8 +34,16 @@
 	padding-top: var(--global--spacing-vertical);
 }
 
-.sticky {
+.post.sticky { // .post class needed to make this stronger
 	background: var(--sticky-posts--color-background);
+
+	.entry-title {
+		font-size: var(--sticky-posts--entry-title-font-size);
+	}
+
+	.entry-content {
+		font-size: var(--sticky-posts--entry-content-font-size);
+	}
 }
 
 .sticky-post {

+ 9 - 1
spearhead/style-rtl.css

@@ -62,10 +62,18 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	padding-top: var(--global--spacing-vertical);
 }
 
-.sticky {
+.post.sticky {
 	background: var(--sticky-posts--color-background);
 }
 
+.post.sticky .entry-title {
+	font-size: var(--sticky-posts--entry-title-font-size);
+}
+
+.post.sticky .entry-content {
+	font-size: var(--sticky-posts--entry-content-font-size);
+}
+
 .sticky-post {
 	display: none;
 }

+ 9 - 1
spearhead/style.css

@@ -62,10 +62,18 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	padding-top: var(--global--spacing-vertical);
 }
 
-.sticky {
+.post.sticky {
 	background: var(--sticky-posts--color-background);
 }
 
+.post.sticky .entry-title {
+	font-size: var(--sticky-posts--entry-title-font-size);
+}
+
+.post.sticky .entry-content {
+	font-size: var(--sticky-posts--entry-content-font-size);
+}
+
 .sticky-post {
 	display: none;
 }

ファイルの差分が大きいため隠しています
+ 0 - 0
spearhead/style.css.map


+ 2 - 0
spearhead/variables.css

@@ -74,6 +74,8 @@
 	--list--font-family: var(--global--font-secondary);
 	/* Sticky Posts */
 	--sticky-posts--color-background: #F9F9F9;
+	--sticky-posts--entry-title-font-size: 24px;
+	--sticky-posts--entry-content-font-size: 20px;
 }
 
 @media ( prefers-color-scheme: dark ) {

この差分においてかなりの量のファイルが変更されているため、一部のファイルを表示していません