test variables globales couleurs

This commit is contained in:
hugogogo
2021-03-11 19:34:53 +01:00
parent 8c1e06d682
commit d5de3d34e2
9 changed files with 40 additions and 27 deletions

16
styles/skeleton.css vendored
View File

@@ -62,7 +62,7 @@ html {
/*BODY*/
/* the page is designed for a maximum screen*/
body {
background-color: var(--base-back-color);
background-color: var(--color-back-base);
}
/*NAVBAR*/
@@ -70,7 +70,7 @@ body nav {
flex-direction: row;
/*we have to set the height to use the height % for childs elements*/
height: var(--nav-height);
background-color: var(--base-back-color);
background-color: var(--color-back-base);
z-index: 10;
}
@@ -96,7 +96,7 @@ body aside.page_content .table_box {
box-sizing: border-box;
padding: var(--gap-unit);
/*for style*/
border-left: 1px solid lightgrey;
border-left: 1px solid var(--color-lines);
}
/*to put space between elements*/
body aside.page_content .table_box > * {
@@ -111,11 +111,11 @@ body main > * {
}
body main h1 {
padding: 70px 0px;
border-bottom: 1px solid lightgrey;
border-bottom: 1px solid var(--color-lines);
}
body main h2 {
padding: 10px 0px;
border-bottom: 1px solid lightgrey;
border-bottom: 1px solid var(--color-lines);
}
/*TITLE*/
@@ -140,10 +140,10 @@ body aside.relative_content .relative_box {
margin: var(--aside-margin);
padding: var(--gap-unit);
width: fit-content;
border: 1px solid lightgrey;
border: 1px solid var(--color-lines);
}
body aside.relative_content .box_name {
border-bottom: 1px solid lightgrey;
border-bottom: 1px solid var(--color-lines);
padding-bottom: var(--gap-unit);
}
body aside.relative_content .relative_box > * {
@@ -153,7 +153,7 @@ body aside.relative_content .relative_box > * {
/*FOOTER*/
body footer.page_footer {
height: 100px;
border-top: 1px solid lightgrey;
border-top: 1px solid var(--color-lines);
}