Index > CSS > Optimisation zone project closer
All checks were successful
Deploy / Deploy to Production (push) Successful in 9s
All checks were successful
Deploy / Deploy to Production (push) Successful in 9s
This commit is contained in:
parent
412c2a5547
commit
c92e492fbc
4 changed files with 16 additions and 3 deletions
|
|
@ -38,4 +38,10 @@ body[data-template="index"] {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
ul.projects-index {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: var(--line-height-S);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -267,6 +267,8 @@ button.next {
|
||||||
}
|
}
|
||||||
.toggle > .close-button {
|
.toggle > .close-button {
|
||||||
display: block;
|
display: block;
|
||||||
|
min-height: calc(var(--line-height-S) * 2);
|
||||||
|
margin-bottom: calc(-1 * var(--line-height-S));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -286,7 +288,6 @@ button.next {
|
||||||
);
|
);
|
||||||
gap: var(--body-margin);
|
gap: var(--body-margin);
|
||||||
pointer-events: all;
|
pointer-events: all;
|
||||||
padding-bottom: var(--line-height-S);
|
|
||||||
cursor: inherit;
|
cursor: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -258,6 +258,8 @@ button.next {
|
||||||
}
|
}
|
||||||
.selected .toggle > .close-button {
|
.selected .toggle > .close-button {
|
||||||
display: block;
|
display: block;
|
||||||
|
min-height: calc(var(--line-height-S) * 2);
|
||||||
|
margin-bottom: calc(-1 * var(--line-height-S));
|
||||||
}
|
}
|
||||||
|
|
||||||
.slide-number {
|
.slide-number {
|
||||||
|
|
@ -272,7 +274,6 @@ button.next {
|
||||||
grid-template-columns: calc(0.5 * var(--index-width) - var(--body-margin)) calc(0.3333333333 * var(--index-width) - var(--body-margin)) calc(0.1666666667 * var(--index-width) - var(--body-margin));
|
grid-template-columns: calc(0.5 * var(--index-width) - var(--body-margin)) calc(0.3333333333 * var(--index-width) - var(--body-margin)) calc(0.1666666667 * var(--index-width) - var(--body-margin));
|
||||||
gap: var(--body-margin);
|
gap: var(--body-margin);
|
||||||
pointer-events: all;
|
pointer-events: all;
|
||||||
padding-bottom: var(--line-height-S);
|
|
||||||
cursor: inherit;
|
cursor: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -588,6 +589,11 @@ body[data-template=index] .projects-index li.filtered-out {
|
||||||
body[data-template=index] .projects-index li section.toggle .project-slideshow picture:not(.active) {
|
body[data-template=index] .projects-index li section.toggle .project-slideshow picture:not(.active) {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
body[data-template=index] ul.projects-index {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: var(--line-height-S);
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 1000px) {
|
@media screen and (max-width: 1000px) {
|
||||||
:root {
|
:root {
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
Loading…
Add table
Add a link
Reference in a new issue