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

75 lines
1.2 KiB
Plaintext
Raw Normal View History

2016-08-29 17:58:59 +00:00
/* Padding */
@padding-md: 1.26rem;
2016-08-29 17:58:59 +00:00
@padding-sm: 0.63rem;
@padding-xs: 0.44rem;
@padding-xxs: 0.24rem;
2016-08-29 17:58:59 +00:00
@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;
2016-08-29 17:58:59 +00:00
@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.0rem;
2016-08-29 17:58:59 +00:00
@height-nav: @line-height-md;
/* Sidebar */
@sidebar-width: 19rem;
2016-09-09 00:32:36 +00:00
/* Scrollbars */
2016-09-10 01:51:49 +00:00
@scrollbar-width: 0.75rem;
2016-09-09 00:32:36 +00:00
2016-08-29 17:58:59 +00:00
/* Borders */
@radius-sm: 0.2rem;
2016-08-29 17:58:59 +00:00
@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;
}