vue-card-memory-game/dist/style.css

A memory game component built with Vue and Tailwind CSS

.full-size[data-v-cd17343c]{width:100%;height:100%}.blue_background[data-v-cd17343c]{background-color:#00f}.card[data-v-cd17343c]{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;cursor:pointer}.card.flipped[data-v-cd17343c]{transform:rotateY(180deg)}.card-face[data-v-cd17343c]{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.card-back[data-v-cd17343c]{background-color:#fff;transform:rotateY(180deg);border-radius:.5rem}.border[data-v-cd17343c]{border-width:1px;border-style:solid;border-color:#e5e7eb}.flip-enter-active[data-v-cd17343c],.flip-leave-active[data-v-cd17343c]{transition:transform .6s ease}.bg-blue-500[data-v-cd17343c]{background-color:#3b82f6}.game-container[data-v-216bc36f]{padding:2rem;width:100%;height:100%}.card-grid[data-v-216bc36f]{display:grid;gap:.75rem}