Initial Version

core/src/scss/components/_VButtons.scss

@@ -0,0 +1,68 @@
+//
+// Light Buttons
+//
+
+.v-btn {
+  &.bg-lightprimary {
+    &:hover,
+    &:active,
+    &:focus {
+      background-color: rgb(var(--v-theme-primary)) !important;
+      color: $white !important;
+    }
+  }
+  &.bg-lightsecondary {
+    &:hover,
+    &:active,
+    &:focus {
+      background-color: rgb(var(--v-theme-secondary)) !important;
+      color: $white !important;
+    }
+  }
+  &.text-facebook {
+    &:hover,
+    &:active,
+    &:focus {
+      background-color: rgb(var(--v-theme-facebook)) !important;
+      color: $white !important;
+    }
+  }
+  &.text-twitter {
+    &:hover,
+    &:active,
+    &:focus {
+      background-color: rgb(var(--v-theme-twitter)) !important;
+      color: $white !important;
+    }
+  }
+  &.text-linkedin {
+    &:hover,
+    &:active,
+    &:focus {
+      background-color: rgb(var(--v-theme-linkedin)) !important;
+      color: $white !important;
+    }
+  }
+}
+
+.v-btn {
+  text-transform: capitalize;
+  letter-spacing: $btn-letter-spacing;
+  font-weight: 400;
+}
+.v-btn--icon.v-btn--density-default {
+  width: calc(var(--v-btn-height) + 6px);
+  height: calc(var(--v-btn-height) + 6px);
+}
+
+.v-btn-group .v-btn {
+  height: inherit !important;
+}
+
+.v-btn-group {
+  border-color: rgba(var(--v-border-color), 1);
+}
+
+.v-btn-group--divided .v-btn:not(:last-child) {
+  border-inline-end-color: rgba(var(--v-border-color), 1);
+}