working on page

Author: anitaparmar26

src/assets/scss/_button.scss

@@ -47,4 +47,55 @@
   --#{$prefix}btn-disabled-color: #{$gray-800};
   --#{$prefix}btn-disabled-bg: #{$gray-300};
   --#{$prefix}btn-disabled-border-color: #{$gray-300};
+}
+
+// Collapse
+
+.chevron-arrow {
+    display: inline-block;
+    transition: 0.5s ease-in-out;
+}
+
+// Expanded
+
+[aria-expanded="true"] .chevron-arrow {
+    transform: rotate(-180deg);
+}
+
+
+
+.btn-primary {
+  --#{$prefix}btn-color: #{$gray-900};
+  --#{$prefix}btn-bg: #{$primary};
+  --#{$prefix}btn-border-color: #{$primary};
+
+  --#{$prefix}btn-hover-color: #{$gray-900};
+  --#{$prefix}btn-hover-bg: rgba(255, 141, 109, 0.5);
+  --#{$prefix}btn-hover-border-color: #{shade-color($primary, 20%)};
+
+  --#{$prefix}btn-active-color: #{$gray-900};
+  --#{$prefix}btn-active-bg: rgba(255, 141, 109, 0.5);
+  --#{$prefix}btn-active-border-color: #{shade-color($primary, 30%)};
+
+  --#{$prefix}btn-disabled-color: #{$white};
+  --#{$prefix}btn-disabled-bg: #{$gray-400};
+  --#{$prefix}btn-disabled-border-color: #{$gray-400};
+}
+
+.btn-outline-secondary {
+  --#{$prefix}btn-color: #{$secondary};
+  --#{$prefix}btn-bg: transparent;
+  --#{$prefix}btn-border-color: #{$secondary};
+
+  --#{$prefix}btn-hover-color: #{$secondary};
+  --#{$prefix}btn-hover-bg: rgba(0, 58, 67, 0.1);
+  --#{$prefix}btn-hover-border-color: #{shade-color($secondary, 20%)};
+
+  --#{$prefix}btn-active-color: #{$secondary};;
+  --#{$prefix}btn-active-bg: rgba(0, 58, 67, 0.1);
+  --#{$prefix}btn-active-border-color: #{shade-color($secondary, 30%)};
+
+  --#{$prefix}btn-disabled-color: #{$white};
+  --#{$prefix}btn-disabled-bg: #{$gray-400};
+  --#{$prefix}btn-disabled-border-color: #{$gray-400};
 }

src/assets/scss/_utilities.scss

@@ -8,6 +8,19 @@
 $utilities: map-merge(
   $utilities,
   (
+     "letter-spacing": (
+    property: letter-spacing,
+    class: ls,
+    values: (
+      xs: $letter-spacing-xs,
+      sm: $letter-spacing-sm,
+      base: $letter-spacing-base,
+      md: $letter-spacing-md,
+      lg: $letter-spacing-lg,
+      xl: $letter-spacing-xl,
+      xxl: $letter-spacing-xxl
+    )
+  ),
     "font-size": (
   rfs: true,
   responsive: true,

src/assets/scss/_variables.scss

@@ -139,7 +139,7 @@ $link-decoration:                         none !default;
 
 $link-hover-decoration:                   underline !default;
 
-$card-border-radius:                12px !default;
+$card-border-radius:                16px !default;
 
 
 // Icon
@@ -159,3 +159,15 @@ $avatar-size-md: 2.5rem !default;
 $avatar-size-lg: 3.5rem !default;
 $avatar-size-xl: 5rem !default;
 $avatar-size-xxl: 7.5rem !default;
+
+
+// letter spacing
+$letter-spacing-sm: -0.04em;
+$letter-spacing-xs: -0.08em;
+$letter-spacing-base: 0em;
+$letter-spacing-md: 0.1em;
+$letter-spacing-lg: 0.15em;
+$letter-spacing-xl: 0.2em;
+$letter-spacing-xxl: 0.25em;
+
+