2016-03-23 05:26:27 +00:00
|
|
|
@import '../constants/colors';
|
|
|
|
@import '../constants/dimensions';
|
2016-07-20 23:16:28 +00:00
|
|
|
@import '../constants/fonts';
|
2016-03-16 05:49:42 +00:00
|
|
|
|
2016-03-23 05:58:16 +00:00
|
|
|
html {
|
2016-08-29 17:58:59 +00:00
|
|
|
font-size: @font-size;
|
2016-03-23 05:58:16 +00:00
|
|
|
}
|
|
|
|
|
2016-03-16 05:49:42 +00:00
|
|
|
html, body, #root {
|
|
|
|
width: 100%;
|
2016-03-21 05:47:49 +00:00
|
|
|
height: 100%;
|
2016-03-16 05:49:42 +00:00
|
|
|
}
|
|
|
|
|
2017-03-03 01:44:07 +00:00
|
|
|
html, h1, h2, h3, h4, h5, h6, input {
|
2016-08-15 17:04:36 +00:00
|
|
|
font-weight: 400;
|
2017-02-26 21:12:51 +00:00
|
|
|
font-family: @font-default;
|
2016-08-15 17:04:36 +00:00
|
|
|
}
|
|
|
|
|
2016-03-16 05:49:42 +00:00
|
|
|
body {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
h1 {
|
2016-08-29 17:58:59 +00:00
|
|
|
font-size: @font-size-xxl;
|
2016-03-16 05:49:42 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
h2 {
|
2016-08-29 17:58:59 +00:00
|
|
|
font-size: @font-size-xl;
|
2016-03-16 05:49:42 +00:00
|
|
|
}
|
|
|
|
|
2016-04-15 02:13:49 +00:00
|
|
|
h3 {
|
2016-08-29 17:58:59 +00:00
|
|
|
font-size: @font-size-lg;
|
2016-04-15 02:13:49 +00:00
|
|
|
}
|
|
|
|
|
2016-12-01 00:02:35 +00:00
|
|
|
p, h1, h2, h3 {
|
2016-11-29 20:55:31 +00:00
|
|
|
margin-bottom: @padding-sm;
|
|
|
|
margin-top: @padding-md;
|
2016-04-15 02:13:49 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
hr {
|
|
|
|
width: 100%;
|
2016-04-29 03:37:49 +00:00
|
|
|
height: 0;
|
2016-04-15 02:13:49 +00:00
|
|
|
border: 0;
|
2016-08-29 17:58:59 +00:00
|
|
|
border-bottom: 1px solid @hl-md;
|
|
|
|
margin: @padding-md 0;
|
2016-04-15 02:13:49 +00:00
|
|
|
}
|
|
|
|
|
2016-11-29 20:55:31 +00:00
|
|
|
hr.hr--spaced {
|
|
|
|
margin: @padding-lg 0;
|
|
|
|
}
|
|
|
|
|
2016-04-28 06:22:50 +00:00
|
|
|
em {
|
|
|
|
font-style: italic;
|
|
|
|
}
|
|
|
|
|
2016-05-01 20:46:11 +00:00
|
|
|
label {
|
|
|
|
display: inline-block;
|
2016-10-21 17:20:36 +00:00
|
|
|
padding-top: @padding-xs;
|
2016-05-01 20:46:11 +00:00
|
|
|
}
|
|
|
|
|
2016-07-07 20:10:55 +00:00
|
|
|
p {
|
2016-11-16 17:18:39 +00:00
|
|
|
line-height: 1.7em;
|
2016-07-07 20:10:55 +00:00
|
|
|
}
|
|
|
|
|
2017-03-29 02:21:49 +00:00
|
|
|
ul.ul--pretty {
|
|
|
|
list-style: disc;
|
|
|
|
padding-left: @padding-lg;
|
|
|
|
margin-bottom: 1.5em;
|
|
|
|
}
|
|
|
|
|
2016-12-21 23:37:48 +00:00
|
|
|
small {
|
|
|
|
font-size: 0.85em;
|
|
|
|
}
|
|
|
|
|
2017-03-29 02:21:49 +00:00
|
|
|
.label--small,
|
|
|
|
label > small,
|
2016-07-20 23:16:28 +00:00
|
|
|
table th {
|
2016-08-29 17:58:59 +00:00
|
|
|
color: @hl;
|
2017-03-23 22:10:42 +00:00
|
|
|
font-weight: 600;
|
2016-04-27 23:06:27 +00:00
|
|
|
text-transform: uppercase;
|
2017-03-23 22:10:42 +00:00
|
|
|
font-size: @font-size-xs;
|
2016-08-29 17:58:59 +00:00
|
|
|
padding-bottom: @padding-xxs;
|
2016-04-26 07:29:24 +00:00
|
|
|
}
|
|
|
|
|
2016-05-01 19:56:30 +00:00
|
|
|
webview {
|
2016-06-19 01:01:56 +00:00
|
|
|
height: 100%;
|
|
|
|
width: 100%;
|
2017-01-30 18:06:27 +00:00
|
|
|
background-color: #fff;
|
2016-05-01 19:56:30 +00:00
|
|
|
}
|
|
|
|
|
2017-03-23 22:10:42 +00:00
|
|
|
table.table--fancy {
|
2016-07-27 20:07:50 +00:00
|
|
|
width: 100%;
|
|
|
|
|
2016-08-15 17:04:36 +00:00
|
|
|
td, th {
|
2016-08-29 17:58:59 +00:00
|
|
|
padding: @padding-sm;
|
2016-05-01 19:56:30 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
th {
|
|
|
|
text-align: left;
|
2016-08-29 17:58:59 +00:00
|
|
|
padding-bottom: @padding-sm;
|
2016-08-15 17:04:36 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
&.table--striped tbody tr:nth-child(odd) {
|
2017-01-23 22:41:31 +00:00
|
|
|
background: @hl-xs;
|
2016-05-01 19:56:30 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-07-20 23:16:28 +00:00
|
|
|
code {
|
2016-07-21 22:13:57 +00:00
|
|
|
display: inline-block;
|
2016-08-29 17:58:59 +00:00
|
|
|
background: @hl-xs;
|
|
|
|
padding: @padding-xs @padding-sm;
|
2017-03-09 06:23:23 +00:00
|
|
|
color: var(--color-font);
|
2017-01-23 22:41:31 +00:00
|
|
|
border: 1px solid @hl-sm;
|
2016-11-29 20:55:31 +00:00
|
|
|
font-size: 0.9em;
|
2017-03-29 02:21:49 +00:00
|
|
|
|
|
|
|
&.code--compact {
|
|
|
|
padding-top: 0;
|
|
|
|
padding-bottom: 0;
|
|
|
|
}
|
2016-10-21 17:20:36 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
code, pre, .monospace {
|
2016-08-29 17:58:59 +00:00
|
|
|
font-family: @font-monospace;
|
2017-03-28 22:45:23 +00:00
|
|
|
tab-size: 4;
|
|
|
|
}
|
|
|
|
|
|
|
|
.font-normal {
|
|
|
|
font-family: @font-default;
|
2016-04-18 05:58:58 +00:00
|
|
|
}
|
2016-11-07 20:24:38 +00:00
|
|
|
|
2017-03-29 02:21:49 +00:00
|
|
|
div.notice,
|
|
|
|
p.notice {
|
2016-11-19 07:11:10 +00:00
|
|
|
text-align: center;
|
2017-01-23 22:41:31 +00:00
|
|
|
color: var(--color-font) !important;
|
2016-12-21 23:37:48 +00:00
|
|
|
padding: @padding-sm * 1.5;
|
2017-03-29 23:09:28 +00:00
|
|
|
border: 1px dotted var(--hl);
|
2016-11-07 20:24:38 +00:00
|
|
|
border-radius: @radius-md;
|
2017-03-29 02:21:49 +00:00
|
|
|
position: relative;
|
|
|
|
z-index: 0;
|
2017-03-30 18:52:07 +00:00
|
|
|
overflow: auto;
|
2017-03-23 22:10:42 +00:00
|
|
|
|
|
|
|
p {
|
2017-03-30 18:52:07 +00:00
|
|
|
min-width: 8rem;
|
2017-03-23 22:10:42 +00:00
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
a {
|
|
|
|
text-decoration: underline;
|
|
|
|
color: var(--color-font);
|
|
|
|
opacity: @opacity-subtle;
|
|
|
|
}
|
|
|
|
|
|
|
|
a:hover {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
2017-03-29 02:21:49 +00:00
|
|
|
|
|
|
|
&::before {
|
|
|
|
content: ' ';
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
top: 0;
|
|
|
|
bottom: 0;
|
|
|
|
z-index: -1;
|
|
|
|
opacity: 0.05;
|
|
|
|
}
|
2017-03-23 22:10:42 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.notice.error {
|
|
|
|
border-color: var(--color-danger);
|
2017-03-29 02:21:49 +00:00
|
|
|
&::before {
|
|
|
|
background-color: var(--color-danger);
|
|
|
|
}
|
2016-11-07 20:24:38 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.notice.warning {
|
2017-01-23 22:41:31 +00:00
|
|
|
border-color: var(--color-warning);
|
2017-03-29 02:21:49 +00:00
|
|
|
&::before {
|
|
|
|
background-color: var(--color-warning);
|
|
|
|
}
|
2016-11-07 20:24:38 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.notice.info {
|
2017-01-23 22:41:31 +00:00
|
|
|
border-color: var(--color-info);
|
2017-03-29 02:21:49 +00:00
|
|
|
&::before {
|
|
|
|
background-color: var(--color-info);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.notice.surprise {
|
|
|
|
border-color: var(--color-surprise);
|
|
|
|
&::before {
|
|
|
|
background-color: var(--color-surprise);
|
|
|
|
}
|
2016-11-07 20:24:38 +00:00
|
|
|
}
|
2016-04-18 05:58:58 +00:00
|
|
|
|
2016-03-16 23:34:25 +00:00
|
|
|
.text-center {
|
|
|
|
text-align: center;
|
2016-03-16 20:02:47 +00:00
|
|
|
}
|
|
|
|
|
2016-04-07 03:27:45 +00:00
|
|
|
.text-right {
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
|
2016-03-23 17:15:19 +00:00
|
|
|
.text-left {
|
|
|
|
text-align: left !important;
|
|
|
|
}
|
|
|
|
|
2016-05-01 19:56:30 +00:00
|
|
|
.pull-right {
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
2017-03-28 22:45:23 +00:00
|
|
|
.superscript {
|
|
|
|
vertical-align: super;
|
|
|
|
font-size: 0.75em;
|
|
|
|
}
|
|
|
|
|
2016-10-21 17:20:36 +00:00
|
|
|
.img--circle {
|
|
|
|
border-radius: 50%;
|
|
|
|
}
|
|
|
|
|
2016-03-21 05:47:49 +00:00
|
|
|
.tall {
|
2016-07-14 22:48:56 +00:00
|
|
|
height: 100% !important;
|
2016-04-06 04:21:42 +00:00
|
|
|
}
|
|
|
|
|
2016-04-28 06:22:50 +00:00
|
|
|
.faint {
|
2017-01-24 02:52:48 +00:00
|
|
|
opacity: @opacity-subtle;
|
|
|
|
}
|
|
|
|
|
|
|
|
.super-faint {
|
|
|
|
opacity: @opacity-subtle * 0.8;
|
2016-04-28 06:22:50 +00:00
|
|
|
}
|
|
|
|
|
2017-03-29 23:09:28 +00:00
|
|
|
.super-duper-faint {
|
|
|
|
opacity: @opacity-subtle * 0.5;
|
|
|
|
}
|
|
|
|
|
2016-11-23 23:19:12 +00:00
|
|
|
.faded {
|
2016-11-25 19:01:41 +00:00
|
|
|
opacity: 0.7;
|
|
|
|
}
|
|
|
|
|
2017-03-12 00:31:23 +00:00
|
|
|
.muted {
|
|
|
|
color: var(--hl);
|
|
|
|
}
|
|
|
|
|
2016-11-25 19:01:41 +00:00
|
|
|
.auto-margin {
|
|
|
|
margin: auto;
|
2016-11-23 23:19:12 +00:00
|
|
|
}
|
|
|
|
|
2016-10-21 17:20:36 +00:00
|
|
|
.outlined {
|
|
|
|
border: 1px solid @hl-md;
|
|
|
|
}
|
|
|
|
|
2016-07-07 20:10:55 +00:00
|
|
|
.valign-bottom {
|
|
|
|
vertical-align: bottom;
|
|
|
|
}
|
|
|
|
|
2017-03-23 22:10:42 +00:00
|
|
|
.vertically-center {
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
2016-11-27 21:42:38 +00:00
|
|
|
.row-fill {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: row;
|
|
|
|
align-items: center;
|
|
|
|
align-content: stretch;
|
|
|
|
width: 100%;
|
2016-11-29 20:55:31 +00:00
|
|
|
|
|
|
|
& > * {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
& > *:not(:first-child) {
|
|
|
|
padding-left: @padding-xs;
|
|
|
|
}
|
|
|
|
|
|
|
|
& > *:not(:last-child) {
|
|
|
|
padding-right: @padding-xs;
|
|
|
|
}
|
2016-11-27 21:42:38 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.row-spaced {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: row;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: space-between !important;
|
|
|
|
width: 100%;
|
2017-03-29 02:21:49 +00:00
|
|
|
box-sizing: border-box;
|
2016-11-27 21:42:38 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.row-stretch {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: row;
|
|
|
|
align-content: stretch;
|
|
|
|
align-items: stretch;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
2017-03-23 22:10:42 +00:00
|
|
|
.valign-middle {
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
|
|
|
|
.valign-top {
|
|
|
|
vertical-align: top;
|
|
|
|
}
|
|
|
|
|
|
|
|
.height-md {
|
|
|
|
height: @line-height-md;
|
2016-11-27 21:42:38 +00:00
|
|
|
}
|
|
|
|
|
2016-07-07 20:10:55 +00:00
|
|
|
.pointer {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
2016-04-06 04:21:42 +00:00
|
|
|
.wide {
|
2016-11-29 20:55:31 +00:00
|
|
|
width: 100% !important;
|
2016-10-21 17:20:36 +00:00
|
|
|
box-sizing: border-box;
|
2016-04-06 04:21:42 +00:00
|
|
|
}
|
|
|
|
|
2016-11-29 20:55:31 +00:00
|
|
|
.width-auto {
|
|
|
|
width: auto !important;
|
|
|
|
}
|
|
|
|
|
2017-03-29 02:21:49 +00:00
|
|
|
.margin-auto {
|
|
|
|
margin: auto;
|
|
|
|
}
|
|
|
|
|
2016-11-16 17:18:39 +00:00
|
|
|
.hide {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2016-04-06 04:21:42 +00:00
|
|
|
.relative {
|
|
|
|
position: relative;
|
2016-03-21 05:47:49 +00:00
|
|
|
}
|
|
|
|
|
2016-04-04 07:15:30 +00:00
|
|
|
/* Make all font awesome icons the same width */
|
|
|
|
i.fa {
|
2016-08-15 17:04:36 +00:00
|
|
|
min-width: 1.1rem;
|
2016-04-04 07:15:30 +00:00
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
2016-05-01 19:56:30 +00:00
|
|
|
.force-wrap {
|
|
|
|
word-break: break-all;
|
|
|
|
white-space: pre-wrap;
|
2016-04-04 07:15:30 +00:00
|
|
|
}
|
|
|
|
|
2016-10-26 20:19:18 +00:00
|
|
|
.force-word-wrap {
|
2017-03-29 23:09:28 +00:00
|
|
|
white-space: normal !important;
|
2016-10-26 20:19:18 +00:00
|
|
|
}
|
|
|
|
|
2016-06-19 00:17:20 +00:00
|
|
|
.no-wrap {
|
|
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
|
2016-11-27 21:42:38 +00:00
|
|
|
.overflow-hidden {
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
2016-08-15 17:04:36 +00:00
|
|
|
.wrap {
|
|
|
|
white-space: normal;
|
|
|
|
}
|
|
|
|
|
|
|
|
.border-top {
|
2016-08-29 17:58:59 +00:00
|
|
|
border-top: 1px solid @hl-md;
|
2016-08-15 17:04:36 +00:00
|
|
|
}
|
|
|
|
|
2016-04-17 22:46:17 +00:00
|
|
|
.pad {
|
|
|
|
box-sizing: border-box;
|
2016-08-29 17:58:59 +00:00
|
|
|
padding: @padding-md;
|
2016-04-17 22:46:17 +00:00
|
|
|
}
|
|
|
|
|
2016-10-21 17:20:36 +00:00
|
|
|
.pad-sm {
|
|
|
|
box-sizing: border-box;
|
|
|
|
padding: @padding-sm;
|
|
|
|
}
|
|
|
|
|
2016-08-25 17:06:01 +00:00
|
|
|
.pad-left {
|
|
|
|
box-sizing: border-box;
|
2016-08-29 17:58:59 +00:00
|
|
|
padding-left: @padding-md;
|
2016-08-25 17:06:01 +00:00
|
|
|
}
|
|
|
|
|
2017-03-23 22:10:42 +00:00
|
|
|
.pad-left-sm {
|
|
|
|
padding-left: @padding-md / 2;
|
|
|
|
}
|
|
|
|
|
2016-08-25 17:06:01 +00:00
|
|
|
.pad-right {
|
|
|
|
box-sizing: border-box;
|
2016-08-29 17:58:59 +00:00
|
|
|
padding-right: @padding-md;
|
2016-08-25 17:06:01 +00:00
|
|
|
}
|
|
|
|
|
2017-03-23 22:10:42 +00:00
|
|
|
.pad-right-sm {
|
|
|
|
padding-right: @padding-md / 2;
|
|
|
|
}
|
|
|
|
|
2016-07-07 20:10:55 +00:00
|
|
|
.pad-top {
|
|
|
|
box-sizing: border-box;
|
2016-08-29 17:58:59 +00:00
|
|
|
padding-top: @padding-md;
|
2016-07-07 20:10:55 +00:00
|
|
|
}
|
|
|
|
|
2016-08-15 17:04:36 +00:00
|
|
|
.pad-top-sm {
|
|
|
|
box-sizing: border-box;
|
2016-08-29 17:58:59 +00:00
|
|
|
padding-top: @padding-sm;
|
2016-08-15 17:04:36 +00:00
|
|
|
}
|
|
|
|
|
2017-03-28 22:45:23 +00:00
|
|
|
.space-left {
|
|
|
|
margin-left: 0.3em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.space-right {
|
|
|
|
margin-right: 0.3em;
|
|
|
|
}
|
|
|
|
|
2017-03-29 02:21:49 +00:00
|
|
|
.margin {
|
|
|
|
margin: @padding-md;
|
|
|
|
}
|
|
|
|
|
2016-08-25 17:06:01 +00:00
|
|
|
.margin-top-sm {
|
2016-08-29 17:58:59 +00:00
|
|
|
margin-top: @padding-sm;
|
2016-08-25 17:06:01 +00:00
|
|
|
}
|
|
|
|
|
2017-03-29 02:21:49 +00:00
|
|
|
.margin-top {
|
|
|
|
margin-top: @padding-md;
|
|
|
|
}
|
|
|
|
|
2016-10-21 17:20:36 +00:00
|
|
|
.margin-left {
|
|
|
|
margin-left: @padding-md;
|
|
|
|
}
|
|
|
|
|
2017-03-23 22:10:42 +00:00
|
|
|
.margin-left-sm {
|
|
|
|
margin-left: @padding-sm;
|
|
|
|
}
|
|
|
|
|
2016-10-21 18:58:06 +00:00
|
|
|
.margin-right-sm {
|
|
|
|
margin-right: @padding-sm;
|
|
|
|
}
|
|
|
|
|
2017-03-23 22:10:42 +00:00
|
|
|
.margin-bottom {
|
|
|
|
margin-bottom: @padding-md;
|
|
|
|
}
|
|
|
|
|
2017-03-08 00:45:18 +00:00
|
|
|
.margin-bottom-sm {
|
|
|
|
margin-bottom: @padding-sm;
|
|
|
|
}
|
|
|
|
|
|
|
|
.margin-top-sm {
|
2017-03-28 22:45:23 +00:00
|
|
|
margin-top: @padding-sm !important;
|
2017-03-08 00:45:18 +00:00
|
|
|
}
|
|
|
|
|
2016-07-22 21:35:49 +00:00
|
|
|
.pad-bottom {
|
|
|
|
box-sizing: border-box;
|
2016-08-29 17:58:59 +00:00
|
|
|
padding-bottom: @padding-md;
|
2016-07-22 21:35:49 +00:00
|
|
|
}
|
|
|
|
|
2017-03-06 17:51:58 +00:00
|
|
|
.pad-bottom-sm {
|
|
|
|
box-sizing: border-box;
|
|
|
|
padding-bottom: @padding-sm;
|
|
|
|
}
|
|
|
|
|
2016-11-29 20:55:31 +00:00
|
|
|
.no-margin {
|
|
|
|
margin: 0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.no-margin-top {
|
|
|
|
margin-top: 0 !important;
|
2016-08-22 20:05:42 +00:00
|
|
|
}
|
|
|
|
|
2017-03-23 22:10:42 +00:00
|
|
|
.no-pad {
|
|
|
|
padding: 0 !important;
|
2016-04-17 22:46:17 +00:00
|
|
|
}
|
|
|
|
|
2017-03-23 22:10:42 +00:00
|
|
|
.no-pad-bottom {
|
|
|
|
padding-bottom: 0;
|
2016-04-17 22:46:17 +00:00
|
|
|
}
|
|
|
|
|
2017-03-23 22:10:42 +00:00
|
|
|
.no-pad-left {
|
|
|
|
padding-left: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.no-pad-top {
|
|
|
|
padding-top: 0 !important;
|
2016-04-15 02:13:49 +00:00
|
|
|
}
|
|
|
|
|
2016-11-29 20:55:31 +00:00
|
|
|
.no-margin-left {
|
|
|
|
margin-left: 0 !important;
|
2016-07-07 20:10:55 +00:00
|
|
|
}
|
|
|
|
|
2016-04-04 07:15:30 +00:00
|
|
|
.block {
|
|
|
|
display: block !important;
|
|
|
|
}
|
|
|
|
|
2016-07-14 22:48:56 +00:00
|
|
|
.grid {
|
|
|
|
display: grid !important;
|
|
|
|
}
|
|
|
|
|
2016-04-04 07:15:30 +00:00
|
|
|
.inline-block {
|
|
|
|
display: inline-block !important;
|
|
|
|
}
|
|
|
|
|
2016-10-24 23:30:37 +00:00
|
|
|
.ellipsis {
|
|
|
|
white-space: nowrap;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
}
|
|
|
|
|
2016-04-07 01:11:16 +00:00
|
|
|
.italic {
|
|
|
|
font-style: italic;
|
|
|
|
}
|
|
|
|
|
2016-04-10 06:37:22 +00:00
|
|
|
.selectable {
|
|
|
|
-webkit-user-select: text;
|
|
|
|
cursor: text;
|
|
|
|
}
|
|
|
|
|
2017-03-29 02:21:49 +00:00
|
|
|
.text-shadow {
|
|
|
|
text-shadow: 0 0 0.2em rgba(0, 0, 0, 0.1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.fa-outline::before {
|
|
|
|
-webkit-text-stroke: 1px rgba(0, 0, 0, 0.2);
|
|
|
|
}
|
|
|
|
|
2017-01-23 22:41:31 +00:00
|
|
|
::selection {
|
2017-03-29 02:21:49 +00:00
|
|
|
background-color: var(--hl-md);
|
2017-01-23 22:41:31 +00:00
|
|
|
}
|
|
|
|
|
2016-03-21 05:47:49 +00:00
|
|
|
.hide-scrollbars {
|
|
|
|
&::-webkit-scrollbar {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-04-05 20:49:28 +00:00
|
|
|
.scrollable {
|
2016-04-07 17:06:04 +00:00
|
|
|
overflow: auto;
|
2016-09-21 00:03:26 +00:00
|
|
|
position: relative;
|
2016-11-27 21:42:38 +00:00
|
|
|
|
|
|
|
&.scrollable--no-bars::-webkit-scrollbar {
|
|
|
|
display: none;
|
|
|
|
}
|
2016-09-21 00:03:26 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.scrollable-container {
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
& > .scrollable {
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
|
|
|
}
|
2016-04-05 20:49:28 +00:00
|
|
|
}
|
|
|
|
|
2016-04-05 05:35:21 +00:00
|
|
|
.hover-scrollbars {
|
|
|
|
&::-webkit-scrollbar {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
&:hover::-webkit-scrollbar {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-04-17 22:46:17 +00:00
|
|
|
.section.section--bordered {
|
2016-04-06 16:50:11 +00:00
|
|
|
.section__header {
|
2016-04-12 00:39:49 +00:00
|
|
|
border-right: 1px solid #eee;
|
2016-04-06 16:50:11 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.section__body {
|
2016-08-29 17:58:59 +00:00
|
|
|
border-right: 1px solid @hl-sm;
|
2016-04-06 16:50:11 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-03-12 00:31:23 +00:00
|
|
|
.bold,
|
2016-03-16 23:34:25 +00:00
|
|
|
strong {
|
2017-03-07 01:54:41 +00:00
|
|
|
font-weight: 600;
|
2016-03-16 20:02:47 +00:00
|
|
|
}
|
2016-03-23 05:58:16 +00:00
|
|
|
|
2017-03-28 22:45:23 +00:00
|
|
|
.not-bold {
|
|
|
|
font-weight: normal;
|
|
|
|
}
|
|
|
|
|
|
|
|
.underline {
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
|
2016-07-07 20:10:55 +00:00
|
|
|
.hide-above-lg {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.hide-above-md {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2016-08-29 17:58:59 +00:00
|
|
|
@media (max-width: @breakpoint-lg) {
|
2016-07-07 20:10:55 +00:00
|
|
|
.hide-below-lg {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.hide-above-lg {
|
|
|
|
display: initial;
|
2016-03-23 05:58:16 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-08-29 17:58:59 +00:00
|
|
|
@media (max-width: @breakpoint-md) {
|
2016-06-18 21:02:27 +00:00
|
|
|
html {
|
2016-08-29 17:58:59 +00:00
|
|
|
font-size: @font-size * 0.95;
|
2016-07-07 20:10:55 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.hide-below-md {
|
|
|
|
display: none;
|
2016-06-18 21:02:27 +00:00
|
|
|
}
|
|
|
|
|
2016-07-07 20:10:55 +00:00
|
|
|
.hide-above-md {
|
|
|
|
display: initial;
|
|
|
|
}
|
|
|
|
}
|