Skip to content

Commit 661fc30

Browse files
regdosregdos
committed
Cleanup css
1 parent b0fe96a commit 661fc30

File tree

1 file changed

+50
-96
lines changed

1 file changed

+50
-96
lines changed

‎view/base/web/css/payu.css‎

Lines changed: 50 additions & 96 deletions
Original file line numberDiff line numberDiff line change
@@ -61,26 +61,21 @@
6161
width: 64px;
6262
height: 64px;
6363
}
64-
.checkout-index-index .payu-payment._active .payment-method-content,
65-
.sales-order-repayview .payu-payment._active .payment-method-content {
64+
.payu-payment._active .payment-method-content {
6665
display: block;
6766
}
68-
.checkout-index-index .payu-payment__logo,
69-
.sales-order-repayview .payu-payment__logo {
67+
.payu-payment__logo {
7068
max-height: 25px;
7169
margin-bottom: -5px;
7270
}
73-
.checkout-index-index .payu-payment .payment-method-content,
74-
.sales-order-repayview .payu-payment .payment-method-content {
71+
.payu-payment .payment-method-content {
7572
display: none;
7673
}
77-
.checkout-index-index .payu-payment .payment__method,
78-
.sales-order-repayview .payu-payment .payment__method {
74+
.payu-payment .payment__method {
7975
padding: 0 0 20px 0;
8076
border-bottom: 1px solid #dcdcdc;
8177
}
82-
.checkout-index-index .payu-payment .payment__method .method__single,
83-
.sales-order-repayview .payu-payment .payment__method .method__single {
78+
.payu-payment .payment__method .method__single {
8479
position: relative;
8580
display: inline-block;
8681
box-sizing: border-box;
@@ -89,17 +84,14 @@
8984
height: 60px;
9085
float: left;
9186
}
92-
.checkout-index-index .payu-payment .payment__method .method__single--content,
93-
.sales-order-repayview .payu-payment .payment__method .method__single--content {
87+
.payu-payment .payment__method .method__single--content {
9488
width: 100%;
9589
height: 100%;
9690
}
97-
.checkout-index-index .payu-payment .payment__method .method__single--content label,
98-
.sales-order-repayview .payu-payment .payment__method .method__single--content label {
91+
.payu-payment .payment__method .method__single--content label {
9992
display: block;
10093
}
101-
.checkout-index-index .payu-payment .payment__method .method__single--content img,
102-
.sales-order-repayview .payu-payment .payment__method .method__single--content img {
94+
.payu-payment .payment__method .method__single--content img {
10395
max-height: calc(100% - 18px);
10496
max-width: calc(100% - 18px);
10597
position: absolute;
@@ -108,150 +100,112 @@
108100
margin-right: -50%;
109101
transform: translate(-50%, -50%);
110102
}
111-
.checkout-index-index .payu-payment .payment__method .method__single--content__image,
112-
.sales-order-repayview .payu-payment .payment__method .method__single--content__image {
103+
.payu-payment .payment__method .method__single--content__image {
113104
display: block;
114105
position: relative;
115106
width: 100%;
116107
height: 100%;
117108
}
118-
.checkout-index-index .payu-payment .payment__method .method__single:nth-child(5n + 1),
119-
.sales-order-repayview .payu-payment .payment__method .method__single:nth-child(5n + 1) {
109+
.payu-payment .payment__method .method__single:nth-child(5n + 1) {
120110
padding-left: 0;
121111
}
122-
.checkout-index-index .payu-payment .payment__method .method__single--clear,
123-
.sales-order-repayview .payu-payment .payment__method .method__single--clear {
112+
.payu-payment .payment__method .method__single--clear {
124113
clear: both;
125114
}
126-
.checkout-index-index .payu-payment .payment__method .payu-card,
127-
.sales-order-repayview .payu-payment .payment__method .payu-card,
128-
.checkout-index-index .payu-payment .payment__method .payu-pex,
129-
.sales-order-repayview .payu-payment .payment__method .payu-pex {
115+
.payu-payment .payment__method .payu-card,
116+
.payu-payment .payment__method .payu-pex {
130117
margin-bottom: 10px;
131118
cursor: pointer;
132119
}
133-
.checkout-index-index .payu-payment .payment__method .payu-card__img-wrapper,
134-
.sales-order-repayview .payu-payment .payment__method .payu-card__img-wrapper,
135-
.checkout-index-index .payu-payment .payment__method .payu-pex__img-wrapper,
136-
.sales-order-repayview .payu-payment .payment__method .payu-pex__img-wrapper {
120+
.payu-payment .payment__method .payu-card__img-wrapper,
121+
.payu-payment .payment__method .payu-pex__img-wrapper {
137122
text-align: center;
138123
min-width: 100px;
139124
font-size: 0;
140125
}
141-
.checkout-index-index .payu-payment .payment__method .payu-card__img-wrapper > *,
142-
.sales-order-repayview .payu-payment .payment__method .payu-card__img-wrapper > *,
143-
.checkout-index-index .payu-payment .payment__method .payu-pex__img-wrapper > *,
144-
.sales-order-repayview .payu-payment .payment__method .payu-pex__img-wrapper > * {
126+
.payu-payment .payment__method .payu-card__img-wrapper > *,
127+
.payu-payment .payment__method .payu-pex__img-wrapper > * {
145128
font-size: 1em;
146129
}
147-
.checkout-index-index .payu-payment .payment__method .payu-card__info,
148-
.sales-order-repayview .payu-payment .payment__method .payu-card__info,
149-
.checkout-index-index .payu-payment .payment__method .payu-pex__info,
150-
.sales-order-repayview .payu-payment .payment__method .payu-pex__info {
130+
.payu-payment .payment__method .payu-card__info,
131+
.payu-payment .payment__method .payu-pex__info {
151132
list-style: none;
152133
position: relative;
153134
display: table;
154135
box-sizing: border-box;
155136
}
156-
.checkout-index-index .payu-payment .payment__method .payu-card__info > *,
157-
.sales-order-repayview .payu-payment .payment__method .payu-card__info > *,
158-
.checkout-index-index .payu-payment .payment__method .payu-pex__info > *,
159-
.sales-order-repayview .payu-payment .payment__method .payu-pex__info > * {
137+
.payu-payment .payment__method .payu-card__info > *,
138+
.payu-payment .payment__method .payu-pex__info > * {
160139
display: table-cell;
161140
vertical-align: middle;
162141
}
163-
.checkout-index-index .payu-payment .payment__method .payu-card__info span,
164-
.sales-order-repayview .payu-payment .payment__method .payu-card__info span,
165-
.checkout-index-index .payu-payment .payment__method .payu-pex__info span,
166-
.sales-order-repayview .payu-payment .payment__method .payu-pex__info span {
142+
.payu-payment .payment__method .payu-card__info span,
143+
.payu-payment .payment__method .payu-pex__info span {
167144
padding-left: 20px;
168145
}
169-
.checkout-index-index .payu-payment .payment__method .payu-card__info img,
170-
.sales-order-repayview .payu-payment .payment__method .payu-card__info img,
171-
.checkout-index-index .payu-payment .payment__method .payu-pex__info img,
172-
.sales-order-repayview .payu-payment .payment__method .payu-pex__info img {
146+
.payu-payment .payment__method .payu-card__info img,
147+
.payu-payment .payment__method .payu-pex__info img {
173148
max-height: 30px;
174149
}
175-
.checkout-index-index .payu-payment .payment__method .method__single--content,
176-
.sales-order-repayview .payu-payment .payment__method .method__single--content,
177-
.checkout-index-index .payu-payment .payment__method .payu-card,
178-
.sales-order-repayview .payu-payment .payment__method .payu-card,
179-
.checkout-index-index .payu-payment .payment__method .payu-pex,
180-
.sales-order-repayview .payu-payment .payment__method .payu-pex {
150+
.payu-payment .payment__method .method__single--content,
151+
.payu-payment .payment__method .payu-card,
152+
.payu-payment .payment__method .payu-pex {
181153
box-sizing: border-box;
182154
padding: 7px;
183155
border: 1px solid #dcdcdc;
184156
border-radius: 3px;
185157
}
186-
.checkout-index-index .payu-payment .payment__method .method__single--content:not(._disabled),
187-
.sales-order-repayview .payu-payment .payment__method .method__single--content:not(._disabled),
188-
.checkout-index-index .payu-payment .payment__method .payu-card:not(._disabled),
189-
.sales-order-repayview .payu-payment .payment__method .payu-card:not(._disabled),
190-
.checkout-index-index .payu-payment .payment__method .payu-pex:not(._disabled),
191-
.sales-order-repayview .payu-payment .payment__method .payu-pex:not(._disabled) {
158+
159+
.payu-payment .payment__method .method__single--content:not(._disabled),
160+
.payu-payment .payment__method .payu-card:not(._disabled),
161+
.payu-payment .payment__method .payu-pex:not(._disabled) {
192162
cursor: pointer;
193163
}
194-
.checkout-index-index .payu-payment .payment__method .method__single--content:not(._disabled):hover,
195-
.sales-order-repayview .payu-payment .payment__method .method__single--content:not(._disabled):hover,
196-
.checkout-index-index .payu-payment .payment__method .payu-card:not(._disabled):hover,
197-
.sales-order-repayview .payu-payment .payment__method .payu-card:not(._disabled):hover,
198-
.checkout-index-index .payu-payment .payment__method .payu-pex:not(._disabled):hover,
199-
.sales-order-repayview .payu-payment .payment__method .payu-pex:not(._disabled):hover {
164+
165+
.payu-payment .payment__method .method__single--content:not(._disabled):hover,
166+
.payu-payment .payment__method .payu-card:not(._disabled):hover,
167+
.payu-payment .payment__method .payu-pex:not(._disabled):hover {
200168
background: rgba(220, 220, 220, 0.5);
201169
border-color: grey;
202170
}
203-
.checkout-index-index .payu-payment .payment__method .method__single--content:not(._disabled):focus,
204-
.sales-order-repayview .payu-payment .payment__method .method__single--content:not(._disabled):focus,
205-
.checkout-index-index .payu-payment .payment__method .payu-card:not(._disabled):focus,
206-
.sales-order-repayview .payu-payment .payment__method .payu-card:not(._disabled):focus,
207-
.checkout-index-index .payu-payment .payment__method .payu-pex:not(._disabled):focus,
208-
.sales-order-repayview .payu-payment .payment__method .payu-pex:not(._disabled):focus {
171+
.payu-payment .payment__method .method__single--content:not(._disabled):focus,
172+
.payu-payment .payment__method .payu-card:not(._disabled):focus,
173+
.payu-payment .payment__method .payu-pex:not(._disabled):focus {
209174
border-color: darkgreen;
210175
}
211-
.checkout-index-index .payu-payment .payment__method .method__single--content:not(._disabled)._active,
212-
.sales-order-repayview .payu-payment .payment__method .method__single--content:not(._disabled)._active,
213-
.checkout-index-index .payu-payment .payment__method .payu-card:not(._disabled)._active,
214-
.sales-order-repayview .payu-payment .payment__method .payu-card:not(._disabled)._active,
215-
.checkout-index-index .payu-payment .payment__method .payu-pex:not(._disabled)._active,
216-
.sales-order-repayview .payu-payment .payment__method .payu-pex:not(._disabled)._active {
176+
.payu-payment .payment__method .method__single--content:not(._disabled)._active,
177+
.payu-payment .payment__method .payu-card:not(._disabled)._active,
178+
.payu-payment .payment__method .payu-pex:not(._disabled)._active {
217179
background: rgba(220, 220, 220, 0.5);
218180
border-color: darkgreen;
219181
}
220-
.checkout-index-index .payu-payment .payment__method .method__single--content._disabled,
221-
.sales-order-repayview .payu-payment .payment__method .method__single--content._disabled,
222-
.checkout-index-index .payu-payment .payment__method .payu-card._disabled,
223-
.sales-order-repayview .payu-payment .payment__method .payu-card._disabled,
224-
.checkout-index-index .payu-payment .payment__method .payu-pex._disabled,
225-
.sales-order-repayview .payu-payment .payment__method .payu-pex._disabled {
182+
.payu-payment .payment__method .method__single--content._disabled,
183+
.payu-payment .payment__method .payu-card._disabled,
184+
.payu-payment .payment__method .payu-pex._disabled {
226185
-webkit-filter: grayscale(1);
227186
filter: grayscale(1);
228187
opacity: 0.5;
229188
cursor: default;
230189
}
231-
.checkout-index-index .payu-payment .payment__payu-agreement .payu-agreement__wrapper,
232-
.sales-order-repayview .payu-payment .payment__payu-agreement .payu-agreement__wrapper {
190+
.payu-payment .payment__payu-agreement .payu-agreement__wrapper {
233191
margin-top: 20px;
234192
}
235-
.checkout-index-index .payu-payment .payment__payu-agreement .payu-agreement__wrapper > *,
236-
.sales-order-repayview .payu-payment .payment__payu-agreement .payu-agreement__wrapper > * {
193+
.payu-payment .payment__payu-agreement .payu-agreement__wrapper > * {
237194
margin-bottom: 10px;
238195
}
239-
.checkout-index-index .payu-payment .payment__payu-agreement .payu-agreement__wrapper .payu-text,
240-
.sales-order-repayview .payu-payment .payment__payu-agreement .payu-agreement__wrapper .payu-text {
196+
.payu-payment .payment__payu-agreement .payu-agreement__wrapper .payu-text {
241197
font-size: 10px;
242198
}
243199
.checkout-index-index .actions-toolbar .action.primary,
244200
.sales-order-repayview .actions-toolbar .action.primary {
245201
margin-top: 20px;
246202
}
247-
.checkout-index-index .payu-msg .msg__error,
248-
.sales-order-repayview .payu-msg .msg__error {
203+
.payu-msg .msg__error {
249204
color: red;
250205
}
251206

252207
@media all and (min-width: 768px), print {
253-
.checkout-index-index .payu-payment .payment__method .method__single,
254-
.sales-order-repayview .payu-payment .payment__method .method__single {
208+
.payu-payment .payment__method .method__single {
255209
width: 16.66666667%;
256210
}
257211
}

0 commit comments

Comments
 (0)