<commit_before>@import "bootstrap-sprockets";
@import "bootstrap";

// Colors constants

// Bootstrap defines lots of colors constants which can be directly used
// here. For the whole list, see:
//   https://github.com/twbs/bootstrap/blob/master/less/variables.less
// That page defines variables using Less, not Sass, but the
// 'bootstrap-sass' gem provides the Sass equivalents. So, here use
// them with a dollar sign $ instead of the 'at' sign @.
// Source: https://www.railstutorial.org/book/_single-page#uid455

// Customize the color depending on the enviroment to make evident at which
// platform we are looking and prevent errors, e.g. thinking production is a
// test platform and deleting some users.
<% if Rails.env.development? %>
  $basiblau: #F2AE43; // yellowish warning, see http://colorrrs.com/#F2AE43
<% elsif ENV['HEROKU_APP_NAME'] == "basimilch-dev" %>
  $basiblau: #D82689; // pinkish, see http://colorrrs.com/#D82689
<% else %>
  $basiblau: #51A1D9; // normal basiblau, see http://colorrrs.com/#51A1D9
<% end %>

$basiblau_slightly_darker: darken( $basiblau, 10% );
$basiblau_darker: darken( $basiblau, 15% );
$basiblau_light: lighten( $basiblau, 25% );
$basiblau_ultralight: lighten( $basiblau, 36% );
$basiblau_ultralight_bg: lighten( $basiblau, 40.5% );

$gray-medium-light: #eaeaea;

$state-danger-text-light: lighten($state-danger-text, 40%);
$state-danger-bg-light:   lighten($state-danger-bg, 7%);

// Mixins

@mixin box_sizing {
  -moz-box-sizing:    border-box;
  -webkit-box-sizing: border-box;
  box-sizing:         border-box;
}

@mixin light_placeholder {
  color: $basiblau_light;
  opacity: 1;
}
@mixin light_placeholder_with_errors {
  @include light_placeholder;
  color: $state-danger-text-light;
}

// Global

body {
  padding-top: 80px;
  @media print {
    padding-top: 5px;
  }
}

html.turbolinks-progress-bar::before {
  background-color: white !important;
  height: 4px !important;
}

// Misc

// Inspired from:
//   https://www.railstutorial.org/book/_single-page#code-mixin_and_debug
.debug_dump {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 45px;
  @include box_sizing;
}
.translation_missing {
  background-color: yellow;
  color: black;
}
// Show placeholder links as disabled.
a[href="#"]:not(.dropdown-toggle) {
  opacity: .4;
  cursor: not-allowed;
  &:hover {
    background: none;<commit_msg>fix: css (color and width) for turbolinks progress bar<commit_after>@import "bootstrap-sprockets";
@import "bootstrap";

// Colors constants

// Bootstrap defines lots of colors constants which can be directly used
// here. For the whole list, see:
//   https://github.com/twbs/bootstrap/blob/master/less/variables.less
// That page defines variables using Less, not Sass, but the
// 'bootstrap-sass' gem provides the Sass equivalents. So, here use
// them with a dollar sign $ instead of the 'at' sign @.
// Source: https://www.railstutorial.org/book/_single-page#uid455

// Customize the color depending on the enviroment to make evident at which
// platform we are looking and prevent errors, e.g. thinking production is a
// test platform and deleting some users.
<% if Rails.env.development? %>
  $basiblau: #F2AE43; // yellowish warning, see http://colorrrs.com/#F2AE43
<% elsif ENV['HEROKU_APP_NAME'] == "basimilch-dev" %>
  $basiblau: #D82689; // pinkish, see http://colorrrs.com/#D82689
<% else %>
  $basiblau: #51A1D9; // normal basiblau, see http://colorrrs.com/#51A1D9
<% end %>

$basiblau_slightly_darker: darken( $basiblau, 10% );
$basiblau_darker: darken( $basiblau, 15% );
$basiblau_light: lighten( $basiblau, 25% );
$basiblau_ultralight: lighten( $basiblau, 36% );
$basiblau_ultralight_bg: lighten( $basiblau, 40.5% );

$gray-medium-light: #eaeaea;

$state-danger-text-light: lighten($state-danger-text, 40%);
$state-danger-bg-light:   lighten($state-danger-bg, 7%);

// Mixins

@mixin box_sizing {
  -moz-box-sizing:    border-box;
  -webkit-box-sizing: border-box;
  box-sizing:         border-box;
}

@mixin light_placeholder {
  color: $basiblau_light;
  opacity: 1;
}
@mixin light_placeholder_with_errors {
  @include light_placeholder;
  color: $state-danger-text-light;
}

// Global

body {
  padding-top: 80px;
  @media print {
    padding-top: 5px;
  }
}

.turbolinks-progress-bar {
  background-color: white !important;
  height: 4px !important;
}

// Misc

// Inspired from:
//   https://www.railstutorial.org/book/_single-page#code-mixin_and_debug
.debug_dump {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 45px;
  @include box_sizing;
}
.translation_missing {
  background-color: yellow;
  color: black;
}
// Show placeholder links as disabled.
a[href="#"]:not(.dropdown-toggle) {
  opacity: .4;
  cursor: not-allowed;
  &:hover {
    background: none;
{'fraction_non_alphanumeric': 0.14591643921897962, 'fraction_numerical': 0.021834977955070334, 'mean_word_length': 3.9470404984423677, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 11, 'https://': 6, 'lorem ipsum': 0, 'www.': 4, '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': '4539040', 'n_tokens_mistral': 1857, 'n_tokens_neox': 1741, 'n_words': 419}