fonteva-design-guide
Version:
## Dev, Build and Test
664 lines (603 loc) • 39 kB
CSS
[class*="pfm-large-p"] {
padding: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
padding-left: 0;
}
[class*="pfm-medium-p"] {
padding: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
padding-left: 0;
}
[class*="pfm-small-p"] {
padding: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
padding-left: 0;
}
/* around */
*.pfm-p-around_xx-large { padding: 3rem; }
*.pfm-p-around_x-large { padding: 2rem; }
*.pfm-p-around_large { padding: 1.5rem; }
*.pfm-p-around_medium { padding: 1rem; }
*.pfm-p-around_small { padding: .75rem; }
*.pfm-p-around_x-small { padding: .5rem; }
*.pfm-p-around_xx-small { padding: .25rem; }
*.pfm-p-around_xxx-small { padding: .125rem; }
*.pfm-p-around_none { padding: 0; }
/* horizontal */
*.pfm-p-horizontal_xx-large { padding-left: 3rem; padding-right: 3rem; }
*.pfm-p-horizontal_x-large { padding-left: 2rem; padding-right: 2rem; }
*.pfm-p-horizontal_large { padding-left: 1.5rem; padding-right: 1.5rem; }
*.pfm-p-horizontal_medium { padding-left: 1rem; padding-right: 1rem; }
*.pfm-p-horizontal_small { padding-left: .75rem; padding-right: .75rem; }
*.pfm-p-horizontal_x-small { padding-left: .5rem; padding-right: .5rem; }
*.pfm-p-horizontal_xx-small { padding-left: .25rem; padding-right: .25rem; }
*.pfm-p-horizontal_xxx-small { padding-left: .125rem; padding-right: .125rem; }
*.pfm-p-horizontal_none { padding-left: 0; padding-right: 0; }
/* vertical */
*.pfm-p-vertical_xx-large { padding-top: 3rem; padding-bottom: 3rem; }
*.pfm-p-vertical_x-large { padding-top: 2rem; padding-bottom: 2rem; }
*.pfm-p-vertical_large { padding-top: 1.5rem; padding-bottom: 1.5rem; }
*.pfm-p-vertical_medium { padding-top: 1rem; padding-bottom: 1rem; }
*.pfm-p-vertical_small { padding-top: .75rem; padding-bottom: .75rem; }
*.pfm-p-vertical_x-small { padding-top: .5rem; padding-bottom: .5rem; }
*.pfm-p-vertical_xx-small { padding-top: .25rem; padding-bottom: .25rem; }
*.pfm-p-vertical_xxx-small { padding-top: .125rem; padding-bottom: .125rem; }
*.pfm-p-vertical_none { padding-top: 0; padding-bottom: 0; }
/* top */
*.pfm-p-top_xx-large { padding-top: 3rem; }
*.pfm-p-top_x-large { padding-top: 2rem; }
*.pfm-p-top_large { padding-top: 1.5rem; }
*.pfm-p-top_medium { padding-top: 1rem; }
*.pfm-p-top_small { padding-top: .75rem; }
*.pfm-p-top_x-small { padding-top: .5rem; }
*.pfm-p-top_xx-small { padding-top: .25rem; }
*.pfm-p-top_xxx-small { padding-top: .125rem; }
*.pfm-p-top_none { padding-top: 0; }
/* bottom */
*.pfm-p-bottom_xx-large { padding-bottom: 3rem; }
*.pfm-p-bottom_x-large { padding-bottom: 2rem; }
*.pfm-p-bottom_large { padding-bottom: 1.5rem; }
*.pfm-p-bottom_medium { padding-bottom: 1rem; }
*.pfm-p-bottom_small { padding-bottom: .75rem; }
*.pfm-p-bottom_x-small { padding-bottom: .5rem; }
*.pfm-p-bottom_xx-small { padding-bottom: .25rem; }
*.pfm-p-bottom_xxx-small { padding-bottom: .125rem; }
*.pfm-p-bottom_none { padding-bottom: 0; }
/* right */
*.pfm-p-right_xx-large { padding-right: 3rem; }
*.pfm-p-right_x-large { padding-right: 2rem; }
*.pfm-p-right_large { padding-right: 1.5rem; }
*.pfm-p-right_medium { padding-right: 1rem; }
*.pfm-p-right_small { padding-right: .75rem; }
*.pfm-p-right_x-small { padding-right: .5rem; }
*.pfm-p-right_xx-small { padding-right: .25rem; }
*.pfm-p-right_xxx-small { padding-right: .125rem; }
*.pfm-p-right_none { padding-right: 0; }
/* left */
*.pfm-p-left_xx-large { padding-left: 3rem; }
*.pfm-p-left_x-large { padding-left: 2rem; }
*.pfm-p-left_large { padding-left: 1.5rem; }
*.pfm-p-left_medium { padding-left: 1rem; }
*.pfm-p-left_small { padding-left: .75rem; }
*.pfm-p-left_x-small { padding-left: .5rem; }
*.pfm-p-left_xx-small { padding-left: .25rem; }
*.pfm-p-left_xxx-small { padding-left: .125rem; }
*.pfm-p-left_none { padding-left: 0; }
@media (min-width: 480px) {
/* around */
*.pfm-small-p-around_xx-large { padding: 3rem; }
*.pfm-small-p-around_x-large { padding: 2rem; }
*.pfm-small-p-around_large { padding: 1.5rem; }
*.pfm-small-p-around_medium { padding: 1rem; }
*.pfm-small-p-around_small { padding: .75rem; }
*.pfm-small-p-around_x-small { padding: .5rem; }
*.pfm-small-p-around_xx-small { padding: .25rem; }
*.pfm-small-p-around_xxx-small { padding: .125rem; }
*.pfm-small-p-around_none { padding: 0; }
/* horizontal */
*.pfm-small-p-horizontal_xx-large { padding-left: 3rem; padding-right: 3rem; }
*.pfm-small-p-horizontal_x-large { padding-left: 2rem; padding-right: 2rem; }
*.pfm-small-p-horizontal_large { padding-left: 1.5rem; padding-right: 1.5rem; }
*.pfm-small-p-horizontal_medium { padding-left: 1rem; padding-right: 1rem; }
*.pfm-small-p-horizontal_small { padding-left: .75rem; padding-right: .75rem; }
*.pfm-small-p-horizontal_x-small { padding-left: .5rem; padding-right: .5rem; }
*.pfm-small-p-horizontal_xx-small { padding-left: .25rem; padding-right: .25rem; }
*.pfm-small-p-horizontal_xxx-small { padding-left: .125rem; padding-right: .125rem; }
*.pfm-small-p-horizontal_none { padding-left: 0; padding-right: 0; }
/* vertical */
*.pfm-small-p-vertical_xx-large { padding-top: 3rem; padding-bottom: 3rem; }
*.pfm-small-p-vertical_x-large { padding-top: 2rem; padding-bottom: 2rem; }
*.pfm-small-p-vertical_large { padding-top: 1.5rem; padding-bottom: 1.5rem; }
*.pfm-small-p-vertical_medium { padding-top: 1rem; padding-bottom: 1rem; }
*.pfm-small-p-vertical_small { padding-top: .75rem; padding-bottom: .75rem; }
*.pfm-small-p-vertical_x-small { padding-top: .5rem; padding-bottom: .5rem; }
*.pfm-small-p-vertical_xx-small { padding-top: .25rem; padding-bottom: .25rem; }
*.pfm-small-p-vertical_xxx-small { padding-top: .125rem; padding-bottom: .125rem; }
*.pfm-small-p-vertical_none { padding-top: 0; padding-bottom: 0; }
/* top */
*.pfm-small-p-top_xx-large { padding-top: 3rem; }
*.pfm-small-p-top_x-large { padding-top: 2rem; }
*.pfm-small-p-top_large { padding-top: 1.5rem; }
*.pfm-small-p-top_medium { padding-top: 1rem; }
*.pfm-small-p-top_small { padding-top: .75rem; }
*.pfm-small-p-top_x-small { padding-top: .5rem; }
*.pfm-small-p-top_xx-small { padding-top: .25rem; }
*.pfm-small-p-top_xxx-small { padding-top: .125rem; }
*.pfm-small-p-top_none { padding-top: 0 }
/* bottom */
*.pfm-small-p-bottom_xx-large { padding-bottom: 3rem; }
*.pfm-small-p-bottom_x-large { padding-bottom: 2rem; }
*.pfm-small-p-bottom_large { padding-bottom: 1.5rem; }
*.pfm-small-p-bottom_medium { padding-bottom: 1rem; }
*.pfm-small-p-bottom_small { padding-bottom: .75rem; }
*.pfm-small-p-bottom_x-small { padding-bottom: .5rem; }
*.pfm-small-p-bottom_xx-small { padding-bottom: .25rem; }
*.pfm-small-p-bottom_xxx-small { padding-bottom: .125rem; }
*.pfm-small-p-bottom_none { padding-bottom: 0; }
/* right */
*.pfm-small-p-right_xx-large { padding-right: 3rem; }
*.pfm-small-p-right_x-large { padding-right: 2rem; }
*.pfm-small-p-right_large { padding-right: 1.5rem; }
*.pfm-small-p-right_medium { padding-right: 1rem; }
*.pfm-small-p-right_small { padding-right: .75rem; }
*.pfm-small-p-right_x-small { padding-right: .5rem; }
*.pfm-small-p-right_xx-small { padding-right: .25rem; }
*.pfm-small-p-right_xxx-small { padding-right: .125rem; }
*.pfm-small-p-right_none { padding-right: 0 }
/* left */
*.pfm-small-p-left_xx-large { padding-left: 3rem; }
*.pfm-small-p-left_x-large { padding-left: 2rem; }
*.pfm-small-p-left_large { padding-left: 1.5rem; }
*.pfm-small-p-left_medium { padding-left: 1rem; }
*.pfm-small-p-left_small { padding-left: .75rem; }
*.pfm-small-p-left_x-small { padding-left: .5rem; }
*.pfm-small-p-left_xx-small { padding-left: .25rem; }
*.pfm-small-p-left_xxx-small { padding-left: .125rem; }
*.pfm-small-p-left_none { padding-left: 0 }
}
@media (min-width: 768px) {
/* around */
*.pfm-medium-p-around_xx-large { padding: 3rem; }
*.pfm-medium-p-around_x-large { padding: 2rem; }
*.pfm-medium-p-around_large { padding: 1.5rem; }
*.pfm-medium-p-around_medium { padding: 1rem; }
*.pfm-medium-p-around_small { padding: .75rem; }
*.pfm-medium-p-around_x-small { padding: .5rem; }
*.pfm-medium-p-around_xx-small { padding: .25rem; }
*.pfm-medium-p-around_xxx-small { padding: .125rem; }
*.pfm-medium-p_nonex-small { padding: 0; }
/* horizontal */
*.pfm-medium-p-horizontal_xx-large { padding-left: 3rem; padding-right: 3rem; }
*.pfm-medium-p-horizontal_x-large { padding-left: 2rem; padding-right: 2rem; }
*.pfm-medium-p-horizontal_large { padding-left: 1.5rem; padding-right: 1.5rem; }
*.pfm-medium-p-horizontal_medium { padding-left: 1rem; padding-right: 1rem; }
*.pfm-medium-p-horizontal_small { padding-left: .75rem; padding-right: .75rem; }
*.pfm-medium-p-horizontal_x-small { padding-left: .5rem; padding-right: .5rem; }
*.pfm-medium-p-horizontal_xx-small { padding-left: .25rem; padding-right: .25rem; }
*.pfm-medium-p-horizontal_xxx-small { padding-left: .125rem; padding-right: .125rem; }
*.pfm-medium-p-horizontal_none { padding-left: 0; padding-right: 0; }
/* vertical */
*.pfm-medium-p-vertical_xx-large { padding-top: 3rem; padding-bottom: 3rem; }
*.pfm-medium-p-vertical_x-large { padding-top: 2rem; padding-bottom: 2rem; }
*.pfm-medium-p-vertical_large { padding-top: 1.5rem; padding-bottom: 1.5rem; }
*.pfm-medium-p-vertical_medium { padding-top: 1rem; padding-bottom: 1rem; }
*.pfm-medium-p-vertical_small { padding-top: .75rem; padding-bottom: .75rem; }
*.pfm-medium-p-vertical_x-small { padding-top: .5rem; padding-bottom: .5rem; }
*.pfm-medium-p-vertical_xx-small { padding-top: .25rem; padding-bottom: .25rem; }
*.pfm-medium-p-vertical_xxx-small { padding-top: .125rem; padding-bottom: .125rem; }
*.pfm-medium-p-vertical_none { padding-top: 0; padding-bottom: 0; }
/* top */
*.pfm-medium-p-top_xx-large { padding-top: 3rem; }
*.pfm-medium-p-top_x-large { padding-top: 2rem; }
*.pfm-medium-p-top_large { padding-top: 1.5rem; }
*.pfm-medium-p-top_medium { padding-top: 1rem; }
*.pfm-medium-p-top_small { padding-top: .75rem; }
*.pfm-medium-p-top_x-small { padding-top: .5rem; }
*.pfm-medium-p-top_xx-small { padding-top: .25rem; }
*.pfm-medium-p-top_xxx-small { padding-top: .125rem; }
*.pfm-medium-p-top_none { padding-top: 0; }
/* bottom */
*.pfm-medium-p-bottom_xx-large { padding-bottom: 3rem; }
*.pfm-medium-p-bottom_x-large { padding-bottom: 2rem; }
*.pfm-medium-p-bottom_large { padding-bottom: 1.5rem; }
*.pfm-medium-p-bottom_medium { padding-bottom: 1rem; }
*.pfm-medium-p-bottom_small { padding-bottom: .75rem; }
*.pfm-medium-p-bottom_x-small { padding-bottom: .5rem; }
*.pfm-medium-p-bottom_xx-small { padding-bottom: .25rem; }
*.pfm-medium-p-bottom_xxx-small { padding-bottom: .125rem; }
*.pfm-medium-p-bottom_none { padding-bottom: 0; }
/* right */
*.pfm-medium-p-right_xx-large { padding-right: 3rem; }
*.pfm-medium-p-right_x-large { padding-right: 2rem; }
*.pfm-medium-p-right_large { padding-right: 1.5rem; }
*.pfm-medium-p-right_medium { padding-right: 1rem; }
*.pfm-medium-p-right_small { padding-right: .75rem; }
*.pfm-medium-p-right_x-small { padding-right: .5rem; }
*.pfm-medium-p-right_xx-small { padding-right: .25rem; }
*.pfm-medium-p-right_xxx-small { padding-right: .125rem; }
*.pfm-medium-p-right_none { padding-right: 0; }
/* left */
*.pfm-medium-p-left_xx-large { padding-left: 3rem; }
*.pfm-medium-p-left_x-large { padding-left: 2rem; }
*.pfm-medium-p-left_large { padding-left: 1.5rem; }
*.pfm-medium-p-left_medium { padding-left: 1rem; }
*.pfm-medium-p-left_small { padding-left: .75rem; }
*.pfm-medium-p-left_x-small { padding-left: .5rem; }
*.pfm-medium-p-left_xx-small { padding-left: .25rem; }
*.pfm-medium-p-left_xxx-small { padding-left: .125rem; }
*.pfm-medium-p-left_none { padding-left: 0; }
}
@media (min-width: 1024px) {
/* around */
*.pfm-large-p-around_xx-large { padding: 3rem; }
*.pfm-large-p-around_x-large { padding: 2rem; }
*.pfm-large-p-around_large { padding: 1.5rem; }
*.pfm-large-p-around_medium { padding: 1rem; }
*.pfm-large-p-around_small { padding: .75rem; }
*.pfm-large-p-around_x-small { padding: .5rem; }
*.pfm-large-p-around_xx-small { padding: .25rem; }
*.pfm-largnonex-small { padding: 0; }
/* horizontal */
*.pfm-large-p-horizontal_xx-large { padding-left: 3rem; padding-right: 3rem; }
*.pfm-large-p-horizontal_x-large { padding-left: 2rem; padding-right: 2rem; }
*.pfm-large-p-horizontal_large { padding-left: 1.5rem; padding-right: 1.5rem; }
*.pfm-large-p-horizontal_medium { padding-left: 1rem; padding-right: 1rem; }
*.pfm-large-p-horizontal_small { padding-left: .75rem; padding-right: .75rem; }
*.pfm-large-p-horizontal_x-small { padding-left: .5rem; padding-right: .5rem; }
*.pfm-large-p-horizontal_xx-small { padding-left: .25rem; padding-right: .25rem; }
*.pfm-large-p-horizontal_xxx-small { padding-left: .125rem; padding-right: .125rem; }
*.pfm-large-p-horizontal_none { padding-left: 0; padding-right: 0; }
/* vertical */
*.pfm-large-p-vertical_xx-large { padding-top: 3rem; padding-bottom: 3rem; }
*.pfm-large-p-vertical_x-large { padding-top: 2rem; padding-bottom: 2rem; }
*.pfm-large-p-vertical_large { padding-top: 1.5rem; padding-bottom: 1.5rem; }
*.pfm-large-p-vertical_medium { padding-top: 1rem; padding-bottom: 1rem; }
*.pfm-large-p-vertical_small { padding-top: .75rem; padding-bottom: .75rem; }
*.pfm-large-p-vertical_x-small { padding-top: .5rem; padding-bottom: .5rem; }
*.pfm-large-p-vertical_xx-small { padding-top: .25rem; padding-bottom: .25rem; }
*.pfm-large-p-vertical_xxx-small { padding-top: .125rem; padding-bottom: .125rem; }
*.pfm-large-p-vertical_none { padding-top: 0; padding-bottom: 0; }
/* top */
*.pfm-large-p-top_xx-large { padding-top: 3rem; }
*.pfm-large-p-top_x-large { padding-top: 2rem; }
*.pfm-large-p-top_large { padding-top: 1.5rem; }
*.pfm-large-p-top_medium { padding-top: 1rem; }
*.pfm-large-p-top_small { padding-top: .75rem; }
*.pfm-large-p-top_x-small { padding-top: .5rem; }
*.pfm-large-p-top_xx-small { padding-top: .25rem; }
*.pfm-large-p-top_none { padding-top: 0; }
/* bottom */
*.pfm-large-p-bottom_xx-large { padding-bottom: 3rem; }
*.pfm-large-p-bottom_x-large { padding-bottom: 2rem; }
*.pfm-large-p-bottom_large { padding-bottom: 1.5rem; }
*.pfm-large-p-bottom_medium { padding-bottom: 1rem; }
*.pfm-large-p-bottom_small { padding-bottom: .75rem; }
*.pfm-large-p-bottom_x-small { padding-bottom: .5rem; }
*.pfm-large-p-bottom_xx-small { padding-bottom: .25rem; }
*.pfm-large-p-bottom_none { padding-bottom: 0; }
/* right */
*.pfm-large-p-right_xx-large { padding-right: 3rem; }
*.pfm-large-p-right_x-large { padding-right: 2rem; }
*.pfm-large-p-right_large { padding-right: 1.5rem; }
*.pfm-large-p-right_medium { padding-right: 1rem; }
*.pfm-large-p-right_small { padding-right: .75rem; }
*.pfm-large-p-right_x-small { padding-right: .5rem; }
*.pfm-large-p-right_xx-small { padding-right: .25rem; }
*.pfm-large-p-right_none { padding-right: 0; }
/* left */
*.pfm-large-p-left_xx-large { padding-left: 3rem; }
*.pfm-large-p-left_x-large { padding-left: 2rem; }
*.pfm-large-p-left_large { padding-left: 1.5rem; }
*.pfm-large-p-left_medium { padding-left: 1rem; }
*.pfm-large-p-left_small { padding-left: .75rem; }
*.pfm-large-p-left_x-small { padding-left: .5rem; }
*.pfm-large-p-left_xx-small { padding-left: .25rem; }
*.pfm-large-p-left_none { padding-left: 0; }
}
/* Margin */
*.pfm-m-around_xx-large { margin: 3rem; }
*.pfm-m-around_x-large { margin: 2rem; }
*.pfm-m-around_large { margin: 1.5rem; }
*.pfm-m-around_medium { margin: 1rem; }
*.pfm-m-around_small { margin: .75rem; }
*.pfm-m-around_x-small { margin: .5rem; }
*.pfm-m-around_xx-small { margin: .25rem; }
*.pfm-m-around_xxx-small { margin: .125rem; }
*.pfm-m-around_none { margin: 0; }
/* top */
*.pfm-m-top_xx-large { margin-top: 3rem; }
*.pfm-m-top_x-large { margin-top: 2rem; }
*.pfm-m-top_large { margin-top: 1.5rem; }
*.pfm-m-top_medium { margin-top: 1rem; }
*.pfm-m-top_small { margin-top: .75rem; }
*.pfm-m-top_x-small { margin-top: .5rem; }
*.pfm-m-top_xx-small { margin-top: .25rem; }
*.pfm-m-top_xxx-small { margin-top: .125rem; }
*.pfm-m-top_none { margin-top: 0; }
/* bottom */
*.pfm-m-bottom_xx-large { margin-bottom: 3rem; }
*.pfm-m-bottom_x-large { margin-bottom: 2rem; }
*.pfm-m-bottom_large { margin-bottom: 1.5rem; }
*.pfm-m-bottom_medium { margin-bottom: 1rem; }
*.pfm-m-bottom_small { margin-bottom: .75rem; }
*.pfm-m-bottom_x-small { margin-bottom: .5rem; }
*.pfm-m-bottom_xx-small { margin-bottom: .25rem; }
*.pfm-m-bottom_xxx-small { margin-bottom: .125rem; }
*.pfm-m-bottom_none { margin-bottom: 0; }
/* right */
*.pfm-m-right_xx-large { margin-right: 3rem; }
*.pfm-m-right_x-large { margin-right: 2rem; }
*.pfm-m-right_large { margin-right: 1.5rem; }
*.pfm-m-right_medium { margin-right: 1rem; }
*.pfm-m-right_small { margin-right: .75rem; }
*.pfm-m-right_x-small { margin-right: .5rem; }
*.pfm-m-right_xx-small { margin-right: .25rem; }
*.pfm-m-right_xxx-small { margin-right: .125rem; }
*.pfm-m-right_none { margin-right: 0; }
/* left */
*.pfm-m-left_xx-large { margin-left: 3rem; }
*.pfm-m-left_x-large { margin-left: 2rem; }
*.pfm-m-left_large { margin-left: 1.5rem; }
*.pfm-m-left_medium { margin-left: 1rem; }
*.pfm-m-left_small { margin-left: .75rem; }
*.pfm-m-left_x-small { margin-left: .5rem; }
*.pfm-m-left_xx-small { margin-left: .25rem; }
*.pfm-m-left_xxx-small { margin-left: .125rem; }
*.pfm-m-left_none { margin-left: 0; }
/* horizontal */
*.pfm-m-horizontal_xx-large { margin-left: 3rem; margin-right: 3rem; }
*.pfm-m-horizontal_x-large { margin-left: 2rem; margin-right: 2rem; }
*.pfm-m-horizontal_large { margin-left: 1.5rem; margin-right: 1.5rem; }
*.pfm-m-horizontal_medium { margin-left: 1rem; margin-right: 1rem; }
*.pfm-m-horizontal_small { margin-left: .75rem; margin-right: .75rem; }
*.pfm-m-horizontal_x-small { margin-left: .5rem; margin-right: .5rem; }
*.pfm-m-horizontal_xx-small { margin-left: .25rem; margin-right: .25rem; }
*.pfm-m-horizontal_xxx-small { margin-left: .125rem; margin-right: .125rem; }
*.pfm-m-horizontal_none { margin-left: 0; margin-right: 0; }
/* vertical */
*.pfm-m-vertical_xx-large { margin-top: 3rem; margin-bottom: 3rem; }
*.pfm-m-vertical_x-large { margin-top: 2rem; margin-bottom: 2rem; }
*.pfm-m-vertical_large { margin-top: 1.5rem; margin-bottom: 1.5rem; }
*.pfm-m-vertical_medium { margin-top: 1rem; margin-bottom: 1rem; }
*.pfm-m-vertical_small { margin-top: .75rem; margin-bottom: .75rem; }
*.pfm-m-vertical_x-small { margin-top: .5rem; margin-bottom: .5rem; }
*.pfm-m-vertical_xx-small { margin-top: .25rem; margin-bottom: .25rem; }
*.pfm-m-vertical_xxx-small { margin-top: .125rem; margin-bottom: .125rem; }
*.pfm-m-vertical_none { margin-top: 0; margin-bottom: 0; }
[class*="-m-"][class*="top"][class*="small"][class*="medium"][class*="large"] {
margin-top: 0;
}
[class*="-m-"][class*="bottom"][class*="small"][class*="medium"][class*="large"] {
margin-bottom: 0;
}
[class*="-m-"][class*="right"][class*="small"][class*="medium"][class*="large"] {
margin-right: 0;
}
[class*="-m-"][class*="left"][class*="small"][class*="medium"][class*="large"] {
margin-left: 0;
}
[class*="-m-"][class*="around"][class*="small"][class*="medium"][class*="large"] {
margin: 0;
}
@media (min-width: 480px) {
/* around */
*.pfm-small-m-around_xx-large { margin: 3rem; }
*.pfm-small-m-around_x-large { margin: 2rem; }
*.pfm-small-m-around_large { margin: 1.5rem; }
*.pfm-small-m-around_medium { margin: 1rem; }
*.pfm-small-m-around_small { margin: .75rem; }
*.pfm-small-m-around_x-small { margin: .5rem; }
*.pfm-small-m-around_xx-small { margin: .25rem; }
*.pfm-small-m-around_xxx-small { margin: .125rem; }
*.pfm-small-m-around_none { margin: 0; }
/* horizontal */
*.pfm-small-m-horizontal_xx-large { margin-left: 3rem; margin-right: 3rem; }
*.pfm-small-m-horizontal_x-large { margin-left: 2rem; margin-right: 2rem; }
*.pfm-small-m-horizontal_large { margin-left: 1.5rem; margin-right: 1.5rem; }
*.pfm-small-m-horizontal_medium { margin-left: 1rem; margin-right: 1rem; }
*.pfm-small-m-horizontal_small { margin-left: .75rem; margin-right: .75rem; }
*.pfm-small-m-horizontal_x-small { margin-left: .5rem; margin-right: .5rem; }
*.pfm-small-m-horizontal_xx-small { margin-left: .25rem; margin-right: .25rem; }
*.pfm-small-m-horizontal_xxx-small { margin-left: .125rem; margin-right: .125rem; }
*.pfm-small-m-horizontal_none { margin-left: 0; margin-right: 0; }
/* vertical */
*.pfm-small-m-vertical_xx-large { margin-top: 3rem; margin-bottom: 3rem; }
*.pfm-small-m-vertical_x-large { margin-top: 2rem; margin-bottom: 2rem; }
*.pfm-small-m-vertical_large { margin-top: 1.5rem; margin-bottom: 1.5rem; }
*.pfm-small-m-vertical_medium { margin-top: 1rem; margin-bottom: 1rem; }
*.pfm-small-m-vertical_small { margin-top: .75rem; margin-bottom: .75rem; }
*.pfm-small-m-vertical_x-small { margin-top: .5rem; margin-bottom: .5rem; }
*.pfm-small-m-vertical_xx-small { margin-top: .25rem; margin-bottom: .25rem; }
*.pfm-small-m-vertical_xxx-small { margin-top: .125rem; margin-bottom: .125rem; }
*.pfm-small-m-vertical_none { margin-top: 0; margin-bottom: 0; }
/* top */
*.pfm-small-m-top_xx-large { margin-top: 3rem; }
*.pfm-small-m-top_x-large { margin-top: 2rem; }
*.pfm-small-m-top_large { margin-top: 1.5rem; }
*.pfm-small-m-top_medium { margin-top: 1rem; }
*.pfm-small-m-top_small { margin-top: .75rem; }
*.pfm-small-m-top_x-small { margin-top: .5rem; }
*.pfm-small-m-top_xx-small { margin-top: .25rem; }
*.pfm-small-m-top_xxx-small { margin-top: .125rem; }
*.pfm-small-m-top_none { margin-top: 0; }
/* bottom */
*.pfm-small-m-bottom_xx-large { margin-bottom: 3rem; }
*.pfm-small-m-bottom_x-large { margin-bottom: 2rem; }
*.pfm-small-m-bottom_large { margin-bottom: 1.5rem; }
*.pfm-small-m-bottom_medium { margin-bottom: 1rem; }
*.pfm-small-m-bottom_small { margin-bottom: .75rem; }
*.pfm-small-m-bottom_x-small { margin-bottom: .5rem; }
*.pfm-small-m-bottom_xx-small { margin-bottom: .25rem; }
*.pfm-small-m-bottom_xxx-small { margin-bottom: .125rem; }
*.pfm-small-m-bottom_none { margin-bottom: 0; }
/* right */
*.pfm-small-m-right_xx-large { margin-right: 3rem; }
*.pfm-small-m-right_x-large { margin-right: 2rem; }
*.pfm-small-m-right_large { margin-right: 1.5rem; }
*.pfm-small-m-right_medium { margin-right: 1rem; }
*.pfm-small-m-right_small { margin-right: .75rem; }
*.pfm-small-m-right_x-small { margin-right: .5rem; }
*.pfm-small-m-right_xx-small { margin-right: .25rem; }
*.pfm-small-m-right_xxx-small { margin-right: .125rem; }
*.pfm-small-m-right_none { margin-right: 0; }
/* left */
*.pfm-small-m-left_xx-large { margin-left: 3rem; }
*.pfm-small-m-left_x-large { margin-left: 2rem; }
*.pfm-small-m-left_large { margin-left: 1.5rem; }
*.pfm-small-m-left_medium { margin-left: 1rem; }
*.pfm-small-m-left_small { margin-left: .75rem; }
*.pfm-small-m-left_x-small { margin-left: .5rem; }
*.pfm-small-m-left_xx-small { margin-left: .25rem; }
*.pfm-small-m-left_xxx-small { margin-left: .125rem; }
*.pfm-small-m-left_none { margin-left: 0; }
}
@media (min-width: 768px) {
/* around */
*.pfm-medium-m-around_xx-large { margin: 3rem; }
*.pfm-medium-m-around_x-large { margin: 2rem; }
*.pfm-medium-m-around_large { margin: 1.5rem; }
*.pfm-medium-m-around_medium { margin: 1rem; }
*.pfm-medium-m-around_small { margin: .75rem; }
*.pfm-medium-m-around_x-small { margin: .5rem; }
*.pfm-medium-m-around_xx-small { margin: .25rem; }
*.pfm-medium-m-around_xxx-small { margin: .125rem; }
*.pfm-medium-m-around_none { margin: 0 }
/* horizontal */
*.pfm-medium-m-horizontal_xx-large { margin-left: 3rem; margin-right: 3rem; }
*.pfm-medium-m-horizontal_x-large { margin-left: 2rem; margin-right: 2rem; }
*.pfm-medium-m-horizontal_large { margin-left: 1.5rem; margin-right: 1.5rem; }
*.pfm-medium-m-horizontal_medium { margin-left: 1rem; margin-right: 1rem; }
*.pfm-medium-m-horizontal_small { margin-left: .75rem; margin-right: .75rem; }
*.pfm-medium-m-horizontal_x-small { margin-left: .5rem; margin-right: .5rem; }
*.pfm-medium-m-horizontal_xx-small { margin-left: .25rem; margin-right: .25rem; }
*.pfm-medium-m-horizontal_xxx-small { margin-left: .125rem; margin-right: .125rem; }
*.pfm-medium-m-horizontal_none { margin-left: 0; margin-right: 0; }
/* vertical */
*.pfm-medium-m-vertical_xx-large { margin-top: 3rem; margin-bottom: 3rem; }
*.pfm-medium-m-vertical_x-large { margin-top: 2rem; margin-bottom: 2rem; }
*.pfm-medium-m-vertical_large { margin-top: 1.5rem; margin-bottom: 1.5rem; }
*.pfm-medium-m-vertical_medium { margin-top: 1rem; margin-bottom: 1rem; }
*.pfm-medium-m-vertical_small { margin-top: .75rem; margin-bottom: .75rem; }
*.pfm-medium-m-vertical_x-small { margin-top: .5rem; margin-bottom: .5rem; }
*.pfm-medium-m-vertical_xx-small { margin-top: .25rem; margin-bottom: .25rem; }
*.pfm-medium-m-vertical_xxx-small { margin-top: .125rem; margin-bottom: .125rem; }
*.pfm-medium-m-vertical_none { margin-top: 0; margin-bottom: 0; }
/* top */
*.pfm-medium-m-top_xx-large { margin-top: 3rem; }
*.pfm-medium-m-top_x-large { margin-top: 2rem; }
*.pfm-medium-m-top_large { margin-top: 1.5rem; }
*.pfm-medium-m-top_medium { margin-top: 1rem; }
*.pfm-medium-m-top_small { margin-top: .75rem; }
*.pfm-medium-m-top_x-small { margin-top: .5rem; }
*.pfm-medium-m-top_xx-small { margin-top: .25rem; }
*.pfm-medium-m-top_xxx-small { margin-top: .125rem; }
*.pfm-medium-m-top_none { margin-top: 0 }
/* bottom */
*.pfm-medium-m-bottom_xx-large { margin-bottom: 3rem; }
*.pfm-medium-m-bottom_x-large { margin-bottom: 2rem; }
*.pfm-medium-m-bottom_large { margin-bottom: 1.5rem; }
*.pfm-medium-m-bottom_medium { margin-bottom: 1rem; }
*.pfm-medium-m-bottom_small { margin-bottom: .75rem; }
*.pfm-medium-m-bottom_x-small { margin-bottom: .5rem; }
*.pfm-medium-m-bottom_xx-small { margin-bottom: .25rem; }
*.pfm-medium-m-bottom_xxx-small { margin-bottom: .125rem; }
*.pfm-medium-m-bottom_none { margin-bottom: 0 }
/* right */
*.pfm-medium-m-right_xx-large { margin-right: 3rem; }
*.pfm-medium-m-right_x-large { margin-right: 2rem; }
*.pfm-medium-m-right_large { margin-right: 1.5rem; }
*.pfm-medium-m-right_medium { margin-right: 1rem; }
*.pfm-medium-m-right_small { margin-right: .75rem; }
*.pfm-medium-m-right_x-small { margin-right: .5rem; }
*.pfm-medium-m-right_xx-small { margin-right: .25rem; }
*.pfm-medium-m-right_xxx-small { margin-right: .125rem; }
*.pfm-medium-m-right_none { margin-right: 0 }
/* left */
*.pfm-medium-m-left_xx-large { margin-left: 3rem; }
*.pfm-medium-m-left_x-large { margin-left: 2rem; }
*.pfm-medium-m-left_large { margin-left: 1.5rem; }
*.pfm-medium-m-left_medium { margin-left: 1rem; }
*.pfm-medium-m-left_small { margin-left: .75rem; }
*.pfm-medium-m-left_x-small { margin-left: .5rem; }
*.pfm-medium-m-left_xx-small { margin-left: .25rem; }
*.pfm-medium-m-left_xxx-small { margin-left: .125rem; }
*.pfm-medium-m-left_none { margin-left: none; }
}
@media (min-width: 1024px) {
/* around */
*.pfm-large-m-around_xx-large { margin: 3rem; }
*.pfm-large-m-around_x-large { margin: 2rem; }
*.pfm-large-m-around_large { margin: 1.5rem; }
*.pfm-large-m-around_medium { margin: 1rem; }
*.pfm-large-m-around_small { margin: .75rem; }
*.pfm-large-m-around_x-small { margin: .5rem; }
*.pfm-large-m-around_xx-small { margin: .25rem; }
*.pfm-large-m-around_xxx-small { margin: .125rem; }
*.pfm-large-m-around_none { margin: 0; }
/* horizontal */
*.pfm-large-m-horizontal_xx-large { margin-left: 3rem; margin-right: 3rem; }
*.pfm-large-m-horizontal_x-large { margin-left: 2rem; margin-right: 2rem; }
*.pfm-large-m-horizontal_large { margin-left: 1.5rem; margin-right: 1.5rem; }
*.pfm-large-m-horizontal_medium { margin-left: 1rem; margin-right: 1rem; }
*.pfm-large-m-horizontal_small { margin-left: .75rem; margin-right: .75rem; }
*.pfm-large-m-horizontal_x-small { margin-left: .5rem; margin-right: .5rem; }
*.pfm-large-m-horizontal_xx-small { margin-left: .25rem; margin-right: .25rem; }
*.pfm-large-m-horizontal_xxx-small { margin-left: .125rem; margin-right: .125rem; }
*.pfm-large-m-horizontal_none { margin-left: 0; margin-right: 0; }
/* vertical */
*.pfm-large-m-vertical_xx-large { margin-top: 3rem; margin-bottom: 3rem; }
*.pfm-large-m-vertical_x-large { margin-top: 2rem; margin-bottom: 2rem; }
*.pfm-large-m-vertical_large { margin-top: 1.5rem; margin-bottom: 1.5rem; }
*.pfm-large-m-vertical_medium { margin-top: 1rem; margin-bottom: 1rem; }
*.pfm-large-m-vertical_small { margin-top: .75rem; margin-bottom: .75rem; }
*.pfm-large-m-vertical_x-small { margin-top: .5rem; margin-bottom: .5rem; }
*.pfm-large-m-vertical_xx-small { margin-top: .25rem; margin-bottom: .25rem; }
*.pfm-large-m-vertical_xxx-small { margin-top: .125rem; margin-bottom: .125rem; }
*.pfm-large-m-vertical_none { margin-top: 0; margin-bottom: 0; }
/* top */
*.pfm-large-m-top_xx-large { margin-top: 3rem; }
*.pfm-large-m-top_x-large { margin-top: 2rem; }
*.pfm-large-m-top_large { margin-top: 1.5rem; }
*.pfm-large-m-top_medium { margin-top: 1rem; }
*.pfm-large-m-top_small { margin-top: .75rem; }
*.pfm-large-m-top_x-small { margin-top: .5rem; }
*.pfm-large-m-top_xx-small { margin-top: .25rem; }
*.pfm-large-m-top_xxx-small { margin-top: .125rem; }
*.pfm-large-m-top_none { margin-top: 0; }
/* bottom */
*.pfm-large-m-bottom_xx-large { margin-bottom: 3rem; }
*.pfm-large-m-bottom_x-large { margin-bottom: 2rem; }
*.pfm-large-m-bottom_large { margin-bottom: 1.5rem; }
*.pfm-large-m-bottom_medium { margin-bottom: 1rem; }
*.pfm-large-m-bottom_small { margin-bottom: .75rem; }
*.pfm-large-m-bottom_x-small { margin-bottom: .5rem; }
*.pfm-large-m-bottom_xx-small { margin-bottom: .25rem; }
*.pfm-large-m-bottom_xxx-small { margin-bottom: .125rem; }
*.pfm-large-m-bottom_none { margin-bottom: 0; }
/* right */
*.pfm-large-m-right_xx-large { margin-right: 3rem; }
*.pfm-large-m-right_x-large { margin-right: 2rem; }
*.pfm-large-m-right_large { margin-right: 1.5rem; }
*.pfm-large-m-right_medium { margin-right: 1rem; }
*.pfm-large-m-right_small { margin-right: .75rem; }
*.pfm-large-m-right_x-small { margin-right: .5rem; }
*.pfm-large-m-right_xx-small { margin-right: .25rem; }
*.pfm-large-m-right_xxx-small { margin-right: .125rem; }
*.pfm-large-m-right_none { margin-right: 0; }
/* left */
*.pfm-large-m-left_xx-large { margin-left: 3rem; }
*.pfm-large-m-left_x-large { margin-left: 2rem; }
*.pfm-large-m-left_large { margin-left: 1.5rem; }
*.pfm-large-m-left_medium { margin-left: 1rem; }
*.pfm-large-m-left_small { margin-left: .75rem; }
*.pfm-large-m-left_x-small { margin-left: .5rem; }
*.pfm-large-m-left_xx-small { margin-left: .25rem; }
*.pfm-large-m-left_xxx-small { margin-left: .125rem; }
*.pfm-large-m-left_none { margin-left: 0; }
}