117 lines
2.5 KiB
CSS
117 lines
2.5 KiB
CSS
@import "tailwindcss/base";
|
|
@import "tailwindcss/components";
|
|
@import "tailwindcss/utilities";
|
|
|
|
@layer utilities {
|
|
/* Chrome, Safari and Opera */
|
|
.no-scrollbar::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.no-scrollbar::-webkit-scrollbar-track {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.no-scrollbar {
|
|
-ms-overflow-style: none; /* IE and Edge */
|
|
scrollbar-width: none; /* Firefox */
|
|
}
|
|
|
|
input:focus ~ label,
|
|
input:not(:placeholder-shown) ~ label {
|
|
@apply -translate-y-2 text-xsmall-regular;
|
|
}
|
|
|
|
input:focus ~ label {
|
|
@apply left-0;
|
|
}
|
|
|
|
input:-webkit-autofill,
|
|
input:-webkit-autofill:hover,
|
|
input:-webkit-autofill:focus,
|
|
textarea:-webkit-autofill,
|
|
textarea:-webkit-autofill:hover,
|
|
textarea:-webkit-autofill:focus,
|
|
select:-webkit-autofill,
|
|
select:-webkit-autofill:hover,
|
|
select:-webkit-autofill:focus {
|
|
border: 1px solid #212121;
|
|
-webkit-text-fill-color: #212121;
|
|
-webkit-box-shadow: 0 0 0px 1000px #fff inset;
|
|
transition: background-color 5000s ease-in-out 0s;
|
|
}
|
|
|
|
input[type="search"]::-webkit-search-decoration,
|
|
input[type="search"]::-webkit-search-cancel-button,
|
|
input[type="search"]::-webkit-search-results-button,
|
|
input[type="search"]::-webkit-search-results-decoration {
|
|
-webkit-appearance: none;
|
|
}
|
|
}
|
|
|
|
@layer components {
|
|
.content-container {
|
|
@apply max-w-[1440px] w-full mx-auto px-6;
|
|
}
|
|
|
|
.contrast-btn {
|
|
@apply px-4 py-2 border border-black rounded-full hover:bg-black hover:text-white transition-colors duration-200 ease-in;
|
|
}
|
|
|
|
.text-xsmall-regular {
|
|
@apply text-[10px] leading-4 font-normal;
|
|
}
|
|
|
|
.text-small-regular {
|
|
@apply text-xs leading-5 font-normal;
|
|
}
|
|
|
|
.text-small-semi {
|
|
@apply text-xs leading-5 font-semibold;
|
|
}
|
|
|
|
.text-base-regular {
|
|
@apply text-sm leading-6 font-normal;
|
|
}
|
|
|
|
.text-base-semi {
|
|
@apply text-sm leading-6 font-semibold;
|
|
}
|
|
|
|
.text-large-regular {
|
|
@apply text-base leading-6 font-normal;
|
|
}
|
|
|
|
.text-large-semi {
|
|
@apply text-base leading-6 font-semibold;
|
|
}
|
|
|
|
.text-xl-regular {
|
|
@apply text-2xl leading-[36px] font-normal;
|
|
}
|
|
|
|
.text-xl-semi {
|
|
@apply text-2xl leading-[36px] font-semibold;
|
|
}
|
|
|
|
.text-2xl-regular {
|
|
@apply text-[30px] leading-[48px] font-normal;
|
|
}
|
|
|
|
.text-2xl-semi {
|
|
@apply text-[30px] leading-[48px] font-semibold;
|
|
}
|
|
|
|
.text-3xl-regular {
|
|
@apply text-[32px] leading-[44px] font-normal;
|
|
}
|
|
|
|
.text-3xl-semi {
|
|
@apply text-[32px] leading-[44px] font-semibold;
|
|
}
|
|
}
|
|
|
|
[data-radix-popper-content-wrapper]{
|
|
z-index: 100 !important;
|
|
}
|