@talentsoft-opensource/hylia/utilities/variables.less

The Hylia design systems. Contains all the building blocks style rules for Talentsoft.

// @font-path: "../fonts";
/*
For Package NPM
 */
@font-path: "../../../fonts";

@radius: 0.4rem;
@wrapper-xl: 120rem;
@sidebar-xs: 18rem;
@gutter: 2rem;

/*
* BreakPoints
 */
@xs: 0;
@sm: 576px;
@md: 768px;
@lg: 992px;
@xl: 1200px;

/*
* Add color name variable for add atoms variations
 */
@colors: acolyte,
adept,
apprentice,
atreide,
brightGray,
brightGreen,
clearBlue,
clearGray,
clearGreen,
clearOrange,
clearRed,
darkBlue,
darkGray,
darkGreen,
darkOrange,
darkRed,
electricBlue,
green,
harkonnem,
knight,
lightGray,
minion,
namec,
namek,
orange,
protoss,
red,
ruban,
saien,
schtroumpf,
smart,
smartBlue,
smartSky,
smartDark,
smartDark,
stormtrooper,
terran,
vader,
white,
zerg;

@colors-state: default, success, warning, danger, disable;

@gray: #f5f6fa;

/*
* Colors State
*/
@default: @smart;
@success: @namek;
@warning: @saien;
@danger: @ruban;
@disable: @apprentice;

/*
* Colors Utilities
*/
@black: #000000;

/*
* Colors Primaries
*/
@stormtrooper: #FFFFFF; // deprecated
@white: @stormtrooper;
@smart: #124D72; // deprecated
@smartBlue: @smart;

//Lighter darken
@smartSky: #4580A5; // deprecated
@smartDark: #0B3F46; // deprecated
@darkBlue: @smartDark;
@schtroumpf: #4c84ff;

/*
* Colors Structure
*/
@acolyte: #FAFAFA; // deprecated
@clearGray: @acolyte;
@minion: #E1E3E5; // deprecated
@brightGray: @minion;
@knight: #737373; // deprecated
@darkGray: @knight;
@adept: #F0F0F0; // deprecated
@lightGray: @adept;
@vader: #333333;

/*
* Colors Emotionals
*/
@namek: #308449; // deprecated
@green: @namek;
@namec: #225F34; // deprecated
@darkGreen: @namec;
@ruban: #D11548; // deprecated
@red: @ruban;
@darkRed: #A31038;
@saien: #E47524; // deprecated
@orange: @saien;
@darkOrange: #A75215;
@terran: #337BB8; // deprecated
@electricBlue: @terran;

/*
* Colors Sementics
*/
@protoss: #fddc41;
@harkonnem: #31b87b; // deprecated
@brightGreen: @harkonnem;
@apprentice: #d1d3d5;

/*
* Colors Data Viz
*/
@joker: #8c4aef;
@zerg: #b30062;
@bb8: #ff6914;
@atreide: #b1b491;
@punisher: #5e6b91;
@boo: #e86695;
@bouftou: #30b549;
@mystic: #00c3e4;
@emperor: #1c2333;

@clearBlue: #C1E1F5;
@clearGreen: #DBF2E2;
@clearRed: #FDE8EE;
@clearOrange: #FFF2CC;

/*
* Import Fonts Weight
*/
@regular_light: "Roboto_light";
@regular_light-italic: "Roboto_light-italic";
@regular_regular: "Roboto_regular";
@regular_italic: "Roboto_italic";
@regular_medium: "Roboto_medium";
@regular_medium-italic: "Roboto_medium-italic";
@regular_bold: "Roboto_bold";
@regular_bold-italic: "Roboto_bold-italic";
@regular_black: "Roboto_black";
@regular_black-italic: "Roboto_black-italic";

@condensed_light: "RobotoCondensed_light";
@condensed_light-italic: "RobotoCondensed_light-italic";
@condensed_regular: "RobotoCondensed_regular";
@condensed_italic: "RobotoCondensed_italic";
@condensed_bold: "RobotoCondensed_bold";
@condensed_bold-italic: "RobotoCondensed_bold-italic";