helpers.scss

// Customized Tailwind
[v-cloak] {
    display: none;
}
.v-reset-input {
    color: #cdcdcd !important;
    right: 2px !important;
    cursor: pointer;
}
.perfect-center {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.text-xxs {
    font-size: .5rem;
}
.h-v10 {
    height: 10vh !important;
}
.h-v20 {
    height: 20vh !important;
}
.h-v30 {
    height: 30vh !important;
}
.h-v40 {
    height: 40vh !important;
}
.h-v50 {
    height: 50vh !important;
}
.h-v60 {
    height: 60vh !important;
}
.h-v70 {
    height: 70vh !important;
}
.h-v80 {
    height: 80vh !important;
}
.h-v90 {
    height: 90vh !important;
}
.h-v95 {
    height: 95vh !important;
}

.w-10 {
    width: 10% !important;
}
.w-20 {
    width: 20% !important;
}
.w-30 {
    width: 30% !important;
}
.w-40 {
    width: 40% !important;
}
.w-50 {
    width: 50% !important;
}
.w-60 {
    width: 60% !important;
}
.w-70 {
    width: 70% !important;
}
.w-80 {
    width: 80% !important;
}
.w-90 {
    width: 90% !important;
}

.tw-card {
    background-color: #fff;
    border-radius: 0.25rem;
    padding: 2rem;
    -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11),
    0 5px 15px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11),
    0 5px 15px 0 rgba(0, 0, 0, 0.08);
}

.tw-approver-bar {
    @apply flex justify-between m-auto mt-2 cursor-pointer shadow;
}
.tw-error-block {
    @apply bg-red-200 shadow mb-8 px-2;
}

.lynx {
    @apply bg-silver-500 text-blue-800 no-underline rounded p-2 font-semibold w-1/3 m-1 text-sm;
}
.lynx:hover {
    @apply bg-blue-500 text-white;
}

.qrf {
    @apply bg-blue-300 text-blue-800 no-underline text-left rounded p-2 font-semibold w-full m-1;
}
.qrf:hover {
    @apply bg-blue-800 text-white;
}

.services-bar {
    @apply bg-blue-300 text-blue-800 no-underline rounded p-2 font-semibold w-full m-1;
}
.services-bar:hover {
    @apply bg-blue-800 text-white;
}

.text-xxs {font-size: .5rem;}
.text-3xl{font-size:1.875rem}
.text-4xl{font-size:2.25rem}
.text-5xl{font-size:3rem}
.text-6xl{font-size:4rem}
.text-9xl{font-size:6rem}
.text-12xl{font-size:8rem}