<commit_before>/*
 *= require rails_bootstrap_forms
 *= require_tree ../../../vendor/assets/stylesheets/.
 *= require_self
 *= require_tree .
*/

$spacer: .5rem !default;

$spacers: () !default;
// stylelint-disable-next-line scss/dollar-variable-default
$spacers: map-merge(
  (
    0: 0,
    1: ($spacer * .25), //.125 rem
    2: ($spacer * .5), //.25 rem
    3: $spacer, //.5 rem
    4: ($spacer * 1.5), //.75rem
    5: ($spacer * 2), //1rem
    6: ($spacer * 3) //1.5rem

  ),
  $spacers
);

@import "bootstrap";
@charset "utf-8";

$daria-color: #5D3E8D;
$grey-color: #828282;
$font-size: 17px;


// Override to the global link style.
// TODO do this with a bootstrap global, or move it to general styling.
a {
  color: #337ab7;
  text-decoration: none;
}

a:hover, a:active, a:visited, a:focus {
  color: #23527c;
  text-decoration: underline;
}

/* NAVBAR */
.navbar-inverse{
  background-color: #f5f5f5;
  border: none;
  .navbar-header > a, .navbar-nav > li > a, .navbar-link{
    color: $daria-color;
    &:hover{
      color: lighten($daria-color, 20%);
      text-decoration: underline;
    }
    &:visited{
      color: #000080;
    }
  }

  .navbar-text {
    color: $daria-color;
  }

  .navbar-text-alt {
    color: $grey-color;
  }
}

/* GENERAL GLOBAL STYLING */
body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: $font-size;
}

.form-error {
  color: red;
  font-size: 14px;
}

.btn-primary {
  @extend .btn-primary;
  background-color: $daria-color;
  border: none;
  margin-bottom: 2px;
  font-size: $font-size;
}

.btn-primary:hover {
  background-color: lighten($daria-color,15%);
}

.border-bottom {
  border-bottom: 1px solid black;
  padding-bottom: 10px;
}

// Styling for #app_footer
#app_footer .glyphicon-earphone {
  color: inherit;
  background-color: inherit;
  vertical-align: top;
}
.hr_gradient {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}
.logo {
  display: inline-block;
  padding: 0 10px;
  height: 45px;
}

// empty add - char
.blush:empty:before {
  content: '\2013';
  padding-left: 2px;
  padding-right: 2px;
}

// add spacing
.margin-bottom {
  margin-bottom: 3em;
}
.margin-bottom-sm {
  margin-bottom: 1.5em;
}

// increase size of text in form fields
.form-control {
  font-size: $font-size;
}

.btn-lg {
  margin: 15px 0;
  padding: 15px 30px;
}

#flash {
  position: absolute;
  width: 100%;
  z-index: 999;
  transition-duration: .5s;
  &:hover {
    opacity: .5;
  }
}

// General styling artifacts
// make all images responsive by default
img {
  @extend .img-fluid;
  margin: 0 auto;
  }
// override for the 'Home' navigation link
.navbar-brand {
  font-size: inherit;
}

.column {
  @extend .col-md-6;
  @extend .text-center;
  }
.form {
  @extend .col-md-6;
  }
.form-centered {
  @extend .col-md-6;
  @extend .text-center;
  }
.submit {
  @extend .btn;
  @extend .btn-primary;
  @extend .btn-lg;
  }

// apply styles to HTML elements
// to make views framework-neutral

html {
  font-size: $font-size;
}
main {
  background-color: #ffffff;
  padding-bottom: 80px;
  width: 100%;
  margin-top: 51px; // accommodate the navbar
}

section {
  @extend .row;
  margin-top: 20px;
}

h1.title {
  font-weight: 100;
  margin-bottom: 20px;
  letter-spacing: 1.5px;
  font-size: 3rem;
  span {
    letter-spacing: .25px;
  }
}
h2 {
  font-size: 2.215rem;
}
h3 {
  font-size: 1.625rem;
}
h4 {
  font-size: 1.375rem;
}
h5 {
  font-size: 1.125rem;
}


// Styles for form views
// using Bootstrap
// generated by the rails_layout gem
.authform {
  @extend .card-header;
  // @extend .well-lg;
  @extend .mx-auto;
  padding-top: 20px;
  /*max-width: 320px;*/
  border: 1px solid rgb(227, 277, 277);
  border-radius: 6px;
  margin: 0 auto;
}

.authform form {
  padding-bottom: 20px;
}
.authform .right {
  float: right !important;
}
.authform .button {
  @extend .btn;
  @extend .btn-primary;
}
.authform fieldset {
  @extend .card-header;
}
#error_explanation {
  @extend .alert;
  @extend .alert-danger;
}
#error_explanation h2 {
  font-size: 16px;
}
.button-xs {
// maybe deleteable?
  @extend .btn;
  @extend .btn-primary;
  @extend .btn-sm;
}

.info-form .checkbox label {
  font-weight: bold;
}

// Search result
// shell styling
.form-group input {
  &[type="date"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
  }

}

$daria-color-lt : #825fb9;

// Modal partial styling
.btn-success {

  background-color: $daria-color;
  border-color: $daria-color;

  &:hover {
    background-color: $daria-color-lt;
    border-color: $daria-color;
  }
  &:active {
    background-color: #286090 !important;
  }
  &:focus {
    background-color: $daria-color;
    &:hover {
    background-color: $daria-color-lt;
    }
  }

}




.btn-warning {
  color: black;
  border-color: $daria-color;
  background-color: white;
  &:hover {
    background-color: $daria-color-lt;
    border-color: $daria-color;
  }
  &:active {
    background-color: #286090 !important;
  }
  &:focus {
    background-color: $daria-color;
    &:hover {
    background-color: $daria-color-lt;
    }
  }
}

@mixin disabled-button {
  color: white;
  background-color: gray;
  border-color: $daria-color;
  &:hover {
    background-color: gray;
    border-color: $daria-color;
  }
  &:focus {
    background-color: gray;
    border-color: $daria-color;
    &:hover {
      background-color: gray;
      border-color: $daria-color;
    }
  }
}

.btn-success[disabled] {
  @include disabled-button;
}

.btn-warning[disabled] {
  @include disabled-button;
}

.label-success {
  background-color: $daria-color;
}

.btn[data-orientation='cancel'] {
  color: red;
}

.modal-header, .modal-body, .modal-footer {
  padding: 30px
}

.modal-header > h4 {
  padding-left: 1em;
  .label {
    margin-left: -2em;
  }
}

#flash {
  position: fixed;
}

// .input-group-prepend {
//   @extend .input-group-addon;
// }

.form-check label {
  min-height: 20px;
  font-weight: 400;
  cursor: pointer;
  line-height: 1.5;
}

.form-check-label{
  display: inline;
}

#event-list{
  list-style: none;
}

// TOOLTIPS
.tooltip-inner {
  font-size: 12px;
}

// Form styling
label {
  font-weight: 700;
}

form {
  line-height: 1.0;
}

.hidden {
  display: none;
}
.bottom-spacer {
  margin-bottom: .75em;
}

// This is necessary because of a vendored multimodal plugin that we should aim to deprecate
.hide {
  @extend .d-none;
}

// widen default modal from bootstrap default
.modal-dialog {
  max-width: 60%;
}
<commit_msg>standardize focus states on both buttons and anchor tags<commit_after>/*
 *= require rails_bootstrap_forms
 *= require_tree ../../../vendor/assets/stylesheets/.
 *= require_self
 *= require_tree .
*/

$spacer: .5rem !default;

$spacers: () !default;
// stylelint-disable-next-line scss/dollar-variable-default
$spacers: map-merge(
  (
    0: 0,
    1: ($spacer * .25), //.125 rem
    2: ($spacer * .5), //.25 rem
    3: $spacer, //.5 rem
    4: ($spacer * 1.5), //.75rem
    5: ($spacer * 2), //1rem
    6: ($spacer * 3) //1.5rem

  ),
  $spacers
);

@import "bootstrap";
@charset "utf-8";

$daria-color: #5D3E8D;
$grey-color: #828282;
$font-size: 17px;


// Override to the global link style.
// TODO do this with a bootstrap global, or move it to general styling.
a {
  color: #337ab7;
  text-decoration: none;
}

a:hover, a:active, a:visited, a:focus {
  color: #23527c;
  text-decoration: underline;
}

/* NAVBAR */
.navbar-inverse{
  background-color: #f5f5f5;
  border: none;
  .navbar-header > a, .navbar-nav > li > a, .navbar-link{
    color: $daria-color;
    &:hover{
      color: lighten($daria-color, 20%);
      text-decoration: underline;
    }
    &:visited{
      color: #000080;
    }
  }

  .navbar-text {
    color: $daria-color;
  }

  .navbar-text-alt {
    color: $grey-color;
  }
}

/* GENERAL GLOBAL STYLING */
body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: $font-size;
}

.form-error {
  color: red;
  font-size: 14px;
}

.btn-primary {
  @extend .btn-primary;
  background-color: $daria-color;
  border: none;
  margin-bottom: 2px;
  font-size: $font-size;
}

.btn-primary:hover {
  background-color: lighten($daria-color,15%);
}

.btn-primary:focus {
  background-color: lighten($daria-color,15%);
  color: white;
  text-decoration: none;
}

.border-bottom {
  border-bottom: 1px solid black;
  padding-bottom: 10px;
}

// Styling for #app_footer
#app_footer .glyphicon-earphone {
  color: inherit;
  background-color: inherit;
  vertical-align: top;
}
.hr_gradient {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}
.logo {
  display: inline-block;
  padding: 0 10px;
  height: 45px;
}

// empty add - char
.blush:empty:before {
  content: '\2013';
  padding-left: 2px;
  padding-right: 2px;
}

// add spacing
.margin-bottom {
  margin-bottom: 3em;
}
.margin-bottom-sm {
  margin-bottom: 1.5em;
}

// increase size of text in form fields
.form-control {
  font-size: $font-size;
}

.btn-lg {
  margin: 15px 0;
  padding: 15px 30px;
}

#flash {
  position: absolute;
  width: 100%;
  z-index: 999;
  transition-duration: .5s;
  &:hover {
    opacity: .5;
  }
}

// General styling artifacts
// make all images responsive by default
img {
  @extend .img-fluid;
  margin: 0 auto;
  }
// override for the 'Home' navigation link
.navbar-brand {
  font-size: inherit;
}

.column {
  @extend .col-md-6;
  @extend .text-center;
  }
.form {
  @extend .col-md-6;
  }
.form-centered {
  @extend .col-md-6;
  @extend .text-center;
  }
.submit {
  @extend .btn;
  @extend .btn-primary;
  @extend .btn-lg;
  }

// apply styles to HTML elements
// to make views framework-neutral

html {
  font-size: $font-size;
}
main {
  background-color: #ffffff;
  padding-bottom: 80px;
  width: 100%;
  margin-top: 51px; // accommodate the navbar
}

section {
  @extend .row;
  margin-top: 20px;
}

h1.title {
  font-weight: 100;
  margin-bottom: 20px;
  letter-spacing: 1.5px;
  font-size: 3rem;
  span {
    letter-spacing: .25px;
  }
}
h2 {
  font-size: 2.215rem;
}
h3 {
  font-size: 1.625rem;
}
h4 {
  font-size: 1.375rem;
}
h5 {
  font-size: 1.125rem;
}


// Styles for form views
// using Bootstrap
// generated by the rails_layout gem
.authform {
  @extend .card-header;
  // @extend .well-lg;
  @extend .mx-auto;
  padding-top: 20px;
  /*max-width: 320px;*/
  border: 1px solid rgb(227, 277, 277);
  border-radius: 6px;
  margin: 0 auto;
}

.authform form {
  padding-bottom: 20px;
}
.authform .right {
  float: right !important;
}
.authform .button {
  @extend .btn;
  @extend .btn-primary;
}
.authform fieldset {
  @extend .card-header;
}
#error_explanation {
  @extend .alert;
  @extend .alert-danger;
}
#error_explanation h2 {
  font-size: 16px;
}
.button-xs {
// maybe deleteable?
  @extend .btn;
  @extend .btn-primary;
  @extend .btn-sm;
}

.info-form .checkbox label {
  font-weight: bold;
}

// Search result
// shell styling
.form-group input {
  &[type="date"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
  }

}

$daria-color-lt : #825fb9;

// Modal partial styling
.btn-success {

  background-color: $daria-color;
  border-color: $daria-color;

  &:hover {
    background-color: $daria-color-lt;
    border-color: $daria-color;
  }
  &:active {
    background-color: #286090 !important;
  }
  &:focus {
    background-color: $daria-color;
    &:hover {
    background-color: $daria-color-lt;
    }
  }

}




.btn-warning {
  color: black;
  border-color: $daria-color;
  background-color: white;
  &:hover {
    background-color: $daria-color-lt;
    border-color: $daria-color;
  }
  &:active {
    background-color: #286090 !important;
  }
  &:focus {
    background-color: $daria-color;
    &:hover {
    background-color: $daria-color-lt;
    }
  }
}

@mixin disabled-button {
  color: white;
  background-color: gray;
  border-color: $daria-color;
  &:hover {
    background-color: gray;
    border-color: $daria-color;
  }
  &:focus {
    background-color: gray;
    border-color: $daria-color;
    &:hover {
      background-color: gray;
      border-color: $daria-color;
    }
  }
}

.btn-success[disabled] {
  @include disabled-button;
}

.btn-warning[disabled] {
  @include disabled-button;
}

.label-success {
  background-color: $daria-color;
}

.btn[data-orientation='cancel'] {
  color: red;
}

.modal-header, .modal-body, .modal-footer {
  padding: 30px
}

.modal-header > h4 {
  padding-left: 1em;
  .label {
    margin-left: -2em;
  }
}

#flash {
  position: fixed;
}

// .input-group-prepend {
//   @extend .input-group-addon;
// }

.form-check label {
  min-height: 20px;
  font-weight: 400;
  cursor: pointer;
  line-height: 1.5;
}

.form-check-label{
  display: inline;
}

#event-list{
  list-style: none;
}

// TOOLTIPS
.tooltip-inner {
  font-size: 12px;
}

// Form styling
label {
  font-weight: 700;
}

form {
  line-height: 1.0;
}

.hidden {
  display: none;
}
.bottom-spacer {
  margin-bottom: .75em;
}

// This is necessary because of a vendored multimodal plugin that we should aim to deprecate
.hide {
  @extend .d-none;
}

// widen default modal from bootstrap default
.modal-dialog {
  max-width: 60%;
}

{'fraction_non_alphanumeric': 0.1660782693607752, 'fraction_numerical': 0.03395177645910013, 'mean_word_length': 2.771671388101983, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 11, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2483013', 'n_tokens_mistral': 5730, 'n_tokens_neox': 5270, 'n_words': 1197}