woocommerce/plugins/woocommerce-admin/client/stylesheets/shared/_global.scss

32 lines
425 B
SCSS
Raw Normal View History

/** @format */
// By using CSS variables, we can switch the spacing rhythm using a single media query.
:root {
--large-gap: 40px;
--main-gap: 24px;
}
@media (max-width: 1100px) {
:root {
--large-gap: 24px;
}
}
@media (max-width: 782px) {
:root {
--large-gap: 16px;
--main-gap: 16px;
}
}
// Set up animation
@keyframes loading-fade {
0% {
opacity: 0.7;
}
50% {
opacity: 1;
}
100% {
opacity: 0.7;
}
}