test variables globales couleurs
This commit is contained in:
16
styles/skeleton.css
vendored
16
styles/skeleton.css
vendored
@@ -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);
|
||||
}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user