FileMaster
Search
Toggle Dark Mode
Home
/
.
/
wp-content
/
plugins
/
surecart
/
dist
/
components
/
collection
/
components
/
ui
/
flex
Edit File: sc-flex.css
:host { display: block; --spacing: var(--sc-spacing-small); } .flex { display: flex; gap: var(--sc-flex-column-gap, var(--spacing)); justify-content: var(--sc-flex-space-between, space-between); } .justify-flex-start { justify-content: flex-start; } .justify-flex-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-space-between { justify-content: space-between; } .justify-space-around { justify-content: space-around; } .justify-space-evenly { justify-content: space-evenly; } .wrap-wrap { flex-wrap: wrap; } .wrap-no-wrap { flex-wrap: no-wrap; } .align-flex-start { align-items: flex-start; } .align-flex-end { align-items: flex-end; } .align-center { align-items: center; } .align-baseline { align-items: baseline; } .align-stretch { align-items: stretch; } .direction-row { flex-direction: row; } .direction-row-reverse { flex-direction: row-reverse; } .direction-column { flex-direction: column; } .direction-column-reverse { flex-direction: column-reverse; } @media (max-width: 480px) { .stack-mobile { flex-direction: column; } } @media (max-width: 768px) { .stack-tablet { flex-direction: column; } } @media (max-width: 1180px) { .stack-desktop { flex-direction: column; } }
Save
Back