fixed blogcard css (#25)

cacama-valvata · web-flow · commit 02211708bce0 · 2023-10-30T21:32:05.000-07:00
consolidated blogcard, blog-content, infopage-content styling &amp; used the descendent operator
diff --git a/content/ctf-league.md b/content/ctf-league.md
@@ -3,7 +3,7 @@ title: CTF League
 layout: 'infopage'
 ---
 
-![CTF League logo, starring a beaver with a lock](https://www.osusec.org/wp-content/uploads/2022/06/ctf_small_years1-300x300.png)
+![CTF League logo, starring a beaver with a lock](/ctf-league_logo.png)
 
 ## Overview
 
diff --git a/static/caseyhates.css b/static/caseyhates.css
@@ -189,35 +189,37 @@ body {
     }
 }
 
-.infopage-content > p > a, .infopage-content>ul>li>a, .infopage-content>ol>li>a {
+.infopage-content a, .blogcard-content a {
     text-decoration: none;
     color: var(--primary-color);
 }
 
-.infopage-content > p > a:hover {
+.infopage-content a:hover, .blogcard-content a:hover, .blogcard-title:hover {
+    text-decoration: none;
     color: var(--secondary-color);
 }
 
-.infopage-content>h1, .infopage-content>h2, .infopage-content>h3, .infopage-content>h4, .infopage-content>h5 {
+.infopage-content h1, .infopage-content h2, .infopage-content h3, .infopage-content h4, .infopage-content h5
+.blogcard-content h1,  .blogcard-content h2, .blogcard-content h3, .blogcard-content h4, .blogcard-content h5 {
     color: var(--subheading-color);
 }
 
-.infopage-content>p {
+.infopage-content p, .blogcard-content p {
     color: var(--text-color);
 }
 
-.infopage-content>p>img, .infopage-content>iframe {
+.infopage-content img, .infopage-content iframe, .blogcard-content img {
     max-width: 100%;
     margin: auto;
     display: block;
 }
 
-.infopage-content>embed {
+.infopage-content embed {
     width: 100%;
     height: 100vh;
 }
 
-.infopage-content>ul, .infopage-content>ol {
+.infopage-content ul, .infopage-content ol {
     color: var(--text-color);
 }
 
@@ -232,15 +234,6 @@ body {
     width: 100%;
 }
 
-.blogcard-content>p>a {
-    text-decoration: none;
-    color: var(--primary-color);
-}
-
-.blogcard-content>p>a:hover {
-    text-decoration: none;
-    color: var(--secondary-color);
-}
 
 .blogcard-title {
     text-decoration: none;
@@ -249,12 +242,8 @@ body {
     font-weight: 600;
 }
 
-.blogcard-title:hover {
-    text-decoration: none;
-    color: var(--secondary-color);
-}
 
-.blogcard-content>time, .blog-subtext {
+.blog-subtext {
     color: var(--mutedtext-color);
     font-size: 0.9rem;
 }
diff --git a/static/ctf-league_logo.png b/static/ctf-league_logo.png

Original file line number	Diff line number	Diff line change
`@@ -189,35 +189,37 @@ body {`
`189`	`189`	`}`
`190`	`190`	`}`
`191`	`191`
`192`		`-.infopage-content > p > a, .infopage-content>ul>li>a, .infopage-content>ol>li>a {`
	`192`	`+.infopage-content a, .blogcard-content a {`
`193`	`193`	`text-decoration: none;`
`194`	`194`	`color: var(--primary-color);`
`195`	`195`	`}`
`196`	`196`
`197`		`-.infopage-content > p > a:hover {`
	`197`	`+.infopage-content a:hover, .blogcard-content a:hover, .blogcard-title:hover {`
	`198`	`+ text-decoration: none;`
`198`	`199`	`color: var(--secondary-color);`
`199`	`200`	`}`
`200`	`201`
`201`		`-.infopage-content>h1, .infopage-content>h2, .infopage-content>h3, .infopage-content>h4, .infopage-content>h5 {`
	`202`	`+.infopage-content h1, .infopage-content h2, .infopage-content h3, .infopage-content h4, .infopage-content h5`
	`203`	`+.blogcard-content h1, .blogcard-content h2, .blogcard-content h3, .blogcard-content h4, .blogcard-content h5 {`
`202`	`204`	`color: var(--subheading-color);`
`203`	`205`	`}`
`204`	`206`
`205`		`-.infopage-content>p {`
	`207`	`+.infopage-content p, .blogcard-content p {`
`206`	`208`	`color: var(--text-color);`
`207`	`209`	`}`
`208`	`210`
`209`		`-.infopage-content>p>img, .infopage-content>iframe {`
	`211`	`+.infopage-content img, .infopage-content iframe, .blogcard-content img {`
`210`	`212`	`max-width: 100%;`
`211`	`213`	`margin: auto;`
`212`	`214`	`display: block;`
`213`	`215`	`}`
`214`	`216`
`215`		`-.infopage-content>embed {`
	`217`	`+.infopage-content embed {`
`216`	`218`	`width: 100%;`
`217`	`219`	`height: 100vh;`
`218`	`220`	`}`
`219`	`221`
`220`		`-.infopage-content>ul, .infopage-content>ol {`
	`222`	`+.infopage-content ul, .infopage-content ol {`
`221`	`223`	`color: var(--text-color);`
`222`	`224`	`}`
`223`	`225`
`@@ -232,15 +234,6 @@ body {`
`232`	`234`	`width: 100%;`
`233`	`235`	`}`
`234`	`236`
`235`		`-.blogcard-content>p>a {`
`236`		`- text-decoration: none;`
`237`		`- color: var(--primary-color);`
`238`		`-}`
`239`		`-`
`240`		`-.blogcard-content>p>a:hover {`
`241`		`- text-decoration: none;`
`242`		`- color: var(--secondary-color);`
`243`		`-}`
`244`	`237`
`245`	`238`	`.blogcard-title {`
`246`	`239`	`text-decoration: none;`
`@@ -249,12 +242,8 @@ body {`
`249`	`242`	`font-weight: 600;`
`250`	`243`	`}`
`251`	`244`
`252`		`-.blogcard-title:hover {`
`253`		`- text-decoration: none;`
`254`		`- color: var(--secondary-color);`
`255`		`-}`
`256`	`245`
`257`		`-.blogcard-content>time, .blog-subtext {`
	`246`	`+.blog-subtext {`
`258`	`247`	`color: var(--mutedtext-color);`
`259`	`248`	`font-size: 0.9rem;`
`260`	`249`	`}`