vue-month-toggle-component/dist/style.css

[]() []() []()

.year-picker[data-v-d9771e43]{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.btn-div[data-v-d9771e43]{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}button[data-v-d9771e43]{border:1px solid black;display:flex;align-items:flex-start}.animated-grid[data-v-d9771e43]{height:fit-content;width:fit-content;display:grid;gap:1rem;margin:1em;grid-template-areas:"a a b b c c" "d d e e f f" "g g h h i i" "j j k k l l";grid-template-rows:auto;grid-template-columns:auto;--stagger-delay: 20ms}@keyframes cardEntrance-d9771e43{0%{opacity:0;transform:scale(.3);filter:hue-rotate(180deg)}to{opacity:1;transform:scale(1);filter:hue-rotate(0deg)}}.card[data-v-d9771e43]:nth-child(1){grid-area:a;animation-delay:calc(1 * var(--stagger-delay))}.card[data-v-d9771e43]:nth-child(2){grid-area:b;animation-delay:calc(2 * var(--stagger-delay))}.card[data-v-d9771e43]:nth-child(3){grid-area:c;animation-delay:calc(3 * var(--stagger-delay))}.card[data-v-d9771e43]:nth-child(4){grid-area:d;animation-delay:calc(4 * var(--stagger-delay))}.card[data-v-d9771e43]:nth-child(5){grid-area:e;animation-delay:calc(5 * var(--stagger-delay))}.card[data-v-d9771e43]:nth-child(6){grid-area:f;animation-delay:calc(6 * var(--stagger-delay))}.card[data-v-d9771e43]:nth-child(7){grid-area:g;animation-delay:calc(7 * var(--stagger-delay))}.card[data-v-d9771e43]:nth-child(8){grid-area:h;animation-delay:calc(8 * var(--stagger-delay))}.card[data-v-d9771e43]:nth-child(9){grid-area:i;animation-delay:calc(9 * var(--stagger-delay))}.card[data-v-d9771e43]:nth-child(10){grid-area:j;animation-delay:calc(10 * var(--stagger-delay))}.card[data-v-d9771e43]:nth-child(11){grid-area:k;animation-delay:calc(11 * var(--stagger-delay))}.card[data-v-d9771e43]:nth-child(12){grid-area:l;animation-delay:calc(12 * var(--stagger-delay))}.card[data-v-d9771e43]{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Festival;font-size:1rem;color:#464444;box-shadow:#0308141a 0 .15rem .5rem,#0208141a 0 .075rem .175rem;height:100%;width:100%;border-radius:10px;transition:all .5s;overflow:hidden;background-size:cover;background-position:center;animation:cardEntrance-d9771e43 .7s ease-out;animation-fill-mode:backwards;caret-color:transparent;cursor:pointer}.active[data-v-d9771e43]{color:#000;border:1px solid black;background-color:#f5f5f5}.inactive[data-v-d9771e43]{color:#fff;border:1px solid rgb(70,68,68);background-color:#000}.card[data-v-d9771e43]:hover{box-shadow:#0208141a 0 .35em 1.175em,#02081414 0 .175em .5em;transform:translateY(-3px) scale(1.1)}hr.rounded[data-v-d9771e43]{border-top:8px solid #bbb;border-radius:5px;width:100%}.light[data-v-d9771e43]{--color: grey;background:whitesmoke}.background-style[data-v-d9771e43],.text[data-v-d9771e43]{transition:all 2s}