File tree Expand file tree Collapse file tree 1 file changed +74
-74
lines changed Expand file tree Collapse file tree 1 file changed +74
-74
lines changed Original file line number Diff line number Diff line change 16
16
@include appearance (none );
17
17
18
18
@include mq (tabletp) {
19
- font-size : 1.15em ;
20
- }
19
+ font-size : 1.15em ;
20
+ }
21
21
22
- @include mq (laptop) {
23
- font-size : 1.1em ;
24
- }
22
+ @include mq (laptop) {
23
+ font-size : 1.1em ;
24
+ }
25
25
26
- & :focus {
27
- outline : none ;
28
- border-color : #5e5e5e ;
29
- }
26
+ & :focus {
27
+ outline : none ;
28
+ border-color : #5e5e5e ;
29
+ }
30
30
}
31
31
32
32
.contact-form {
33
33
width : 100% ;
34
34
padding-bottom : 20px ;
35
35
36
36
@include mq (tabletp) {
37
- padding-bottom : 40px ;
38
- }
37
+ padding-bottom : 40px ;
38
+ }
39
39
40
40
@include mq (laptop) {
41
- padding-bottom : 50px ;
42
- }
41
+ padding-bottom : 50px ;
42
+ }
43
43
44
- @include mq (desktop) {
45
- padding-bottom : 60px ;
46
- }
44
+ @include mq (desktop) {
45
+ padding-bottom : 60px ;
46
+ }
47
47
48
- & :first-child {
49
- margin-top : 0 ;
50
- }
48
+ & :first-child {
49
+ margin-top : 0 ;
50
+ }
51
51
}
52
52
53
53
.contact-form-item {
54
54
margin-top : 15px ;
55
55
56
56
@include mq (tabletp) {
57
- margin-top : 20px ;
58
- }
57
+ margin-top : 20px ;
58
+ }
59
59
60
- @include mq (laptop) {
61
- margin-top : 30px ;
62
- }
60
+ @include mq (laptop) {
61
+ margin-top : 30px ;
62
+ }
63
63
64
- & :first-child {
65
- margin-top : 0 ;
64
+ & :first-child {
65
+ margin-top : 0 ;
66
66
}
67
67
}
68
68
@@ -83,79 +83,79 @@ form input:-moz-ui-invalid {
83
83
}
84
84
85
85
.contact-form-label {
86
- display : block ;
87
- font-size : 16px ;
88
- font-weight : 600 ;
89
- color : #676767 ;
90
-
91
- @include mq (tabletp) {
92
- font-size : 18px ;
93
- }
94
-
95
- @include mq (laptop) {
96
- font-size : 20px ;
97
- }
86
+ display : block ;
87
+ font-size : 16px ;
88
+ font-weight : 600 ;
89
+ color : #676767 ;
90
+
91
+ @include mq (tabletp) {
92
+ font-size : 18px ;
93
+ }
94
+
95
+ @include mq (laptop) {
96
+ font-size : 20px ;
97
+ }
98
98
}
99
99
100
100
.contact-form-input ,
101
101
.contact-form-textarea {
102
- margin-top : 8px ;
102
+ margin-top : 8px ;
103
103
}
104
104
105
105
@include input-placeholder (#ABB7B7 , 15% );
106
106
107
107
.contact-form-textarea {
108
108
font-size : 1.1em ;
109
- min-height : 200px ;
109
+ min-height : 200px ;
110
110
resize : none ;
111
111
112
- @include mq (tabletp) {
113
- font-size : 1.05em ;
112
+ @include mq (tabletp) {
113
+ font-size : 1.05em ;
114
114
}
115
115
116
- @include mq (laptop) {
117
- font-size : 1em ;
118
- }
116
+ @include mq (laptop) {
117
+ font-size : 1em ;
118
+ }
119
119
}
120
120
121
121
.button {
122
122
display : inline-block ;
123
- padding : 9px 10px 10px ;
124
- font-size : 13px ;
125
- line-height : 1 ;
126
- border : 2px solid #5e5e5e ;
127
- border-radius : 3px ;
128
- background : #5e5e5e ;
129
- color : #fff ;
130
- font-weight : 600 ;
123
+ padding : 9px 10px 10px ;
124
+ font-size : 13px ;
125
+ line-height : 1 ;
126
+ border : 2px solid #5e5e5e ;
127
+ border-radius : 3px ;
128
+ background : #5e5e5e ;
129
+ color : #fff ;
130
+ font-weight : 600 ;
131
131
cursor : pointer ;
132
132
133
133
@include mq (tabletp) {
134
- padding : 11px 20px 12px ;
135
- font-size : 15px ;
134
+ padding : 11px 20px 12px ;
135
+ font-size : 15px ;
136
136
}
137
137
138
138
& :hover {
139
- background : adjust-hue (#404040 ,15% );
140
- border-color : adjust-hue (#404040 ,15% );
141
- color : #fff ;
139
+ background : adjust-hue (#404040 ,15% );
140
+ border-color : adjust-hue (#404040 ,15% );
141
+ color : #fff ;
142
142
}
143
143
144
144
svg {
145
- margin-right : 5px ;
146
-
147
- & :last-child {
148
- margin-right : 0 ;
149
- margin-left : 5px ;
150
- }
151
-
152
- @include mq (tabletp) {
153
- margin-right : 8px ;
154
-
155
- & :last-child {
156
- margin-right : 0 ;
157
- margin-left : 8px ;
158
- }
159
- }
160
- }
145
+ margin-right : 5px ;
146
+
147
+ & :last-child {
148
+ margin-right : 0 ;
149
+ margin-left : 5px ;
150
+ }
151
+
152
+ @include mq (tabletp) {
153
+ margin-right : 8px ;
154
+
155
+ & :last-child {
156
+ margin-right : 0 ;
157
+ margin-left : 8px ;
158
+ }
159
+ }
160
+ }
161
161
}
You can’t perform that action at this time.
0 commit comments