/* 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; $line-height-xs: $line-height-md * 0.6; /* Sidebar */ $sidebar-width: 19rem; /* Borders */ $radius-sm: 0.1rem; $radius-md: 0.2rem; /* Dropdowns */ $dropdown-min-width: 12rem; /* Modals */ $modal-width: 50rem; /* Other */ $drag-width: 0.6em; /* Breakpoints */ $breakpoint-lg: 1100px; $breakpoint-md: 880px; $breakpoint-sm: 660px; .txt-xs { font-size: $font-size-xs; } .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; }