Adrien/actuel-inactuel
1
0
Fork 0
Code Issues 13 Pull requests Projects Releases Packages Wiki Activity Actions

style hover link

Browse source
This commit is contained in:
isUnknown 2024-03-12 17:38:53 +01:00
parent 0fed6cfd12
commit 1fa9bf1e10
5 changed files with 48 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

3
assets/css/src/header.css
View file

@ -9,9 +9,6 @@
padding: var(--unit--vertical) var(--unit--horizontal);
transition: height 0.2s ease-in-out;
}
#main-header.minimized {
height: calc(var(--unit--vertical) * 3);
}
#logo {
position: relative;
}

13
assets/css/src/tabs.css
View file

@ -27,15 +27,20 @@ button.toggle.right.open::before {
#tabs {
position: relative;
margin-top: -30svh;
margin-top: -25svh;
margin-bottom: 30svh;
transition: margin-top 0.5s ease-in-out;
}
#tabs.open {
margin-bottom: calc(3 * var(--unit--vertical));
}
.active-tab {
max-height: 70vh;
max-height: 60svh;
overflow: auto;
margin-top: calc((var(--unit--vertical) * 0.5));
transition: height 0.5s ease-in-out;
margin-top: var(--unit--vertical);
transition: max-height 0.5s ease-in-out;
}
.page-cover.open .active-tab {

48
assets/css/src/texts.css
View file

@ -26,6 +26,28 @@ h4,
h5,
p {
font-weight: var(--font-weight-light);
line-height: 1;
}
h2 {
font-size: var(--font-size-xl);
}
article h2 {
margin-bottom: calc(var(--unit--vertical) / 2);
}
.title-center {
--margin-left: calc(4 * var(--unit--horizontal));
width: calc(100% - var(--margin-left));
margin-left: var(--margin-left);
}
.main-title {
line-height: 1;
text-align: left;
box-sizing: border-box;
font-weight: var(--font-weight-light);
}
p,
@ -53,19 +75,6 @@ button,
font-size: var(--font-size-xxl) !important;
}
.title-center {
--margin-left: calc(4 * var(--unit--horizontal));
width: calc(100% - var(--margin-left));
margin-left: var(--margin-left);
}
.main-title {
line-height: 1;
text-align: left;
box-sizing: border-box;
font-weight: var(--font-weight-light);
}
p,
li,
button,
@ -100,6 +109,17 @@ button {
align-items: center;
}
a * {
transition: font 0.2s ease-in-out;
}
a.no-line:hover * {
font-weight: 250;
}
a:not(.no-line):hover {
text-decoration: none;
}
a:not(.no-line) {
text-decoration: dotted;
text-decoration-color: #fff;
@ -108,7 +128,7 @@ a:not(.no-line) {
text-decoration-thickness: 0.5px;
}
article p {
article p:not(:last-child) {
margin-bottom: var(--unit--vertical);
}