126 lines
2.4 KiB
SCSS
Vendored
126 lines
2.4 KiB
SCSS
Vendored
// Breaking Points
|
|
$large_screen: 1366px;
|
|
$big_screen: 1200px;
|
|
$desktop: 1024px;
|
|
$tablet: 768px;
|
|
$mobile: 500px;
|
|
$xmobile: 320px;
|
|
|
|
@mixin min-width($width) {
|
|
@media screen and (min-width: $width), print and (min-width: $width) {
|
|
@content;
|
|
}
|
|
}
|
|
@mixin max-width($width) {
|
|
@media screen and (max-width: $width), print and (max-width: $width) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
// Main Menu
|
|
$menuBaseHeight: 5rem;
|
|
$menuBreakPoint: $desktop - 24px;
|
|
|
|
// Typography
|
|
$font-family-sans-serif: "Nunito", sans-serif;
|
|
$font-size-base: 0.9rem;
|
|
$line-height-base: 1.6;
|
|
|
|
// Colors
|
|
$blue: #3490dc;
|
|
$indigo: #6574cd;
|
|
$purple: #9561e2;
|
|
$pink: #f66d9b;
|
|
$red: #e3342f;
|
|
$orange: #f6993f;
|
|
$yellow: #ffed4a;
|
|
$green: #38c172;
|
|
$teal: #4dc0b5;
|
|
$cyan: #6cb2eb;
|
|
$white: #fbf8f5;
|
|
|
|
$color0: #000;
|
|
$primary: #3176c4;
|
|
$secondary: #e7374b;
|
|
$color1: #f3ebe4;
|
|
$color2: #07386a;
|
|
$color3: #0f437e;
|
|
$color4: #1e5ba1;
|
|
$color5: #4e3238;
|
|
$color6: #f79e15;
|
|
$color7: #e02125;
|
|
$color8: #ffb504;
|
|
$color9: #c6bcb3;
|
|
$color10: #999595;
|
|
$color11: #ab9d8e;
|
|
$color12: #ffc400;
|
|
$color13: #8d3d16;
|
|
$orange: #ffb400;
|
|
$primary-color: $primary;
|
|
$secondary-color: $secondary;
|
|
|
|
$vegetal: #a2e48b;
|
|
$vegetalBodyBG: #8dd175;
|
|
$vegetalTitle: #64ab4b;
|
|
$pmuColor: #003b22;
|
|
|
|
// OP Insta
|
|
$opinsta-yellow: #ffb504;
|
|
$opinsta-red: #d02e27;
|
|
$opinsta-font-color: #4B3236;
|
|
$opinsta-bg-brown: #4B3236;
|
|
$opinsta-bg-beige: #f3ebe4;
|
|
|
|
// on s'engage
|
|
$engagementDarkerGreen: #082014;
|
|
$engagementDarkGreen: #006633;
|
|
$engagementLightGreen: #8ac51d;
|
|
$engagementMajorBreakPoint: $big_screen + 30px;
|
|
|
|
// Actus
|
|
$actuTime: #a29094;
|
|
$filterButtonBG: #d0c2b3;
|
|
$containerMaxWidth: 77.466rem; // 1162px
|
|
$articleMaxWith: 24.4rem; // 366px
|
|
$articleMaxHeigth: 40.6rem; // 609px
|
|
$articleGutter: 2.13rem; // 32px
|
|
$imageHeight: 15.865rem; // 238px
|
|
|
|
// Body
|
|
$body-bg: $color1;
|
|
|
|
// Products
|
|
$filterSubRangesBg: #e6d6c7;
|
|
|
|
// HEALTH NUTRITION
|
|
$healthColor: #abccb7;
|
|
|
|
// POULTRY PAGE
|
|
$subtitleColor: #ee7c28;
|
|
|
|
// Breeding Colo
|
|
$breedingColor: #366;
|
|
|
|
// Bourse
|
|
$gives: #cf1d40;
|
|
$wants: darken(adjust-hue($orange, -5), 10%);
|
|
$has: #6cc18a;
|
|
$baseMapColor: #4b84c1;
|
|
$baseMapOutline: #fff;
|
|
$departaimantColor: #9c549e;
|
|
|
|
$collectionBtnColor: #fff;
|
|
$vintageColor: darken(#e77b32, 10%);
|
|
$actualColor: #974c99;
|
|
|
|
$bgInputColor: #fff;
|
|
$textInputColor: #615d5d;
|
|
$buttonBgColor: #615d5d;
|
|
|
|
$tabsTitle: #fff;
|
|
$tableHeaderText: $color4;
|
|
$tableLinks: $color4;
|
|
$tableLinksHover: #fab818;
|
|
$tableBgColor: white;
|
|
$tableBorderColor: $color1;
|
|
$tableLineSplit: #d5d0cb;
|