1
0
Fork 1
mirror of https://github.com/thatmattlove/hyperglass.git synced 2026-01-20 01:38:05 +00:00
thatmattlove-hyperglass/hyperglass/static/sass/custom/custom_elements.sass
2019-06-10 12:22:38 -07:00

109 lines
2.2 KiB
Sass

// Custom Elements
.select:not(.is-multiple):not(.is-loading)::after
border-color: $grey-light
html, body
height: 100%
body
display: flex
flex-direction: column
.footer
margin-top: auto
width: 100%
flex-shrink: 0
bottom: 0
overflow: hidden
#lg-title, #lg-subtitle
color: findColorInvert($body-background-color)
.has-background-danger
.title, .subtitle, p, a
color: findColorInvert($danger)
.has-background-danger .footer
p, a
color: findColorInvert($danger)
.footer
p, a
color: findColorInvert($body-background-color)
.has-background-danger .content
p, a
color: findColorInvert($danger)
.content
p, a
color: findColorInvert($body-background-color)
.navbar, .navbar-menu, .navbar-brand, .navbar-tabs
background-color: $body-background-color
.navbar-item
color: findColorInvert($body-background-color)
a.navbar-item:hover
color: $lg-btn-submit
background-color: transparent
.button.lg-btn-submit
background-color: $lg-btn-submit
border-color: transparent
color: findColorInvert($lg-btn-submit)
.tag.lg-tag-loc-title
background-color: $lg-tag-loc_title
color: findColorInvert($lg-tag-loc_title)
font-family: $family-monospace
.tag.lg-tag-loc
background-color: $lg-tag-loc
color: findColorInvert($lg-tag-loc)
.tag.lg-tag-type-title
background-color: $lg-tag-type_title
color: findColorInvert($lg-tag-type_title)
.tag.lg-tag-type
background-color: $lg-tag-type
color: findColorInvert($lg-tag-type)
font-family: $family-monospace
.progress.lg-progressbar:indeterminate
background-image: linear-gradient(to right,$lg-progressbar 30%,$grey-lighter 30%)
.message-body pre
background-color: transparent!important
.query-output
font-family: $family-monospace
font-size: 0.95em
width: 100%
-webkit-overflow-scrolling: touch
overflow-x: auto
white-space: pre
.dropdown-content.lg-help
width: 24rem
.dropdown-content.lg-help-mobile
width: 20rem
.icon.lg-icon-help
color: $grey-light
#target::-webkit-input-placeholder
font-family: $family-sans-serif
#target:-ms-input-placeholder
font-family: $family-sans-serif
#target:-moz-placeholder
font-family: $family-sans-serif
#target::-moz-placeholder
font-family: $family-sans-serif