vol1ura/Sat_9am_5km

View on GitHub
app/assets/stylesheets/active_admin.scss

Summary

Maintainability
Test Coverage
// Sass variable overrides must be declared before loading up Active Admin's styles.
//
// To view the variables that Active Admin provides, take a look at
// `app/assets/stylesheets/active_admin/mixins/_variables.scss` in the
// Active Admin source.
//
// For example, to change the sidebar width:
// $sidebar-width: 242px;
$primary-color: #2a2951 !default;
$secondary-color: #a0a0a0 !default;
$table-stripe-color: lighten($primary-color, 70%) !default;
$link-color: #144469 !default;
$text-color: #0f0f0f !default;
$error-color: #e61ccc !default;
$breadcrumbs-color: $link-color !default;
$table-error-color: lighten($error-color, 25%);

// Active Admin's got SASS!
@import "active_admin/mixins";
@import "active_admin/base";
@import "activeadmin/quill_editor/quill.snow";
@import "activeadmin/quill_editor_input";
@import "active_admin/searchable_select";

// Overriding any non-variable Sass must be done after the fact.
// For example, to change the default status-tag color:
//
//   .status_tag { background: #6090DB; }
body {
  font-size: 82%;
}

.suggestions {
  position: absolute;
  cursor: pointer;
  z-index: 100;
  opacity: 0.91;
  background-color: #eee;
  border-radius: 0 0 4px 4px;
  top: 100%;
  left: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  box-shadow: 0 0 10px #818181;
}

.suggestions li:first-child {
  border-top: none !important;
}

.suggestions li {
  padding: 5px 10px;
}

.suggestions li:hover {
  background-color: #ddd;
}

.suggestions li.active {
  background-color: #54528b !important;
  color: #fff;
}

.autocomplete {
  position: relative;
  margin: 4px 10px;
}

.autocomplete .query-field {
  width: 100%;
}

.img-badge {
  max-width: 100%;
  max-height: 200px;
  object-fit: scale-down;
}

tr.odd,
tr.even {
  &.athlete-error {
    td.col-athlete {
      background-color: $table-error-color;
    }
  }
  td.col-position,
  td.col-total_time {
    &.error {
      background-color: $table-error-color;
    }
  }
}

.ui-datepicker-calendar td:nth-child(6) {
  background: #ffb9f6;
}