daisyui/components/footer.css

daisyUI 5 - The Tailwind CSS Component Library

/*! 🌼 daisyUI 5.6.3 - MIT License */ @layer utilities{.footer{@layer daisyui.l1.l2.l3{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>:not(script,style,template){place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>:not(script,style,template){place-items:center}}}}.footer-title{@layer daisyui.l1.l2.l3{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}}.footer-horizontal{@layer daisyui.l1.l2{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}}.footer-vertical{@layer daisyui.l1.l2{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}@media (width>=640px){.sm\:footer{@layer daisyui.l1.l2.l3{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>:not(script,style,template){place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>:not(script,style,template){place-items:center}}}}.sm\:footer-title{@layer daisyui.l1.l2.l3{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}}.sm\:footer-horizontal{@layer daisyui.l1.l2{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}}.sm\:footer-vertical{@layer daisyui.l1.l2{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}}@media (width>=768px){.md\:footer{@layer daisyui.l1.l2.l3{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>:not(script,style,template){place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>:not(script,style,template){place-items:center}}}}.md\:footer-title{@layer daisyui.l1.l2.l3{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}}.md\:footer-horizontal{@layer daisyui.l1.l2{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}}.md\:footer-vertical{@layer daisyui.l1.l2{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}}@media (width>=1024px){.lg\:footer{@layer daisyui.l1.l2.l3{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>:not(script,style,template){place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>:not(script,style,template){place-items:center}}}}.lg\:footer-title{@layer daisyui.l1.l2.l3{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}}.lg\:footer-horizontal{@layer daisyui.l1.l2{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}}.lg\:footer-vertical{@layer daisyui.l1.l2{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}}@media (width>=1280px){.xl\:footer{@layer daisyui.l1.l2.l3{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>:not(script,style,template){place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>:not(script,style,template){place-items:center}}}}.xl\:footer-title{@layer daisyui.l1.l2.l3{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}}.xl\:footer-horizontal{@layer daisyui.l1.l2{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}}.xl\:footer-vertical{@layer daisyui.l1.l2{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}}@media (width>=1536px){.\32 xl\:footer{@layer daisyui.l1.l2.l3{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>:not(script,style,template){place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>:not(script,style,template){place-items:center}}}}.\32 xl\:footer-title{@layer daisyui.l1.l2.l3{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}}.\32 xl\:footer-horizontal{@layer daisyui.l1.l2{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}}.\32 xl\:footer-vertical{@layer daisyui.l1.l2{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}}}