Merge branch 'main' of github.com:steevLP/steevcss

src/scss/button.sass

@@ -0,0 +1,47 @@
+$primBG: rgb(248, 248, 248)
+$primary: #3498db
+$primary_dark: #2980b9
+$danger: #e74c3c
+$danger_dark: #c0392b
+$warning: #f1c40f
+$warning_dark: #f39c12
+$success: #2ecc71
+$success_dark: #27ae60
+$border_width: 2px
+$border_radius: 5px
+$padding: 5px
+
+/* Button Style Classes */
+.btn
+    border-radius: $border_radius
+    border-width: $border_width
+    padding: $padding
+    transition: 50ms
+.btn-primary
+    background-color: $primary 
+    border: $border_width solid $primary_dark
+    color: white
+.btn-danger
+    background-color: $danger 
+    border: $border_width solid $danger_dark
+    color: white
+.btn-warning
+    background-color: $warning 
+    border: $border_width solid $warning_dark
+    color: white
+.btn-success
+    background-color: $success 
+    border: $border_width solid $success_dark
+    color: white
+
+/* Hover classes */
+.btn:hover
+    background-color: #d8d8d8d8
+.btn-primary:hover
+    background-color: $primary_dark
+.btn-danger:hover
+    background-color: $danger_dark
+.btn-warning:hover
+    background-color: $warning_dark
+.btn-success:hover
+    background-color: $success_dark