Y-SLD/assets/playkit/examples/scss/pages/invoice.scss

43 lines
708 B
SCSS
Raw Normal View History

2024-03-01 11:23:55 +00:00
@import '../base';
.invoice-wrapper.invoice-bg {
background: linear-gradient($brand-success 400px, #fff 0, #fff 70%);
}
.invoice-inner {
padding: 1.5rem;
@include media-breakpoint-down(xl) {
padding: 3rem;
}
}
.invoice-logo svg {
transform: rotateY(180deg);
}
.page-invoice .table {
th, td {
white-space: nowrap;
padding-right: 1.5rem;
padding-left: 1.5rem;
}
}
.invoice-btn {
height: 45px;
border-radius: 0;
@include media-breakpoint-down(xs) {
&:first-child {
margin-bottom: 1.5rem;
}
}
}
.signature {
@import 'https://fonts.googleapis.com/css?family=Great+Vibes';
font-size: 24px;
font-weight: 300;
font-family: 'Great Vibes', cursive;
}