Skip to content

Commit 0a952e3

Browse files
committed
feat(form): add input with enter icon class (scss)
1 parent 6295fd8 commit 0a952e3

File tree

1 file changed

+18
-3
lines changed

1 file changed

+18
-3
lines changed

assets/css/form.scss

Lines changed: 18 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -58,10 +58,10 @@ input[type=file] {
5858
display: none;
5959

6060
+ label {
61-
color:white;
61+
color: white;
6262
border-radius: 4px;
6363
padding: 10px 15px;
64-
cursor:pointer;
64+
cursor: pointer;
6565
text-transform: uppercase;
6666
font-size: .7em;
6767
font-weight: bold;
@@ -79,15 +79,30 @@ input[type=file] {
7979

8080
.input-wrapper--with-icon {
8181
position: relative;
82+
83+
&.one-third {
84+
max-width: 33%;
85+
}
86+
87+
&.input-with--enter-icon:after {
88+
content: "";
89+
color:$PRIMARY_COLOR;
90+
position: absolute;
91+
top: 50%;
92+
right: 20px;
93+
@include transformHelper(translateY(-50%));
94+
}
95+
8296
input:not([type=radio]) {
8397
padding-left: 50px;
8498
}
99+
85100
svg {
86101
width: 15px;
87102
position: absolute;
88103
top: 50%;
89104
left: 20px;
90-
transform: translateY(-50%);
105+
@include transformHelper(translateY(-50%));
91106
}
92107
}
93108

0 commit comments

Comments
 (0)