antonin gallon
a66d399cfb
All checks were successful
Deploy / Deploy to Production (push) Successful in 9s
99 lines
No EOL
2.5 KiB
CSS
99 lines
No EOL
2.5 KiB
CSS
@font-face {
|
|
font-family: 'Terminal Grotesque';
|
|
src: url('fonts/terminal-grotesque.ttf') format('truetype');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Danzza';
|
|
src: url('fonts/Danzza-Light.woff') format('woff');
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Danzza';
|
|
src: url('fonts/Danzza-Regular.woff') format('woff');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Danzza';
|
|
src: url('fonts/Danzza-Medium.woff') format('woff');
|
|
font-weight: 500;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Danzza';
|
|
src: url('fonts/Danzza-Bold.woff') format('woff');
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
}
|
|
|
|
:root{
|
|
--font-title: 'Terminal Grotesque', sans-serif;
|
|
--font-body: 'Danzza', sans-serif;
|
|
|
|
/*dé commenter pour ajouter leur font*/
|
|
/*font récuperer via leur site donc je ne sais pas quel est la licence*/
|
|
/* --font-sans: 'Danzza', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; */
|
|
|
|
--text-h1: 3em;
|
|
|
|
--color-green-perso: #04fea0;
|
|
|
|
--color-black: #0B1632;
|
|
--color-white: #ffffff;
|
|
|
|
--color-gray-200: #BCCAF0;
|
|
--color-gray-100: #BCCAF0;
|
|
--color-gray-250: #8BA3E5;
|
|
--color-gray-300: #7A95E1;
|
|
--color-gray-400: #597BD9;
|
|
--color-gray-500: #3761D2;
|
|
--color-gray-600: #224196;
|
|
--color-gray-700: #1A3274;
|
|
--color-gray-800: #172C64;
|
|
--color-gray-850: #132553;
|
|
--color-gray-900: #0e1e43;
|
|
--color-gray-950: #0d1a38;
|
|
|
|
--button-cancel-filled-color-back: light-dark( var(--color-gray-300), var(--color-gray-950) );
|
|
--color-icon-perso: light-dark( var(--color-gray-700), var(--color-gray-400) );
|
|
|
|
--color-border: light-dark(var(--color-gray-300), var(--color-gray-600));
|
|
--dropdown-color-hr:var(--color-gray-800);
|
|
|
|
--color-focus: var(--color-green-perso);
|
|
|
|
--color-red-h: 355;
|
|
--color-green-h: 152;
|
|
--color-orange-h: 15;
|
|
--color-blue-h: 220;
|
|
}
|
|
|
|
.k-dialog-button-cancel:where([data-variant="filled"]) {
|
|
--button-color-back: var(--button-cancel-filled-color-back);
|
|
}
|
|
|
|
.k-box {
|
|
--icon-color: var(--color-icon-perso);
|
|
}
|
|
|
|
.k-panel-menu-button:hover:not(.k-activation-button):not(.k-panel-menu-search){
|
|
color: var(--color-green-perso);
|
|
}
|
|
|
|
|
|
.k-header-title{
|
|
font-family: var(--font-title);
|
|
}
|
|
.k-header-title-text{
|
|
text-transform: uppercase;
|
|
}
|
|
.k-header-title .k-icon{
|
|
--icon-size: 28px;
|
|
} |