panterch/ananas

View on GitHub
app/assets/stylesheets/materialize-adaptions.scss

Summary

Maintainability
Test Coverage

.navbar-fixed nav {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}

// Use no rounded borders on buttons etc.
.waves-input-wrapper {
  border-radius: $button-radius;
}

body nav.nav-wrapper {
  background: linear-gradient(135deg, $color-4, $color-2)
}

html {
  color: $color-dark-violet;
}

// Header styles
h1, h2, h3, h4, h5, h6 {
  color: $color-dark;
}

// smaller item collection for condensed index lists
.collection .collection-item.avatar {
  min-height: 68px;
}

.collection.collapsible {
  border-bottom-width: 0;
}

// not only p but every element in collabsible body should be indented
.collapsible-body {
  margin: 0;
  padding: 2rem;

  p { padding: 0; }
}

// overwrite the width of buttons in collapsibles. the original with is ment
// for simple icons, not buttons
.collapsible-header {
  .secondary-content {
    width: 200px;

    .fixed-action-btn i {
      width: inherit;
    }
  }
}

// align icons in link collections
a.collection-item .material-icons {
  vertical-align: bottom;
}