/* Padding */ $padding-md: 1.25rem; $padding-sm: $padding-md / 2; $padding-lg: $padding-md * 2; /* Fonts */ $font-size: 12px; $font-size-sm: 0.8rem; $font-size-md: 1.0rem; $font-size-lg: 1.2rem; $font-size-xl: 1.4rem; $font-size-xxl: 1.6rem; /* Breakpoints */ $breakpoint-lg: 1500px; $breakpoint-md: 930px; $breakpoint-sm: 580px; /* Wrapper */ $line-height-md: 4.17rem; $line-height-sm: $line-height-md * 0.75; /* Sidebar */ $sidebar-width: 20rem; $sidebar-width-sm: $sidebar-width * 0.75; /* Borders */ $radius-md: 2px; .pad { padding: $padding-md; } .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; }