aboutsummaryrefslogtreecommitdiff
path: root/src/components/editors/scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/editors/scss')
-rw-r--r--src/components/editors/scss/_editor.scss16
-rw-r--r--src/components/editors/scss/invoice-headers.scss6
2 files changed, 22 insertions, 0 deletions
diff --git a/src/components/editors/scss/_editor.scss b/src/components/editors/scss/_editor.scss
index 1ca7067..6cd7c43 100644
--- a/src/components/editors/scss/_editor.scss
+++ b/src/components/editors/scss/_editor.scss
@@ -17,6 +17,22 @@
@import "colors";
+@mixin button {
+ button, input[type=submit] {
+ padding: 0.2rem 0;
+ width: 4rem;
+ background-color: $inputBackgroundColor;
+ border: 1px solid $primaryAccentColor;
+ color: $fgColor;
+ border-radius: 4px;
+ transition: background-color 0.4s, color 0.4s;
+ }
+ button:hover, input[type=submit]:hover {
+ background-color: $primaryAccentColor;
+ color: $fgColorAlt;
+ }
+}
+
@mixin label {
label {
display: flex;
diff --git a/src/components/editors/scss/invoice-headers.scss b/src/components/editors/scss/invoice-headers.scss
index ade428b..56055e7 100644
--- a/src/components/editors/scss/invoice-headers.scss
+++ b/src/components/editors/scss/invoice-headers.scss
@@ -42,6 +42,12 @@
}
}
+ .wrapper {
+ display: flex;
+ justify-content: space-between;
+ width: 44rem;
+ }
+
// hide up/down arrows from number input
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {