spielhoelle/zelos

View on GitHub
app/assets/stylesheets/_materialize_overwrites.sass

Summary

Maintainability
Test Coverage
a
  color: $green
p
  line-height: 2rem

.button-collapse
  color: #26a69a

.parallax-container
  min-height: 380px
  line-height: 0
  height: auto
  color: rgba(255, 255, 255, 0.9)
  .section
    width: 100%

@media only screen and (max-width: 992px)
  .parallax-container .section
    position: absolute
    top: 40%
  #index-banner .section
    top: 10%

@media only screen and (max-width: 600px)
  #index-banner .section
    top: 0

.icon-block
  padding: 0 15px
  .material-icons
    font-size: inherit

footer.page-footer
  margin: 0

table.striped > tbody > tr:nth-child(odd) 
  background-color: $black

table.highlight > tbody > tr:hover
  background-color: $black2
.collection.with-header .collection-header
  background-color: $black
  border-bottom: $black2
.collection
  border: 1px solid $black2
  .collection-item
    background-color: $black

.input-field input[type=search] 
  background-color: $black
  &:focus 
    background-color: $black2
    color: white

    & + label i,
    & ~ .mdi-navigation-close,
    & ~ .material-icons 
      color: white
    
  

.card-panel
  background-color: $black
.side-nav li > a 
  color: white
.border-bottom
  border-bottom: 1px solid $green
.material-tooltip span
  color: white
.no-max-width
  max-width: none

.condensed_simple_format
  p
    margin: 0
    line-height: inherit
.z-index-1000
  z-index: 1000
.diff *
  color: inherit

textarea
  -webkit-appearance: none
  border-radius: 0 !important

input
  &[type="text"], &[type="button"], &[type="submit"], &[type="search"]
    -webkit-appearance: none
    border-radius: 0 !important
    -webkit-border-radius: 0

.input-field input[type=search] + label
  transform: translateY(0)
nav .nav-wrapper form, nav .nav-wrapper form .input-field
  height: 100%
body.entries-index,
body.bills-index,
body.summaries-index
  table tbody th 
    padding: 5px
    background-color: #111

.dropdown-content 
  background-color: $black
  li 
    a 
      font-size: inherit
    span
      color: darken(white, 10)
    &:hover, &.active, &.selected 
      background-color: darken($black, 5%)
    &.active.selected 
      background-color: darken($black, 5%)

.autocomplete-content li .highlight    
  color: $green
.toast
  background-color: white
  color: $black


input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea
  border-color: $black2