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

ajout reglages rem et em en cours

Browse Source
This commit is contained in:
hugogogo
2021-02-27 16:57:10 +01:00
parent bb9d968c7f
commit 6b585f4312
4 changed files with 20 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
styles/global.css
View File

@@ -34,7 +34,8 @@ body *:not(script) {
text-align: right; text-align: right;
} }
.center { .center {
margin: auto; margin-right: auto;
margin-left: auto;
text-align: center; text-align: center;
} }

4
styles/litterall.css
View File

@@ -1,5 +1,5 @@
.aside_left { .aside_left {
width: 600px; min-width: 200px;
padding: 0px 20px; padding: 0px 20px 0px 0px;
border-right: 1px solid lightgray; border-right: 1px solid lightgray;
} }

8
styles/style.css
View File

@@ -26,9 +26,6 @@
/* colors buttons */ /* colors buttons */
--primary-hue: 12; --primary-hue: 12;
--color-button: hsl(var(primary-hue), 1%, 1%); --color-button: hsl(var(primary-hue), 1%, 1%);
/*space between content and screen*/
--screen-gap: 5vw;
} }
@@ -38,10 +35,9 @@ html {
scroll-behavior: smooth; scroll-behavior: smooth;
font-size: 10px; font-size: 10px;
} }
/*to keep a blank space between the content and the edges of the page*/ /*to keep a blank space between the content and the top of the page*/
body { body {
padding: var(--screen-gap); margin-top: 100px;
width: calc(100% - 2 * var(screen-gap));
} }
main { main {
min-height: calc(100vh - 70px); min-height: calc(100vh - 70px);

19
styles/text.css
View File

@@ -41,18 +41,24 @@ p, var {
color: var(--color-texts); color: var(--color-texts);
} }
/*sizes*/ /*sizes*/
aside {
font-size: .8rem;
}
main {
font-size: 1rem;
}
p { p {
font-size: 1.8rem; font-size: 1.8em;
line-height: 3rem; line-height: 1.5em;
} }
h1 { h1 {
font-size: 2.5rem; font-size: 2.5em;
} }
h2 { h2 {
font-size: 2rem; font-size: 2em;
} }
.mini_text { .mini_text {
font-size: 1.5rem; font-size: 0.8em;
} }
/*specials settings*/ /*specials settings*/
body p, body p *, body h1, body h1 *, body h2, body h2 * { body p, body p *, body h1, body h1 *, body h2, body h2 * {
@@ -73,4 +79,7 @@ b, em {
p br, h1 br, h2 br { p br, h1 br, h2 br {
margin: 0px; margin: 0px;
} }
h1 {
margin-bottom: 20px;
}