Improve styling

Marco Pereirinha · Marco Pereirinha · commit fa3a264cb3d0 · 2024-08-29T17:47:01.000+01:00
diff --git a/src/css/_variables.scss b/src/css/_variables.scss
@@ -16,6 +16,7 @@ $color-cld-grey-blue: #c6d1db;
 $color-cld-light-grey: #eaecfa;
 $color-cld-description: rgba(0, 0, 1, 0.5);
 $color-cld-dark-description: rgba(0, 0, 1, 0.75);
+$color-cld-coral: #ff5050;
 $color-grey-background: #f1f1f1;
 
 /** Sizes */
diff --git a/src/css/components/ui/_ui-components.scss b/src/css/components/ui/_ui-components.scss
@@ -111,12 +111,12 @@
 }
 
 &-special-offer {
-	background-color: $color-cld-blue;
+	background-color: $color-cld-coral;
 	color: #fff;
 	text-decoration: none;
 	padding: 5px 14px;
 	border-radius: 4px 4px 0 0;
 	font-weight: bold;
-	font-size: $size-button;
+	font-size: $size-sidebar-title;
 	margin: 2em 0 0;
 }

Original file line number	Diff line number	Diff line change
`@@ -111,12 +111,12 @@`
`111`	`111`	`}`
`112`	`112`
`113`	`113`	`&-special-offer {`
`114`		`- background-color: $color-cld-blue;`
	`114`	`+ background-color: $color-cld-coral;`
`115`	`115`	`color: #fff;`
`116`	`116`	`text-decoration: none;`
`117`	`117`	`padding: 5px 14px;`
`118`	`118`	`border-radius: 4px 4px 0 0;`
`119`	`119`	`font-weight: bold;`
`120`		`- font-size: $size-button;`
	`120`	`+ font-size: $size-sidebar-title;`
`121`	`121`	`margin: 2em 0 0;`
`122`	`122`	`}`