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-04-07 03:09:14 +00:00
|
|
|
$padding-xl: $padding-md * 4;
|
2016-03-16 05:49:42 +00:00
|
|
|
|
|
|
|
/* Fonts */
|
|
|
|
$font-size: 12px;
|
2016-04-06 07:19:36 +00:00
|
|
|
$font-size-xs: 0.8rem;
|
|
|
|
$font-size-sm: 0.9rem;
|
2016-03-23 05:58:16 +00:00
|
|
|
$font-size-md: 1.0rem;
|
2016-04-06 07:19:36 +00:00
|
|
|
$font-size-lg: 1.1rem;
|
|
|
|
$font-size-xl: 1.3rem;
|
2016-03-23 05:58:16 +00:00
|
|
|
$font-size-xxl: 1.6rem;
|
2016-03-21 05:47:49 +00:00
|
|
|
|
|
|
|
/* Wrapper */
|
2016-04-06 07:19:36 +00:00
|
|
|
$line-height-md: 4rem;
|
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-04-10 05:03:18 +00:00
|
|
|
$sidebar-width: 19rem;
|
2016-03-21 05:47:49 +00:00
|
|
|
|
2016-03-23 05:26:27 +00:00
|
|
|
/* Borders */
|
2016-04-10 05:03:18 +00:00
|
|
|
$radius-sm: 0.1rem;
|
|
|
|
$radius-md: 0.2rem;
|
|
|
|
|
|
|
|
/* Dropdowns */
|
|
|
|
$dropdown-min-width: 15rem;
|
2016-03-23 05:26:27 +00:00
|
|
|
|
2016-04-07 03:09:14 +00:00
|
|
|
/* Modals */
|
|
|
|
$modal-width: 50rem;
|
|
|
|
|
2016-03-23 17:15:19 +00:00
|
|
|
/* Breakpoints */
|
2016-04-09 19:10:34 +00:00
|
|
|
$breakpoint-md: 790px;
|
2016-03-23 17:15:19 +00:00
|
|
|
$breakpoint-sm: 580px;
|
|
|
|
|
2016-03-23 05:26:27 +00:00
|
|
|
.pad {
|
|
|
|
padding: $padding-md;
|
|
|
|
}
|
|
|
|
|
2016-04-05 05:35:21 +00:00
|
|
|
.pad-left-half {
|
|
|
|
padding-left: $padding-md / 2;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pad-right-half {
|
|
|
|
padding-right: $padding-md / 2;
|
|
|
|
}
|
|
|
|
|
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
|
|
|
}
|
2016-04-17 05:22:10 +00:00
|
|
|
|
|
|
|
.txt-xxl {
|
|
|
|
font-size: $font-size-xxl;
|
|
|
|
}
|