101 lines
No EOL
1.8 KiB
Sass
101 lines
No EOL
1.8 KiB
Sass
---
|
|
---
|
|
@import 'variables'
|
|
|
|
body
|
|
padding-top: 50px
|
|
font-size: $font-size
|
|
|
|
.promise__actions
|
|
text-align: center
|
|
|
|
.navbar-form
|
|
border-top: 0px
|
|
|
|
.promises-header__close
|
|
margin-top: -30px
|
|
|
|
.promises__search-row
|
|
margin-top: 15px
|
|
margin-bottom: 15px
|
|
|
|
.promises__category-row
|
|
margin-bottom: 15px
|
|
|
|
.promise__status
|
|
text-align: center
|
|
|
|
.loading
|
|
color: rgba(0, 0, 0, 0.5)
|
|
font-style: normal
|
|
|
|
// bootstrap v4-alpha colors for `compromised` - modified `muted`
|
|
|
|
.btn-compromised
|
|
color: #ffffff
|
|
background-color: #a6b5bf
|
|
border-color: #a6b5bf
|
|
|
|
.list-group-item-compromised
|
|
background-color: #b5cede
|
|
color: #4e5459
|
|
|
|
.compromised
|
|
background-color: #ccdde8!important
|
|
|
|
.btn-compromised.active, .btn-compromised:active, .open>.dropdown-toggle.btn-compromised
|
|
color: #ffffff
|
|
background-color: #97a6af
|
|
border-color: #97a6af
|
|
|
|
.btn-compromised:hover
|
|
color: #ffffff
|
|
background-color: #97a6af
|
|
border-color: #97a6af
|
|
|
|
// remove buttons on category filters on mobile and keep icons only
|
|
|
|
@media only screen and (max-width: 760px)
|
|
.remove-on-mobile
|
|
display: none
|
|
|
|
@media only screen and (max-width: 480px)
|
|
#center-on-mobile
|
|
margin: auto
|
|
width: 70%
|
|
|
|
// -----------------------------------------------------------------
|
|
|
|
// all other css selectors which require color
|
|
|
|
// .btn-compromised
|
|
// background-color: #ccdde8
|
|
// border-color: #ccdde8
|
|
|
|
// .badge
|
|
// color: #ccdde8
|
|
// background-color: #fff
|
|
|
|
// .label-compromised
|
|
// background-color: #ccdde8
|
|
|
|
// .label-compromised
|
|
// background-color: #ccdde8
|
|
|
|
// .progress-bar-compromised
|
|
// background-color: #ccdde8
|
|
|
|
|
|
// new colors from bootstrap v4 alpha
|
|
|
|
// .warning
|
|
// color: #d9534f!important
|
|
|
|
// .danger
|
|
// color: #f0ad4e!important
|
|
|
|
// .info
|
|
// color: #5bc0de!important
|
|
|
|
// .success
|
|
// color: #5cb85c!important |