2017-04-02 23:56:47 +00:00
|
|
|
html {
|
|
|
|
box-sizing: border-box;
|
|
|
|
font-family: $core-font-standard;
|
2017-04-22 23:46:20 +00:00
|
|
|
height: 100%;
|
2017-04-02 23:56:47 +00:00
|
|
|
}
|
|
|
|
*, *:before, *:after {
|
|
|
|
box-sizing: inherit;
|
|
|
|
}
|
|
|
|
|
|
|
|
[v-cloak], .is-hidden {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2017-09-25 03:22:33 +00:00
|
|
|
#app {
|
2017-04-22 23:46:20 +00:00
|
|
|
position: relative;
|
|
|
|
min-height: 100%;
|
2017-09-25 03:22:33 +00:00
|
|
|
|
|
|
|
&.is-fullscreen {
|
|
|
|
height: 100vh;
|
|
|
|
}
|
2017-04-22 23:46:20 +00:00
|
|
|
}
|
|
|
|
|
2017-04-02 23:56:47 +00:00
|
|
|
// Container
|
|
|
|
|
|
|
|
.container {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.content {
|
|
|
|
padding: 20px;
|
|
|
|
}
|
|
|
|
|
2018-03-04 02:48:28 +00:00
|
|
|
.datatable {
|
|
|
|
th, td {
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-04-02 23:56:47 +00:00
|
|
|
// Visibility
|
|
|
|
|
|
|
|
.is-hidden {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.is-hidden-mobile {
|
|
|
|
@include mobile {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.is-hidden-tablet {
|
|
|
|
@include tablet {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.is-hidden-tablet-only {
|
|
|
|
@include tablet-only {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.is-hidden-touch {
|
|
|
|
@include touch {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.is-hidden-desktop {
|
|
|
|
@include desktop {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.is-hidden-desktop-only {
|
|
|
|
@include desktop-only {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.is-hidden-widescreen {
|
|
|
|
@include widescreen {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
}
|