witine/lookingglass
1
0
Fork 0
forked from mirrors/thatmattlove-hyperglass
Code Issues Pull requests Releases Activity
lookingglass/hyperglass/static/overrides.sass
checktheroads bf80acadc6 clean up ui error handling
2019-09-04 01:29:49 -07:00

451 lines
No EOL
9 KiB
Sass
Raw Blame History

// Custom Utility Classes
@media (min-width: 576px)
.mw-sm-25
max-width: 25% !important
.mw-sm-50
max-width: 50% !important
.mw-sm-75
max-width: 75% !important
.mw-sm-100
max-width: 100% !important
.mw-sm-none
max-width: none !important
.mh-sm-25
max-height: 25% !important
.mh-sm-50
max-height: 50% !important
.mh-sm-75
max-height: 75% !important
.mh-sm-100
max-height: 100% !important
.mh-sm-none
max-height: none !important
@media (min-width: 768px)
.mw-md-25
max-width: 25% !important
.mw-md-50
max-width: 50% !important
.mw-md-75
max-width: 75% !important
.mw-md-100
max-width: 100% !important
.mw-md-none
max-width: none !important
.mh-md-25
max-height: 25% !important
.mh-md-50
max-height: 50% !important
.mh-md-75
max-height: 75% !important
.mh-md-100
max-height: 100% !important
.mh-md-none
max-height: none !important
@media (min-width: 992px)
.mw-lg-25
max-width: 25% !important
.mw-lg-50
max-width: 50% !important
.mw-lg-75
max-width: 75% !important
.mw-lg-100
max-width: 100% !important
.mw-lg-none
max-width: none !important
.mh-lg-25
max-height: 25% !important
.mh-lg-50
max-height: 50% !important
.mh-lg-75
max-height: 75% !important
.mh-lg-100
max-height: 100% !important
.mh-lg-none
max-height: none !important
@media (min-width: 1200px)
.mw-xl-25
max-width: 25% !important
.mw-xl-50
max-width: 50% !important
.mw-xl-75
max-width: 75% !important
.mw-xl-100
max-width: 100% !important
.mw-xl-none
max-width: none !important
.mh-xl-25
max-height: 25% !important
.mh-xl-50
max-height: 50% !important
.mh-xl-75
max-height: 75% !important
.mh-xl-100
max-height: 100% !important
.mh-xl-none
max-height: none !important
@media (min-width: 576px)
.mw-sm-25
max-width: 25% !important
.mw-sm-50
max-width: 50% !important
.mw-sm-75
max-width: 75% !important
.mw-sm-100
max-width: 100% !important
.mw-sm-none
max-width: none !important
.mh-sm-25
max-height: 25% !important
.mh-sm-50
max-height: 50% !important
.mh-sm-75
max-height: 75% !important
.mh-sm-100
max-height: 100% !important
.mh-sm-none
max-height: none !important
@media (min-width: 768px)
.mw-md-25
max-width: 25% !important
.mw-md-50
max-width: 50% !important
.mw-md-75
max-width: 75% !important
.mw-md-100
max-width: 100% !important
.mw-md-none
max-width: none !important
.mh-md-25
max-height: 25% !important
.mh-md-50
max-height: 50% !important
.mh-md-75
max-height: 75% !important
.mh-md-100
max-height: 100% !important
.mh-md-none
max-height: none !important
@media (min-width: 992px)
.mw-lg-25
max-width: 25% !important
.mw-lg-50
max-width: 50% !important
.mw-lg-75
max-width: 75% !important
.mw-lg-100
max-width: 100% !important
.mw-lg-none
max-width: none !important
.mh-lg-25
max-height: 25% !important
.mh-lg-50
max-height: 50% !important
.mh-lg-75
max-height: 75% !important
.mh-lg-100
max-height: 100% !important
.mh-lg-none
max-height: none !important
@media (min-width: 1200px)
.mw-xl-25
max-width: 25% !important
.mw-xl-50
max-width: 50% !important
.mw-xl-75
max-width: 75% !important
.mw-xl-100
max-width: 100% !important
.mw-xl-none
max-width: none !important
.mh-xl-25
max-height: 25% !important
.mh-xl-50
max-height: 50% !important
.mh-xl-75
max-height: 75% !important
.mh-xl-100
max-height: 100% !important
.mh-xl-none
max-height: none !important
.mh-75
max-height: 75% !important
// hyperglass overrides
#hg-form
margin-top: 15% !important
margin-bottom: 10% !important
padding: unset
#hg-results
margin-top: 5% !important
margin-bottom: 5% !important
padding: unset
#hg-results-title
line-height: unset
.nav-masthead
.nav-link
& + .nav-link
margin-left: 1rem
.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select,
.bootstrap-select.form-control-lg .dropdown-toggle, .input-group-append > .btn
height: $input-height-lg !important
padding: $input-padding-y-lg $input-padding-x-lg !important
.form-control
transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important
color: $input-color !important
.bootstrap-select > .dropdown-toggle.bs-placeholder
color: $input-placeholder-color !important
.hg-back:hover
text-decoration: none
border: 1px solid $hg-primary !important
.hg-back:focus
text-decoration: none
.hg-back
position: fixed !important
width: 3rem !important
height: 3rem !important
left: 2rem !important
bottom: 5rem !important
border-radius: 50rem !important
border: 1px solid $card-border-color !important
background-color: $hg-field-bg !important
transition: all .3s !important
font-weight: 200 !important
font-size: 1.4rem !important
opacity: 1 !important
pointer-events: auto !important
#hg-accordion
.btn-link
font-weight: 200
font-size: 1.4rem
#hg-accordion
.card-body
word-wrap: normal !important
color: findTextColor($card-bg) !important
.hg-menu-btn
-webkit-transition: none
-moz-transition: none
-o-transition: none
transition: none
.hg-menu-icon
-webkit-transition: all 0.5s ease
-moz-transition: all 0.5s ease
-o-transition: all 0.5s ease
transition: all 0.5s ease
#hg-title-col
cursor: pointer
.tab-content
overflow: hidden
.tab-pane
& > pre
min-height: 45vh
max-height: 60vh
-ms-overflow-style: none
scrollbar-width: none
::-webkit-scrollbar
width: 0px
background: transparent
.hg-status-container
display: inline-block
text-align: center
vertical-align: middle
line-height: 1.5
.hg-loading
animation: spinner-border .75s linear infinite
.accordion > .card:only-of-type
border-bottom: $card-border-width solid $card-border-color
border-top-left-radius: $border-radius !important
border-top-right-radius: $border-radius !important
border-bottom-left-radius: $border-radius !important
border-bottom-right-radius: $border-radius !important
.btn:focus,.btn:active
outline: none !important
box-shadow: none
.bg-primary
.btn-primary:hover
color: findTextColor($hg-primary) !important
background-color: darken($hg-primary, 10%) !important
border-color: $hg-primary !important
.bg-warning
.btn-warning:hover
color: findTextColor($hg-warning) !important
background-color: darken($hg-warning, 10%) !important
border-color: $hg-warning !important
.bg-danger
.btn-danger:hover
color: findTextColor($hg-danger) !important
background-color: darken($hg-danger, 10%) !important
border-color: $hg-danger !important
.bg-overlay
.btn-overlay:hover
color: findTextColor($hg-overlay) !important
background-color: darken($hg-overlay, 10%) !important
border-color: $hg-overlay !important
.bg-primary
*
color: findTextColor($hg-primary) !important
.bg-danger
*
color: findTextColor($hg-danger) !important
.bg-warning
*
color: findTextColor($hg-warning) !important
.bg-overlay
*
color: findTextColor($hg-overlay) !important
.bg-primary
::selection, ::-moz-selection
background-color: findTextColor($hg-primary) !important
color: $hg-primary !important
.bg-danger
::selection, ::-moz-selection
background-color: findTextColor($hg-danger) !important
color: $hg-danger !important
.bg-warning
::selection, ::-moz-selection
background-color: findTextColor($hg-warning) !important
color: $hg-warning !important
.bg-overlay
::selection, ::-moz-selection
background-color: findTextColor($hg-overlay) !important
color: $hg-overlay !important
.bg-danger
.btn-outline-danger
border-color: findTextColor($hg-danger) !important
.bg-danger
.btn-outline-danger:hover
background-color: findTextColor($hg-danger) !important
color: $hg-danger !important
.bg-danger
hr
background-color: darken($hg-danger, 10%)
.modal-body > p
padding-left: 0.3rem !important
.modal-title
padding-bottom: 1rem !important
.popover-body
max-height: 60vh !important
overflow-y: auto !important
.jumbotron.bg-danger
margin-top: 10% !important
margin-bottom: 10% !important
Reference in a new issue View git blame Copy permalink