insomnia/app/css/constants/dimensions.scss

52 lines
791 B
SCSS
Raw Normal View History

2016-03-23 05:26:27 +00:00
/* Padding */
2016-03-23 05:58:16 +00:00
$padding-md: 1.25rem;
2016-04-04 07:15:30 +00:00
$padding-sm: $padding-md * 0.5;
$padding-xs: $padding-md * 0.35;
$padding-xxs: $padding-md * 0.20;
2016-03-23 05:26:27 +00:00
$padding-lg: $padding-md * 2;
2016-03-16 05:49:42 +00:00
/* Fonts */
$font-size: 12px;
2016-04-04 07:15:30 +00:00
$font-size-xs: 0.7rem;
2016-03-23 05:58:16 +00:00
$font-size-sm: 0.8rem;
$font-size-md: 1.0rem;
$font-size-lg: 1.2rem;
$font-size-xl: 1.4rem;
$font-size-xxl: 1.6rem;
2016-03-21 05:47:49 +00:00
/* Wrapper */
2016-03-23 05:58:16 +00:00
$line-height-md: 4.17rem;
2016-03-23 05:26:27 +00:00
$line-height-sm: $line-height-md * 0.75;
2016-03-21 05:47:49 +00:00
/* Sidebar */
2016-03-23 05:58:16 +00:00
$sidebar-width: 20rem;
2016-03-21 05:47:49 +00:00
2016-03-23 05:26:27 +00:00
/* Borders */
2016-04-04 07:15:30 +00:00
$radius-sm: 1px;
$radius-md: 3px;
2016-03-23 05:26:27 +00:00
2016-03-23 17:15:19 +00:00
/* Breakpoints */
$breakpoint-lg: 1500px;
$breakpoint-md: 930px;
$breakpoint-sm: 580px;
2016-03-23 05:26:27 +00:00
.pad {
padding: $padding-md;
}
2016-03-16 05:49:42 +00:00
.txt-sm {
2016-03-16 20:02:47 +00:00
font-size: $font-size-sm;
}
.txt-md {
font-size: $font-size-md;
2016-03-16 05:49:42 +00:00
}
.txt-lg {
2016-03-16 20:02:47 +00:00
font-size: $font-size-lg;
}
.txt-xl {
font-size: $font-size-xl;
2016-03-16 05:49:42 +00:00
}