%PDF- %PDF-
| Direktori : /home/vacivi36/www2]/app/assets/styles/component/ |
| Current File : /home/vacivi36/www2]/app/assets/styles/component/_global.scss |
// global
* {
outline: none;
box-sizing: border-box;
}
body {
font-family: $bodyfont;
margin: 0;
overflow-x: hidden;
color: $bodytext;
font-weight: 300;
background: $inverse;
}
html {
position: relative;
min-height: 100%;
background: $white;
}
.main-container {
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mat-drawer-container {
background: $bodycolor;
}
html .page-wrapper {
height: calc(100vh - 64px);
.page-content {
padding: 20px 20px;
max-width: 1500px;
margin: 0 auto;
}
}
// a tag
a:hover,
a:focus,
a {
text-decoration: none;
}
a.link {
color: $headingtext;
text-decoration: none;
&:hover,
&:focus {
color: $sidebar-label;
}
}
.img-responsive {
width: 100%;
height: auto;
display: inline-block;
}
hr {
border: 0px;
height: 1px;
background: $border;
}
html body .mdi:before,
html body .mdi-set {
line-height: initial;
}
code {
padding: 0.2rem 0.4rem;
font-size: 90%;
color: $danger;
background-color: $light-danger;
border-radius: 0.25rem;
}
.box {
border-radius: $radius;
padding: 10px;
}
.list-inline {
margin-left: 0px;
padding: 0px;
li {
display: inline-block;
list-style: none;
margin-right: 10px;
&:last-child {
margin-right: 0px;
}
}
}
.button-row button {
margin-bottom: 5px;
margin-right: 5px;
}
html body {
.position-relative {
position: relative;
}
// list
.clear {
clear: both;
}
ol li {
margin: 5px 0;
}
// display
.dl {
display: inline-block;
}
.db {
display: block;
}
// opacity
.op-5 {
opacity: 0.5;
}
.op-3 {
opacity: 0.3;
}
.rounded {
border-radius: $radius;
}
// flex
.ml-auto {
margin-left: auto;
}
.d-flex {
display: flex;
}
.align-items-center {
align-items: center;
}
.no-shrink {
flex-shrink: 0;
}
.oh {
overflow: hidden;
}
.hide {
display: none;
}
.img-circle {
border-radius: 100%;
}
.radius {
border-radius: $radius;
}
.no-shadow {
box-shadow: none;
}
// align vertical
.vt {
vertical-align: top;
}
.vm {
vertical-align: middle;
}
.vb {
vertical-align: bottom;
}
// horizontal align
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
// border
.b-0 {
border: none;
}
.b-r {
border-right: 1px solid $border;
}
.b-l {
border-left: 1px solid $border;
}
.b-b {
border-bottom: 1px solid $border;
}
.b-t {
border-top: 1px solid $border;
}
.b-all {
border: 1px solid $border;
}
}