fix(blog): Article title style (windmill-labs#131)

adam-kov · web-flow · commit 71bd2868d8c9 · 2023-03-27T17:37:13.000+02:00
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -86,8 +86,7 @@ html[data-theme='dark'] .docusaurus-highlight-code-line {
 }
 
 h1 {
-	@apply text-3xl;
-	@apply font-bold;
+	@apply !text-3xl font-bold;
 }
 
 h2 {
@@ -204,50 +203,53 @@ a {
 	@apply border border-gray-600 rounded-lg shadow-md p-4 mx-2;
 }
 
-
 .landing-section-gradient-background {
-	background:linear-gradient(327.21deg, #bcd4fc 3.65%, rgba(59, 130, 246, 0) 40.32%), linear-gradient(245.93deg, rgba(59, 130, 246, 0.16) 0%, rgba(59, 130, 246, 0) 36.63%), linear-gradient(147.6deg, rgba(59, 130, 246, 0) 29.79%, rgba(59, 130, 246, 0.01) 85.72%), #ffffff;
+	background: linear-gradient(327.21deg, #bcd4fc 3.65%, rgba(59, 130, 246, 0) 40.32%),
+		linear-gradient(245.93deg, rgba(59, 130, 246, 0.16) 0%, rgba(59, 130, 246, 0) 36.63%),
+		linear-gradient(147.6deg, rgba(59, 130, 246, 0) 29.79%, rgba(59, 130, 246, 0.01) 85.72%),
+		#ffffff;
 }
 
 .dark-gray-font {
-	color: #212427
+	color: #212427;
 }
 
 .card-shadow-blue {
-	box-shadow: rgba(59, 130, 246, 0.4) 0px 4px 24px
+	box-shadow: rgba(59, 130, 246, 0.4) 0px 4px 24px;
 }
 
 .card-shadow-green {
-	box-shadow: rgba(34, 197, 94, 0.4) 0px 4px 24px
+	box-shadow: rgba(34, 197, 94, 0.4) 0px 4px 24px;
 }
 
 .card-shadow-orange {
-	box-shadow: rgba( 	249, 115, 22, 0.4) 0px 4px 24px
+	box-shadow: rgba(249, 115, 22, 0.4) 0px 4px 24px;
 }
 
 .landing-section-gradient-background-dark {
-	background:linear-gradient(327.21deg, #bcd4fc 3.65%, rgba(59, 130, 246, 0) 40.32%), linear-gradient(245.93deg, rgba(59, 130, 246, 0.16) 0%, rgba(59, 130, 246, 0) 36.63%), linear-gradient(147.6deg, rgba(59, 130, 246, 0) 29.79%, rgba(59, 130, 246, 0.01) 85.72%), #000;
+	background: linear-gradient(327.21deg, #bcd4fc 3.65%, rgba(59, 130, 246, 0) 40.32%),
+		linear-gradient(245.93deg, rgba(59, 130, 246, 0.16) 0%, rgba(59, 130, 246, 0) 36.63%),
+		linear-gradient(147.6deg, rgba(59, 130, 246, 0) 29.79%, rgba(59, 130, 246, 0.01) 85.72%), #000;
 }
 
 table {
-  font-family: 'Inter', sans-serif; /* Use Inter font */
-  font-size: 14px; /* Set small text size */
-  border-collapse: collapse; /* Merge table borders */	
+	font-family: 'Inter', sans-serif; /* Use Inter font */
+	font-size: 14px; /* Set small text size */
+	border-collapse: collapse; /* Merge table borders */
 	width: 100%;
 	display: inline-table;
 }
 th,
 td {
-  text-align: left; /* Left align table cells */
-  padding: 8px; /* Add padding to table cells */
-  border: 1px solid #ddd; /* Add border to table cells */
+	text-align: left; /* Left align table cells */
+	padding: 8px; /* Add padding to table cells */
+	border: 1px solid #ddd; /* Add border to table cells */
 }
 
 td:nth-of-type(2):first-child {
 	background-color: red;
 }
 
 th {
-  background-color: #f2f2f2; /* Add light gray background to table header */
+	background-color: #f2f2f2; /* Add light gray background to table header */
 }
-

Original file line number	Diff line number	Diff line change
`@@ -86,8 +86,7 @@ html[data-theme='dark'] .docusaurus-highlight-code-line {`
`86`	`86`	`}`
`87`	`87`
`88`	`88`	`h1 {`
`89`		`- @apply text-3xl;`
`90`		`- @apply font-bold;`
	`89`	`+ @apply !text-3xl font-bold;`
`91`	`90`	`}`
`92`	`91`
`93`	`92`	`h2 {`
`@@ -204,50 +203,53 @@ a {`
`204`	`203`	`@apply border border-gray-600 rounded-lg shadow-md p-4 mx-2;`
`205`	`204`	`}`
`206`	`205`
`207`		`-`
`208`	`206`	`.landing-section-gradient-background {`
`209`		`- background:linear-gradient(327.21deg, #bcd4fc 3.65%, rgba(59, 130, 246, 0) 40.32%), linear-gradient(245.93deg, rgba(59, 130, 246, 0.16) 0%, rgba(59, 130, 246, 0) 36.63%), linear-gradient(147.6deg, rgba(59, 130, 246, 0) 29.79%, rgba(59, 130, 246, 0.01) 85.72%), #ffffff;`
	`207`	`+ background: linear-gradient(327.21deg, #bcd4fc 3.65%, rgba(59, 130, 246, 0) 40.32%),`
	`208`	`+ linear-gradient(245.93deg, rgba(59, 130, 246, 0.16) 0%, rgba(59, 130, 246, 0) 36.63%),`
	`209`	`+ linear-gradient(147.6deg, rgba(59, 130, 246, 0) 29.79%, rgba(59, 130, 246, 0.01) 85.72%),`
	`210`	`+ #ffffff;`
`210`	`211`	`}`
`211`	`212`
`212`	`213`	`.dark-gray-font {`
`213`		`- color: #212427`
	`214`	`+ color: #212427;`
`214`	`215`	`}`
`215`	`216`
`216`	`217`	`.card-shadow-blue {`
`217`		`- box-shadow: rgba(59, 130, 246, 0.4) 0px 4px 24px`
	`218`	`+ box-shadow: rgba(59, 130, 246, 0.4) 0px 4px 24px;`
`218`	`219`	`}`
`219`	`220`
`220`	`221`	`.card-shadow-green {`
`221`		`- box-shadow: rgba(34, 197, 94, 0.4) 0px 4px 24px`
	`222`	`+ box-shadow: rgba(34, 197, 94, 0.4) 0px 4px 24px;`
`222`	`223`	`}`
`223`	`224`
`224`	`225`	`.card-shadow-orange {`
`225`		`- box-shadow: rgba( 249, 115, 22, 0.4) 0px 4px 24px`
	`226`	`+ box-shadow: rgba(249, 115, 22, 0.4) 0px 4px 24px;`
`226`	`227`	`}`
`227`	`228`
`228`	`229`	`.landing-section-gradient-background-dark {`
`229`		`- background:linear-gradient(327.21deg, #bcd4fc 3.65%, rgba(59, 130, 246, 0) 40.32%), linear-gradient(245.93deg, rgba(59, 130, 246, 0.16) 0%, rgba(59, 130, 246, 0) 36.63%), linear-gradient(147.6deg, rgba(59, 130, 246, 0) 29.79%, rgba(59, 130, 246, 0.01) 85.72%), #000;`
	`230`	`+ background: linear-gradient(327.21deg, #bcd4fc 3.65%, rgba(59, 130, 246, 0) 40.32%),`
	`231`	`+ linear-gradient(245.93deg, rgba(59, 130, 246, 0.16) 0%, rgba(59, 130, 246, 0) 36.63%),`
	`232`	`+ linear-gradient(147.6deg, rgba(59, 130, 246, 0) 29.79%, rgba(59, 130, 246, 0.01) 85.72%), #000;`
`230`	`233`	`}`
`231`	`234`
`232`	`235`	`table {`
`233`		`- font-family: 'Inter', sans-serif; /* Use Inter font */`
`234`		`- font-size: 14px; /* Set small text size */`
`235`		`- border-collapse: collapse; /* Merge table borders */`
	`236`	`+ font-family: 'Inter', sans-serif; /* Use Inter font */`
	`237`	`+ font-size: 14px; /* Set small text size */`
	`238`	`+ border-collapse: collapse; /* Merge table borders */`
`236`	`239`	`width: 100%;`
`237`	`240`	`display: inline-table;`
`238`	`241`	`}`
`239`	`242`	`th,`
`240`	`243`	`td {`
`241`		`- text-align: left; /* Left align table cells */`
`242`		`- padding: 8px; /* Add padding to table cells */`
`243`		`- border: 1px solid #ddd; /* Add border to table cells */`
	`244`	`+ text-align: left; /* Left align table cells */`
	`245`	`+ padding: 8px; /* Add padding to table cells */`
	`246`	`+ border: 1px solid #ddd; /* Add border to table cells */`
`244`	`247`	`}`
`245`	`248`
`246`	`249`	`td:nth-of-type(2):first-child {`
`247`	`250`	`background-color: red;`
`248`	`251`	`}`
`249`	`252`
`250`	`253`	`th {`
`251`		`- background-color: #f2f2f2; /* Add light gray background to table header */`
	`254`	`+ background-color: #f2f2f2; /* Add light gray background to table header */`
`252`	`255`	`}`
`253`		`-`