Create invoice form part 1.

This commit is contained in:
Peter Papp
2021-04-30 17:53:19 +02:00
parent 5167ae520e
commit 3c3e82758d
51 changed files with 1890 additions and 763 deletions
+57
View File
@@ -62,6 +62,63 @@
}
}
.duplicator {
.duplicator-add-button {
//width: 100%;
}
.duplicator-item {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);
border-radius: 8px;
background: white;
padding: 25px 25px 10px;
margin: 0 0 32px;
position: relative;
.duplicator-title {
@include font-size(18);
margin-bottom: 20px;
display: block;
font-weight: 700;
}
.delete-item {
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
&:hover {
line {
color: inherit;
}
}
}
.block-wrapper {
margin-bottom: 16px !important;
}
input[type="text"],
input[type="number"] {
box-shadow: none;
background: white;
border-bottom: 1px solid darken($light_mode_border, 6%);
border-radius: 0;
padding: 0 0 8px;
&:focus {
border-top-color: transparent !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
}
}
}
}
.form-fixed-width {
width: 700px;
margin: 0 auto;
+4
View File
@@ -115,6 +115,7 @@ textarea,
input[type="password"],
input[type="text"],
input[type="number"],
input[type="date"],
input[type="email"] {
border: 1px solid transparent;
@include transition(150ms);
@@ -236,6 +237,7 @@ input[type="email"] {
textarea,
input[type="password"],
input[type="number"],
input[type="date"],
input[type="text"],
input[type="email"] {
padding: 14px 20px;
@@ -278,6 +280,7 @@ input[type="email"] {
textarea,
input[type="password"],
input[type="text"],
input[type="date"],
input[type="number"],
input[type="email"] {
border-color: $dark_mode_foreground;
@@ -300,6 +303,7 @@ input[type="email"] {
textarea,
input[type="password"],
input[type="date"],
input[type="text"],
input[type="number"],
input[type="email"] {
-43
View File
@@ -11,49 +11,6 @@
}
}
.duplicator {
.duplicator-add-button {
width: 100%;
}
.duplicator-item {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);
border-radius: 8px;
background: white;
padding: 25px;
margin: 0 -25px 32px;
position: relative;
.duplicator-title {
@include font-size(18);
margin-bottom: 20px;
display: block;
font-weight: 700;
}
.delete-item {
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
&:hover {
line {
stroke: $theme;
}
}
}
input,
textarea {
box-shadow: none;
background: #FAFAFA;
}
}
}
.form {
max-width: 580px;
text-align: left;