110 lines
2.3 KiB
SCSS
110 lines
2.3 KiB
SCSS
.w-fit {
|
|
width: fit-content;
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.form-check-input[type="checkbox"]:checked {
|
|
#{--bs-form-check-bg-image}: url("@/images/global/checkbox-cross.svg");
|
|
}
|
|
|
|
.bg-agis-yellow {
|
|
background-image: url('@/images/global/bg-yellow.svg');
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.divide {
|
|
height: 4px;
|
|
background-image: url('@/images/homepage/h-bar.svg');
|
|
background-position: center bottom;
|
|
background-repeat: no-repeat;
|
|
background-size: 100% .2rem;
|
|
}
|
|
|
|
.highlight.white {
|
|
@include button-shape(#ffffff);
|
|
}
|
|
|
|
.highlight.black {
|
|
@include button-shape(#000000);
|
|
}
|
|
|
|
.highlight.orange {
|
|
@include button-shape(#e86446);
|
|
}
|
|
|
|
.highlight.deep-orange {
|
|
@include button-shape(#df3712);
|
|
}
|
|
|
|
.highlight.red {
|
|
@include button-shape(#d11317);
|
|
}
|
|
|
|
.highlight.blue {
|
|
@include button-shape(#66789b);
|
|
}
|
|
|
|
.highlight.light-green {
|
|
@include button-shape(#aac27f);
|
|
}
|
|
|
|
.highlight.green {
|
|
@include button-shape(#26A322);
|
|
}
|
|
|
|
.highlight.deep-green {
|
|
@include button-shape(#123827);
|
|
}
|
|
|
|
.highlight.yellow {
|
|
@include button-shape(#ffcb52);
|
|
}
|
|
|
|
.highlight.maroon {
|
|
@include button-shape(#ba9964);
|
|
}
|
|
|
|
|
|
.black-frame {
|
|
padding-top: 4rem;
|
|
padding-bottom: 2rem;
|
|
|
|
div {
|
|
border: 5px solid transparent;
|
|
border-image: url("@/images/global/frame-line.svg") 1 stretch;
|
|
}
|
|
}
|
|
|
|
|
|
// XXXXXXX XXXXXXXLLLLLLLLLLL
|
|
// X:::::X X:::::XL:::::::::L
|
|
// X:::::X X:::::XL:::::::::L
|
|
// X::::::X X::::::XLL:::::::LL
|
|
// XXX:::::X X:::::XXX L:::::L
|
|
// X:::::X X:::::X L:::::L
|
|
// X:::::X:::::X L:::::L
|
|
// X:::::::::X L:::::L
|
|
// X:::::::::X L:::::L
|
|
// X:::::X:::::X L:::::L
|
|
// X:::::X X:::::X L:::::L
|
|
// XXX:::::X X:::::XXX L:::::L LLLLLL
|
|
// X::::::X X::::::XLL:::::::LLLLLLLLL:::::L
|
|
// X:::::X X:::::XL::::::::::::::::::::::L
|
|
// X:::::X X:::::XL::::::::::::::::::::::L
|
|
// XXXXXXX XXXXXXXLLLLLLLLLLLLLLLLLLLLLLLL
|
|
@include media-breakpoint-up(xl) {
|
|
.black-frame {
|
|
padding-top: 5rem;
|
|
padding-bottom: 2rem;
|
|
|
|
div {
|
|
border: 5px solid transparent;
|
|
border-image: url("@/images/global/frame-line.svg") 3 stretch;
|
|
}
|
|
}
|
|
}
|