fix: background-images, colors

_data/theme.yml

@@ -6,6 +6,8 @@ vendor_prefixes:
 - "-o-"
 - "-moz-"
 bezier: "cubic-bezier(0.75, 0, 0.25, 1);"
+primary: "#fd6014"
+secondary: "#7a2ad84e"
 colors:
   black: "#000000"
   white: "#ffffff"
@@ -140,6 +142,9 @@ background_positions_y:
 - "right"
 background_images:
   example: "$background-example"
+  call-to-actions: "$background-call-to-actions"
+  menu: "$background-menu"
+  faqs: "$background-faqs"
 grid_breakpoints:
   xs: "0"
   sm: "576px"

assets/css/styles.scss

@@ -2,6 +2,9 @@
 ---
 
 $background-example: '../../{{ "public/placeholder.png" | default: "public/placeholder.png" | uri_escape }}';
+$background-call-to-actions: '../../{{ "public/background_details.png" | default: "public/background_details.png" | uri_escape }}';
+$background-menu: '../../{{ "public/background_menu.png" | default: "public/background_menu.png" | uri_escape }}';
+$background-faqs: '../../{{ "public/background_details_2.png" | default: "public/background_details_2.png" | uri_escape }}';
 
 $breadcrumb-divider: none;
 $breadcrumb-bg: transparent;
@@ -47,3 +50,12 @@ $breadcrumb-active-color: black;
 	display: block;
 	height: 141px;
 }
+
+.linear-gradient {
+	border-image: linear-gradient(45deg, red, lime, blue) 1;
+}
+
+.degrade-button {
+	background: linear-gradient(45deg, #fd6014, #7a2ad84e);
+	border: none;
+}