insomnia/app/ui/css/constants/dimensions.less
2017-04-20 21:30:52 -07:00

73 lines
1.2 KiB
Plaintext

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