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

ajout mise en page page 27

Browse Source
This commit is contained in:
ethylotest
2021-03-23 14:07:36 +01:00
parent 3752c2c04e
commit 1e2aa8ce45
4 changed files with 37 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
styles/global.css
View File

@@ -20,10 +20,10 @@
--color-text: hsl(0, 0%, 10%);
--color-text-light: hsl(0, 0%, 25%);
--color-text-strong: hsl(0, 0%, 5%);
--color-text-1: hsl(var(--hue-1), 80%, 50%);
--color-text-2: hsl(var(--hue-2), 90%, 30%);
--color-text-3: hsl(var(--hue-3), 90%, 30%);
--color-text-4: hsl(var(--hue-4), 70%, 40%);
--color-text-1: hsl(var(--hue-1), 80%, 50%);
--color-text-2: hsl(var(--hue-2), 90%, 30%);
--color-text-3: hsl(var(--hue-3), 90%, 30%);
--color-text-4: hsl(var(--hue-4), 70%, 40%);
/*links*/
--hue-link: var(--hue-3);
--color-link: hsl(var(--hue-link), 70%, 40%);

4
styles/litterall_27.css Normal file
View File

@@ -0,0 +1,4 @@
.sommaire_name_width {
padding: 0px 5px;
background-color: hsl(var(--hue-4) 50% 90%);
}

22
styles/text.css
View File

@@ -14,7 +14,9 @@ nav p {
.table_box p {
font-family: var(--font-titles), var(--font-fallback), sans-serif;
}
/*colors*/
/*---------------------------------------------*/
/*COLORS*/
/*links when they are part of a text*/
p a, p a:link {
color: var(--color-link);
@@ -32,7 +34,9 @@ p a:active {
p, span {
color: var(--color-text);
}
/*sizes*/
/*---------------------------------------------*/
/*SIZES*/
aside {
font-size: .8rem;
}
@@ -59,12 +63,11 @@ small {
font-size: 0.8em;
line-height: 1.2em;
}
/*specials settings*/
p, p *, h1, h1 *, h2, h2 *, h3, h3 * {
display: inline;
}
li *, li p, p b, p em, p i, p a, p span {
display: inline;
/*---------------------------------------------*/
/*OTHER SETTINGS*/
p, p *, h1, h1 *, h2, h2 *, h3, h3 *, li * {
display: inline-block;
}
a, a * {
cursor: pointer;
@@ -76,7 +79,8 @@ b, em {
font-weight: 600;
}
/*class*/
/*---------------------------------------------*/
/*CLASS SETTINGS*/
/*quote*/
.quote {
max-width: 450px;