itsscb
5ab66cb4eb
fx/repairs button hover animation ft/adds fade-in animation #TODO: other pages #TODO:fade-out
105 lines
1.5 KiB
CSS
105 lines
1.5 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
.fade-in{
|
|
position:relative;
|
|
animation:fadein 1s}
|
|
@keyframes fadein{
|
|
from{
|
|
left:200%;
|
|
opacity:0;
|
|
} to{
|
|
left:0;
|
|
opacity:1}
|
|
}
|
|
|
|
.fade-out{
|
|
position:relative;
|
|
animation:fadeout 1s}
|
|
@keyframes fadeout{
|
|
from{
|
|
left:0;
|
|
opacity:0
|
|
} to{
|
|
left:-200%;
|
|
opacity:1}
|
|
}
|
|
.cx-date-picker {
|
|
@apply inline-block relative;
|
|
}
|
|
|
|
.cx-date-picker[type="date"]::-webkit-calendar-picker-indicator {
|
|
background: transparent;
|
|
bottom: 0;
|
|
color: transparent;
|
|
cursor: pointer;
|
|
height: auto;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: auto;
|
|
}
|
|
|
|
.text-danger {
|
|
color: rgba(255, 82, 82,1.0);
|
|
}
|
|
|
|
.bg-danger {
|
|
background-color: rgba(255, 82, 82,1.0);
|
|
}
|
|
|
|
.min-height {
|
|
min-height: 500px;
|
|
}
|
|
|
|
.text-tertiary {
|
|
color: rgba(132, 129, 122,1.0);
|
|
}
|
|
|
|
.bg-tertriary {
|
|
background-color: rgba(132, 129, 122,1.0);
|
|
}
|
|
|
|
.border-primary {
|
|
border-color: rgba(51,217,178,1.0);
|
|
}
|
|
|
|
.accent-primary {
|
|
accent-color: rgba(51, 217, 178,1.0);
|
|
}
|
|
|
|
.text-primary {
|
|
color: rgba(51, 217, 178,1.0);
|
|
}
|
|
|
|
.text-primary-dark {
|
|
color: rgba(33, 140, 116,1.0);
|
|
}
|
|
|
|
.bg-primary-dark {
|
|
background-color: rgba(33, 140, 116,1.0);
|
|
}
|
|
|
|
.bg-primary {
|
|
background-color: rgba(51, 217, 178,1.0);
|
|
}
|
|
|
|
.text-secondary {
|
|
color: rgba(52, 172, 224,1.0);
|
|
}
|
|
|
|
.text-secondary-dark {
|
|
color: rgba(34, 112, 147,1.0);
|
|
}
|
|
|
|
.bg-secondary-dark {
|
|
background-color: rgba(34, 112, 147,1.0);
|
|
}
|
|
|
|
.bg-secondary {
|
|
background-color: rgba(52, 172, 224,1.0);
|
|
}
|
|
|