b374k
m1n1 1.01
 Apache/2.4.41 (Ubuntu)
Linux vmi616275.contaboserver.net 5.4.0-84-generic #94-Ubuntu SMP Thu Aug 26 20:27:37 UTC 2021 x86_64
uid=33(www-data) gid=33(www-data) groups=33(www-data)
server ip : 62.171.164.128 | your ip : 127.0.0.1
safemode OFF
 >  / home / dev2.destoffenstraat.com / app / code / Swissup / CheckoutCart / view / frontend / web / css /
Filename/home/dev2.destoffenstraat.com/app/code/Swissup/CheckoutCart/view/frontend/web/css/styles.less
Size2.56 kb
Permissionrwxrwxrwx
Ownerroot : root
Create time17-Aug-2025 10:26
Last modified23-Apr-2021 19:17
Last accessed23-Aug-2025 02:07
Actionsedit | rename | delete | download (gzip)
Viewtext | code | image
@import '_modrtl.less';

@checkout-cart__qty-wrapper-border: 1px solid #e4e4e4;
@checkout-cart__qty-wrapper-border-radius: 0;

@checkout-cart__qty-width: 40px;
@checkout-cart__qty-height: 40px;

@checkout-cart__toggler-width: 20px;
@checkout-cart__toggler-height: @checkout-cart__qty-height / 2;
@checkout-cart__toggler-background-color: #fff;
@checkout-cart__toggler-color: #777;
@checkout-cart__toggler-icon-size: 16px;

#checkout .opc-block-summary {
.product-item-sku {
opacity: .6;
margin-top: -10px;
display: block;
font-size: .9em;
}
.details-qty {
.qty-wrapper {
display: inline-block;
position: relative;
overflow: hidden;
width: @checkout-cart__qty-width + @checkout-cart__toggler-width;
height: @checkout-cart__qty-height;
border: @checkout-cart__qty-wrapper-border;
border-radius: @checkout-cart__qty-wrapper-border-radius;

.qty {
position: absolute;
&,
&:focus {
border: 0 !important;
border-radius: 0 !important;
}
}

.qty {
.left(0);
width: @checkout-cart__qty-width !important;
height: @checkout-cart__qty-height !important;
padding: 0 !important;
text-align: center;
}
.qty-toggler {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
.right(0);
height: @checkout-cart__toggler-height;
width: @checkout-cart__toggler-width;
color: @checkout-cart__toggler-color;
.border-left(@checkout-cart__qty-wrapper-border);
background-color: @checkout-cart__toggler-background-color;

&:hover {
color: darken(@checkout-cart__toggler-color, 5%);
background: darken(@checkout-cart__toggler-background-color, 1%);
}

svg {
width: @checkout-cart__toggler-icon-size;
height: @checkout-cart__toggler-icon-size;
}

&.qty-more {
top: 0;
border-bottom: @checkout-cart__qty-wrapper-border;
}
&.qty-less {
bottom: 0;
}
}
}
}
}