parsley/app/javascript/styles/index.scss

@import "./variables";

@import "~bulma/sass/utilities/_all";
@import "~bulma/sass/base/_all";
@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";

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;
  }
}