mirror of
https://github.com/woocommerce/woocommerce-paypal-payments.git
synced 2025-08-30 05:00:51 +08:00
45 lines
842 B
SCSS
45 lines
842 B
SCSS
@mixin font($font-size, $line-height, $font-weight, $letter-spacing: false) {
|
|
font-size: $font-size + px;
|
|
line-height: calc($line-height / $font-size);
|
|
font-weight: $font-weight;
|
|
@if $letter-spacing {
|
|
letter-spacing: $letter-spacing;
|
|
}
|
|
}
|
|
|
|
@mixin hide-input-field() {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
margin: 0;
|
|
opacity: 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
@mixin fake-input-field($border-radius:0) {
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 1px solid $color-gray-600;
|
|
display: block;
|
|
pointer-events: none;
|
|
border-radius: $border-radius;
|
|
}
|
|
|
|
@mixin small-button {
|
|
border-radius: 2px;
|
|
padding: 6px 12px;
|
|
@include font(13, 20, 400);
|
|
}
|
|
|
|
@mixin vertical-layout-event-gap($gap:0) {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: $gap;
|
|
}
|
|
|
|
@mixin horizontal-layout-even-gap($gap:0) {
|
|
display: flex;
|
|
gap: $gap;
|
|
}
|
