wikirate skin

// NOTE: standard bootstrap color variables should be changed not
// here but in the +:color card

/*----------- WikiRate Categories ---------*/

$yellow-orange: #F7B13D;

$company-color: $purple;
$company-group-color: $red;
$metric-color: $purple;
$answer-color: $metric-color;
$record-color: $metric-color;
$topic-color: $teal;
$source-color: $metric-color;
$user-color: $teal;
$research-group-color: $red;
$project-color: $topic-color;
$dataset-color: $topic-color;
$year-color: $yellow;

/*----------- WikiRate Scores ---------*/

$score-colors: (
  "0": $red,
  "1": #EF5A45,
  "2": $orange,
  "3": #F7923D,
  "4": $yellow-orange,
  "5": $yellow,
  "6": #BFCA4B,
  "7": $green,
  "8": #4DBE85,
  "9": $teal
);

/*----------- Other WikiRate-specific variables ---------*/

$light-purple:  #EDEBF9;
$light-purple-1: #fbfafe;
$light-purple-2: #dfdcf4;
$light-purple-3: #d2cdf0;

$purple-grad-1: #6B5CD8;
$purple-grad-2: #7F73D5;

$orange-grad-1: #FF7035;
$orange-grad-2: #FF8C5C;

$light-teal: #e4f6f3;
$light-red: #FAEFEA;


//      Teal            #09AB90
//      Light Teal        #e4f6f3
//      Shade 1        #f3fbfa
//      Shade 2        #d5f1ec
//      Shade 3        #c7ece6
//
//      Red-O        #F7733D
//      Light Red-O    #FAEFEA
//      Shade 1        #fefbfa
//      Shade 3        #f6e3da
//      Shade 4        #f2d7ca


$verification-flag-color: $red;
$top-bar-anchor-color: $primary;

// badge levels
$gold: gold;
$silver: silver;
$bronze: #cd7f32;

//----------- Bootstrap Overrides ---------

$h1-font-size: 2.1rem;
$h2-font-size: 1.9rem;

$border-color: $gray-200;
$table-group-separator-color: $gray-200;

$box-shadow-sm: 0 5px 10px 0 rgba($dark, .12);
$box-shadow: 0 5px 10px 0 rgba($dark, .2);
$box-shadow-lg: 0 10px 20px 0 rgba($dark, .3);

// $btn-border-radius: 49.9rem;
// $btn-border-radius-lg: 50.1rem;
// $form-select-border-radius: 50.2rem;
// $form-select-border-radius-lg: 50.3rem;
// $input-border-radius: 50.4rem;

// NOTE: s2b5 = select2 bootstrap 5
$s2bs5-border-radius: .25rem;
$s2bs5-border-radius-sm: .25rem;
$s2bs5-border-radius-lg: .25rem;

// NOTE: scroll-behavior: smooth breaks cypress tests
$enable-smooth-scroll: false;

// $input-btn-padding-x: 1rem;
// $input-btn-padding-x-sm: 0.5rem;
// $input-btn-padding-x-lg: 2rem;

//----------- Slick Overrides ---------

$slick-font-path: "/mod/wikirate/slick_fonts/";
$slick-loader-path: "/mod/wikirate/";
$slick-arrow-color: $primary;

$transition-base:             all .3s ease-in-out;
$transition-fade:             opacity .3s linear;

//------------ transitions for smooth links

$transition-speed: 0.08s;
a {
  -webkit-transition: all $transition-speed ease;
  -moz-transition:    all $transition-speed ease;
  -ms-transition:     all $transition-speed ease;
  -o-transition:      all $transition-speed ease;
  transition:         all $transition-speed ease;
}