Clients/epsf-miniwebsite
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- change css font size for h1.. h6

Browse Source
This commit is contained in:
Stephane Boniffacy
2025-02-03 18:15:51 +01:00
parent 1f4eef5fa1
commit 88006babac
4 changed files with 40 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
assets/css/custom.scss
View File

@@ -21,7 +21,7 @@ table.cv td, table th {
.table { .table {
border: 1px solid; border: 1px solid;
font-size: 1.2rem; font-size: 1.25rem;
border-color: var(--section-light-bg-color); border-color: var(--section-light-bg-color);
//background-color: var(--section-light-bg-color); //background-color: var(--section-light-bg-color);
background-color: var(--highlight-inverse-contrast); background-color: var(--highlight-inverse-contrast);
@@ -68,5 +68,5 @@ table.cv td, table th {
} }
.partners h4 { .partners h4 {
font-size: 1.5rem; font-size: 1.25rem;
} }

12
themes/tse/assets/css/content.scss
View File

@@ -10,7 +10,7 @@ body {
height: 100%; height: 100%;
max-height: 100%; max-height: 100%;
font-family: "Roboto Slab", serif; font-family: "Roboto Slab", serif;
font-size: 2rem; font-size: 1.75rem;
line-height: 1.6em; line-height: 1.6em;
color: var(--section-light-text-color); color: var(--section-light-text-color);
} }
@@ -44,7 +44,7 @@ h3,h4,h5,h6 {
} }
h1 { h1 {
font-size: 4rem; font-size: 3.5rem;
line-height: 1.2em; line-height: 1.2em;
letter-spacing: -2px; letter-spacing: -2px;
text-indent: -3px; text-indent: -3px;
@@ -66,12 +66,8 @@ h4 {
font-size: 2rem; font-size: 2rem;
} }
h5 { h5, h6 {
font-size: 1.5rem; font-size: 1.8rem;
}
h6 {
font-size: 1rem;
} }
p{ p{

40
themes/tse/assets/css/responsiveness.scss
View File

@@ -71,20 +71,32 @@
} }
h1 { h1 {
font-size: 4.8rem; font-size: 3.5rem;
text-indent: -2px; text-indent: -2px;
} }
h2 { h2 {
font-size: 3.8rem; font-size: 3rem;
line-height: 1.2em;
letter-spacing: -1px;
text-indent: -2px;
} }
h3 { h3 {
font-size: 3.3rem; font-size: 2.5rem;
margin-bottom: 1.5rem;
} }
h4 { h4 {
font-size: 2.8rem; font-size: 2rem;
}
h5 {
font-size: 1.8rem;
}
h6 {
font-size: 1rem;
} }
#site-head #site-menu, #site-head.withCenteredImage #site-menu { #site-head #site-menu, #site-head.withCenteredImage #site-menu {
@@ -159,19 +171,27 @@
padding: 0 1rem; padding: 0 1rem;
} }
h1, h1 {
font-size: 3.5rem;
}
h2 { h2 {
font-size: 3rem; font-size: 3rem;
}
h1,
h2 {
line-height: 1.1em; line-height: 1.1em;
letter-spacing: -1px; letter-spacing: -1px;
} }
h3 { h3 {
font-size: 2.8rem; font-size: 2.5rem;
margin-bottom: 1.5rem;
} }
h4 { h4 {
font-size: 2.3rem; font-size: 2rem;
} }
.post-template .post { .post-template .post {
@@ -183,7 +203,7 @@
} }
.site-footer { .site-footer {
font-size: 1.1rem; font-size: 1.3rem;
} }
#site-head #top-banner, #site-head #top-banner,
#site-head.withCenteredImage #top-banner { #site-head.withCenteredImage #top-banner {

7
themes/tse/assets/css/theme.scss
View File

@@ -70,7 +70,7 @@ body {
.blog-description { .blog-description {
margin: 0; margin: 0;
font-size: 3rem; font-size: 2.75rem;
line-height: 1.5em; line-height: 1.5em;
font-weight: 400; font-weight: 400;
font-family: "Roboto Slab", serif; font-family: "Roboto Slab", serif;
@@ -122,7 +122,7 @@ body {
border-radius: 3px; border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
display: inline-block; display: inline-block;
font-size: 70%; font-size: 80%;
margin: 2rem 0.3rem; margin: 2rem 0.3rem;
padding: 0.0rem 0.7rem; padding: 0.0rem 0.7rem;
position: relative; position: relative;
@@ -342,7 +342,7 @@ a.fn-item {
background: var(--footer-color-background); background: var(--footer-color-background);
color: var(--footer-color); color: var(--footer-color);
font-family: "Open Sans", sans-serif; font-family: "Open Sans", sans-serif;
font-size: 1.3rem; font-size: 1.5rem;
position: relative; position: relative;
margin: 0rem 0 0 0; margin: 0rem 0 0 0;
padding: 1rem 0; padding: 1rem 0;
@@ -362,6 +362,7 @@ a.fn-item {
/* Footer Icons */ /* Footer Icons */
.icons { .icons {
font-size: 2rem;
display: flex; display: flex;
justify-content: center; justify-content: center;
gap: 30px; gap: 30px;