insomnia/app/css/constants/dimensions.scss
2016-04-09 12:10:34 -07:00

63 lines
937 B
SCSS

/* Padding */
$padding-md: 1.25rem;
$padding-sm: $padding-md * 0.5;
$padding-xs: $padding-md * 0.35;
$padding-xxs: $padding-md * 0.20;
$padding-lg: $padding-md * 2;
$padding-xl: $padding-md * 4;
/* Fonts */
$font-size: 12px;
$font-size-xs: 0.8rem;
$font-size-sm: 0.9rem;
$font-size-md: 1.0rem;
$font-size-lg: 1.1rem;
$font-size-xl: 1.3rem;
$font-size-xxl: 1.6rem;
/* Wrapper */
$line-height-md: 4rem;
$line-height-sm: $line-height-md * 0.75;
/* Sidebar */
$sidebar-width: 20rem;
/* Borders */
$radius-sm: 1px;
$radius-md: 2px;
/* Modals */
$modal-width: 50rem;
/* Breakpoints */
$breakpoint-md: 790px;
$breakpoint-sm: 580px;
.pad {
padding: $padding-md;
}
.pad-left-half {
padding-left: $padding-md / 2;
}
.pad-right-half {
padding-right: $padding-md / 2;
}
.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;
}