/* Padding */ $padding-md: 1.25rem; $padding-sm: $padding-md * 0.5; $padding-xs: $padding-md * 0.35; $padding-xxs: $padding-md * 0.20; $padding-lg: $padding-md * 2; $padding-xl: $padding-md * 4; /* Fonts */ $font-size: 12px; $font-size-xs: 0.8rem; $font-size-sm: 0.9rem; $font-size-md: 1.0rem; $font-size-lg: 1.1rem; $font-size-xl: 1.3rem; $font-size-xxl: 1.6rem; /* Wrapper */ $line-height-md: 4rem; $line-height-sm: $line-height-md * 0.75; /* Sidebar */ $sidebar-width: 19rem; /* Borders */ $radius-sm: 0.1rem; $radius-md: 0.2rem; /* Dropdowns */ $dropdown-min-width: 15rem; /* Modals */ $modal-width: 50rem; /* Breakpoints */ $breakpoint-md: 790px; $breakpoint-sm: 580px; .pad { padding: $padding-md; } .pad-left-half { padding-left: $padding-md / 2; } .pad-right-half { padding-right: $padding-md / 2; } .txt-sm { font-size: $font-size-sm; } .txt-md { font-size: $font-size-md; } .txt-lg { font-size: $font-size-lg; } .txt-xl { font-size: $font-size-xl; } .txt-xxl { font-size: $font-size-xxl; }