pro/2022_WEBSITE_kosmopolit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ajustement des couleurs de liens

Browse Source
This commit is contained in:
hugogogo
2021-03-05 12:15:56 +01:00
parent deeb9f09bc
commit edd79b3848
3 changed files with 38 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
styles/global.css
View File

@@ -1,17 +1,3 @@
/*---------------------------------------------*/
/*GLOBAL VARIABLE*/
:root {
--gap-unit: 10px;
--max-screen: 1500px;
--base-font-size: 10px;
--nav-height: 40px;
--base-back-color: white;
--aside-left-width: 200px;
--aside-right-width: 200px;
--aside-margin: 30px;
}
/*DEBUG*/
/* borders on mains elements of pages for debugging*/
body * {

36
styles/style.css
View File

@@ -24,8 +24,8 @@
--color-water: hsl(189, 88%, 38%); /* #0c9cb5 - rgb(12, 156, 181) */
/* colors buttons */
--primary-hue: 12;
--color-button: hsl(var(primary-hue), 1%, 1%);
--hue-btn: 12;
--color-btn: hsl(var(--hue-btn), 1%, 1%);
/*TEXTE*/
/* fonts */
@@ -37,24 +37,28 @@
/*text*/
--color-text: hsl(0, 0%, 10%);
--color-text-light: hsl(0, 0%, 25%);
--color-text-strong: rgb(0, 0%, 5%);
--color-text-strong: hsl(0, 0%, 5%);
/*links*/
--color-link: rgb(120, 1, 1);
--color-link-hover: rgb(120, 1, 1);
--color-link-visited: rgb(120, 1, 1);
--color-link-active: rgb(120, 1, 1);
--hue-link: 59;
--hue-link: 189;
--hue-link: 324;
--color-link: hsl(var(--hue-link), 70%, 40%);
--color-link-hover: hsl(var(--hue-link), 70%, 50%);
--color-link-active: hsl(var(--hue-link), 70%, 50%);
--color-link-visited: hsl(var(--hue-link), 70%, 20%);
/*titles*/
--color-title-1: hsl(0, 0%, 10%);
--color-title-2: hsl(0, 0%, 10%);
/*skeleton*/
--gap-unit: 10px;
--max-screen: 1060px;
--base-font-size: 10px;
--nav-height: 40px;
--base-back-color: white;
--aside-left-width: 200px;
--aside-right-width: 200px;
--aside-margin: 30px;
}
/*----------------------------------------------*/
/*INITIAL SETTINGS*/
html {
scroll-behavior: smooth;
font-size: 10px;
}
main {
min-height: calc(100vh - 70px);
}