parsley/app/javascript/styles/index.scss

@import "./variables";

@import "~bulma/sass/utilities/_all";
@import "~bulma/sass/base/_all";
@import "~bulma/sass/components/dropdown";
@import "~bulma/sass/components/navbar";
@import "~bulma/sass/components/level";
@import "~bulma/sass/components/message";
@import "~bulma/sass/components/modal";
@import "~bulma/sass/components/pagination";
@import "~bulma/sass/elements/_all";
@import "~bulma/sass/grid/columns";
@import "~bulma/sass/layout/section";

@import "./responsive_controls";
@import "./wide_modal";
@import "./iconic";

html {
  height: 100%;
}

body {
  min-height: 100%;
}

body {
  background-color: $grey-dark;
  padding-bottom: 2rem;
}

#app {
  padding-top: 1rem;

  .container {
    padding: 1rem;
    background-color: $white;
  }
}

.title, .subtitle, .navbar, .button, .pagination, .modal-card-title, th {
  font-family: $family-sans-serif;
}

.pagination:not(:last-child) {
  margin-bottom: 1em;
}

.is-strikethrough {
  text-decoration: line-through;
}