mirror of https://github.com/docusealco/docuseal
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
173 lines
2.7 KiB
173 lines
2.7 KiB
@config "../../tailwind.application.config.js";
|
|
|
|
@import "tailwindcss/base";
|
|
@import "tailwindcss/components";
|
|
@import "tailwindcss/utilities";
|
|
|
|
a[href],
|
|
input[type='checkbox'],
|
|
input[type='submit'],
|
|
input[type='image'],
|
|
input[type='radio'],
|
|
label[for],
|
|
select,
|
|
button {
|
|
cursor: pointer;
|
|
}
|
|
|
|
button .disabled {
|
|
display: none;
|
|
}
|
|
|
|
button[disabled] .disabled {
|
|
display: initial;
|
|
}
|
|
|
|
button .enabled {
|
|
display: initial;
|
|
}
|
|
|
|
button[disabled] .enabled {
|
|
display: none;
|
|
}
|
|
|
|
.input-bordered {
|
|
@apply border-base-content/20;
|
|
}
|
|
|
|
.select-bordered {
|
|
@apply border-base-content/20;
|
|
}
|
|
|
|
.textarea-bordered {
|
|
@apply border-base-content/20;
|
|
}
|
|
|
|
.btn {
|
|
@apply no-animation;
|
|
}
|
|
|
|
.base-input {
|
|
@apply input input-bordered bg-white;
|
|
}
|
|
|
|
.base-textarea {
|
|
@apply textarea textarea-bordered bg-white rounded-3xl;
|
|
}
|
|
|
|
.base-button {
|
|
@apply btn btn-neutral text-white text-base;
|
|
}
|
|
|
|
.white-button {
|
|
@apply btn btn-outline text-base bg-white border-2;
|
|
}
|
|
|
|
.base-checkbox {
|
|
@apply checkbox rounded bg-white checkbox-sm no-animation;
|
|
}
|
|
|
|
.base-radio {
|
|
@apply radio bg-white radio-sm no-animation;
|
|
}
|
|
|
|
.base-select {
|
|
@apply select base-input w-full font-normal;
|
|
}
|
|
|
|
.bg-redact {
|
|
background: black;
|
|
}
|
|
|
|
.tooltip-bottom-end:before {
|
|
transform: translateX(-95%);
|
|
top: var(--tooltip-offset);
|
|
left: 100%;
|
|
right: auto;
|
|
bottom: auto;
|
|
}
|
|
|
|
.tooltip-bottom-end:after {
|
|
transform: translateX(-25%);
|
|
border-color: transparent transparent var(--tooltip-color) transparent;
|
|
top: var(--tooltip-tail-offset);
|
|
left: 50%;
|
|
right: auto;
|
|
bottom: auto;
|
|
}
|
|
|
|
.autocomplete {
|
|
background: white;
|
|
z-index: 1000;
|
|
font: 14px/22px "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
overflow: auto;
|
|
box-sizing: border-box;
|
|
@apply border border-base-300 mt-1 rounded-md;
|
|
}
|
|
|
|
.autocomplete * {
|
|
font: inherit;
|
|
}
|
|
|
|
.autocomplete>div {
|
|
@apply px-2 py-1 font-normal text-sm;
|
|
}
|
|
|
|
.autocomplete .group {
|
|
background: #eee;
|
|
}
|
|
|
|
.autocomplete>div:hover:not(.group),
|
|
.autocomplete>div.selected {
|
|
@apply bg-base-300;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.input-outlined {
|
|
outline-style: solid;
|
|
outline-width: 1px;
|
|
outline-offset: 3px;
|
|
outline-color: hsl(var(--bc) / 0.2);
|
|
}
|
|
|
|
.my-display {
|
|
display: none;
|
|
}
|
|
|
|
#loader {
|
|
background: rgba(0, 7, 14, 0.7);
|
|
text-align: center;
|
|
position: absolute;
|
|
top: 0em;
|
|
left: 0em;
|
|
padding: 20% 0px;
|
|
height: 100vh;
|
|
width: 100vw;
|
|
text-align: -webkit-center;
|
|
}
|
|
|
|
.loader-animation {
|
|
width: 50px;
|
|
height: 50px;
|
|
border: 4px solid #fff;
|
|
border-top: 4px solid transparent;
|
|
border-radius: 50%;
|
|
animation: spin 1s linear infinite;
|
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
@keyframes spin {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
.text-load {
|
|
color: #fff;
|
|
font-size: large;
|
|
}
|