flyonui/components/footer.css

The easiest, free and open-source Tailwind CSS component library with semantic classes.

/*! 🚀 flyonui 2.4.0 - MIT License */ @layer utilities{.footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;display:grid;@media (width>=48rem){grid-auto-flow:column}&>*{place-items:start;gap:.75rem;display:grid}&.footer-center{text-align:center;place-items:center;@media (width>=48rem){grid-auto-flow:dense}&>*{place-items:center}}& :where(.link){--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}}.footer-title{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-base-content);margin-bottom:.25rem}@media (width>=640px){.sm\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;display:grid;@media (width>=48rem){grid-auto-flow:column}&>*{place-items:start;gap:.75rem;display:grid}&.footer-center{text-align:center;place-items:center;@media (width>=48rem){grid-auto-flow:dense}&>*{place-items:center}}& :where(.link){--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}}.sm\:footer-title{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-base-content);margin-bottom:.25rem}}@media (width>=768px){.md\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;display:grid;@media (width>=48rem){grid-auto-flow:column}&>*{place-items:start;gap:.75rem;display:grid}&.footer-center{text-align:center;place-items:center;@media (width>=48rem){grid-auto-flow:dense}&>*{place-items:center}}& :where(.link){--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}}.md\:footer-title{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-base-content);margin-bottom:.25rem}}@media (width>=1024px){.lg\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;display:grid;@media (width>=48rem){grid-auto-flow:column}&>*{place-items:start;gap:.75rem;display:grid}&.footer-center{text-align:center;place-items:center;@media (width>=48rem){grid-auto-flow:dense}&>*{place-items:center}}& :where(.link){--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}}.lg\:footer-title{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-base-content);margin-bottom:.25rem}}@media (width>=1280px){.xl\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;display:grid;@media (width>=48rem){grid-auto-flow:column}&>*{place-items:start;gap:.75rem;display:grid}&.footer-center{text-align:center;place-items:center;@media (width>=48rem){grid-auto-flow:dense}&>*{place-items:center}}& :where(.link){--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}}.xl\:footer-title{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-base-content);margin-bottom:.25rem}}@media (width>=1536px){.\32 xl\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;display:grid;@media (width>=48rem){grid-auto-flow:column}&>*{place-items:start;gap:.75rem;display:grid}&.footer-center{text-align:center;place-items:center;@media (width>=48rem){grid-auto-flow:dense}&>*{place-items:center}}& :where(.link){--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}}.\32 xl\:footer-title{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-base-content);margin-bottom:.25rem}}}