parsley/app/javascript/styles/index.scss

// coolors.co pallet
$coolors-dark: rgba(29, 30, 24, 1);
$coolors-blue: rgba(67, 127, 151, 1);
$coolors-green: rgba(121, 167, 54, 1);
$coolors-red: #ab4c34;
$coolors-yellow: rgba(240, 162, 2, 1);

$family-serif: Georgia, "Times New Roman", Times, serif;

@use "bulma/sass" as bulma with (
  $family-primary: $family-serif,
  $green: $coolors-green,
  $blue: $coolors-blue,
  $red: $coolors-red,
  $yellow: $coolors-yellow,
  $dark: $coolors-dark,
  $primary: $coolors-green,
  $modal-content-width: 750px
);

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

html {
  height: 100%;
}

body {
  min-height: 100%;
}

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

#main {
  padding-top: 1rem;

  .container {
    padding: 1rem;
    background-color: bulma.$white;
    min-height: 75vh;
  }
}

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

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

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