wikijs-fork/client/scss/base/base.scss

93 lines
2.4 KiB
SCSS
Raw Normal View History

2017-04-02 23:56:47 +00:00
html {
box-sizing: border-box;
height: 100%;
2019-09-08 16:01:17 +00:00
overflow-y: auto !important;
2017-04-02 23:56:47 +00:00
}
*, *:before, *:after {
box-sizing: inherit;
}
[v-cloak], .is-hidden {
display: none;
}
#root {
position: relative;
min-height: 100%;
&.is-fullscreen {
height: 100vh;
}
}
2019-08-05 03:53:21 +00:00
.v-application--wrap {
2019-01-26 23:35:56 +00:00
transition: all 1.2s ease;
transform-origin: 50% 50%;
2019-08-05 03:53:21 +00:00
// background-color: #FFF;
2019-01-26 23:35:56 +00:00
@at-root .theme--dark & {
background-color: mc('grey', '900');
}
}
@media only screen and (min-width:960px) {
.v-application .v-footer {
padding-left: 272px
}
}
#root .v-application {
.overline {
line-height: 1rem;
font-size: .625rem!important;
font-weight: 400;
letter-spacing: .1666666667em!important;
}
2019-08-05 03:53:21 +00:00
@for $i from 0 through 25 {
.radius-#{$i} {
border-radius: #{$i}px;
}
}
2018-12-02 04:03:14 +00:00
2019-08-05 03:53:21 +00:00
@for $i from 1 through 5 {
.grey.darken-2-d#{$i} {
background-color: darken(mc('grey', '700'), percentage($i/100)) !important;
border-color: darken(mc('grey', '700'), percentage($i/100)) !important;
}
.grey.darken-2-l#{$i} {
background-color: lighten(mc('grey', '700'), percentage($i/100)) !important;
border-color: lighten(mc('grey', '700'), percentage($i/100)) !important;
}
.grey.darken-3-d#{$i} {
background-color: darken(mc('grey', '800'), percentage($i/100)) !important;
border-color: darken(mc('grey', '800'), percentage($i/100)) !important;
}
.grey.darken-3-l#{$i} {
background-color: lighten(mc('grey', '800'), percentage($i/100)) !important;
border-color: lighten(mc('grey', '800'), percentage($i/100)) !important;
}
.grey.darken-4-d#{$i} {
background-color: darken(mc('grey', '900'), percentage($i/100)) !important;
border-color: darken(mc('grey', '900'), percentage($i/100)) !important;
}
.grey.darken-4-l#{$i} {
background-color: lighten(mc('grey', '900'), percentage($i/100)) !important;
border-color: lighten(mc('grey', '900'), percentage($i/100)) !important;
}
2018-12-02 04:03:14 +00:00
}
2019-08-05 03:53:21 +00:00
.grey.darken-5 {
background-color: #0C0C0C !important;
border-color: #0C0C0C !important;
2018-12-02 04:03:14 +00:00
}
2019-08-05 03:53:21 +00:00
.blue.darken-5 {
background-color: darken(mc('blue', '900'), 20%) !important;
border-color: darken(mc('blue', '900'), 20%) !important;
2018-12-02 04:03:14 +00:00
}
2019-08-05 03:53:21 +00:00
.indigo.darken-5 {
background-color: darken(mc('indigo', '900'), 10%) !important;
border-color: darken(mc('indigo', '900'), 10%) !important;
2018-12-02 04:03:14 +00:00
}
}