insomnia/app/ui/css/constants/dimensions.less

/* Padding */
@padding-md: 1.2rem;
@padding-sm: 0.6rem;
@padding-xs: 0.4rem;
@padding-xxs: 0.2rem;
@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-md: 3.6rem;
@line-height-sm: @line-height-md * 0.8;
@line-height-xs: @line-height-sm * 0.85;
@line-height-xxs: @line-height-xs * 0.85;

/* Nav */
@height-nav: @line-height-md;

/* Scrollbars */
@scrollbar-width: 0.75rem;

/* Borders */
@radius-sm: 0.2rem;
@radius-md: 0.3rem;

/* Dropdowns */
@dropdown-min-width: 12rem;

/* 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;
}