/* Padding */ @padding-md: 1.25rem; @padding-sm: 0.63rem; @padding-xs: 0.44rem; @padding-xxs: 0.25rem; @padding-lg: 2.5rem; @padding-xl: 5rem; /* Fonts */ @font-size: 13px; @font-size-xs: 0.8rem; @font-size-sm: 0.9rem; @font-size-md: 1.0rem; @font-size-lg: 1.2rem; @font-size-xl: 1.35rem; @font-size-xxl: 1.5rem; @font-size-xxxl: 1.7rem; /* Wrapper */ @line-height-lg: 4.5rem; @line-height-md: 4rem; @line-height-sm: 3rem; @line-height-xs: 2.6rem; @line-height-xxs: 2.1rem; @height-nav: @line-height-md; /* Sidebar */ @sidebar-width: 19rem; /* Scrollbars */ @scrollbar-width: 0.75rem; /* Borders */ @radius-sm: 0.2rem; @radius-md: 0.3rem; /* Dropdowns */ @dropdown-min-width: 15rem; /* Modals */ @modal-width: 50rem; @modal-width-wide: 70rem; /* Other */ @drag-width: 0.5em; /* Breakpoints */ @breakpoint-lg: 1100px; @breakpoint-md: 880px; @breakpoint-sm: 660px; .txt-xs { font-size: @font-size-xs !important; } .txt-sm { font-size: @font-size-sm !important; } .txt-md { font-size: @font-size-md !important; } .txt-lg { font-size: @font-size-lg !important; } .txt-xl { font-size: @font-size-xl !important; } .txt-xxl { font-size: @font-size-xxl !important; }