57 lines
1.5 KiB
Plaintext
57 lines
1.5 KiB
Plaintext
/* card and block to put space between blocks */
|
|
|
|
.card, .block {
|
|
padding: 0;
|
|
border: solid 1rem;
|
|
overflow: hidden;
|
|
}
|
|
.card > ul > li > a { width: 100%; display: inline-block; }
|
|
.card > ul > li > a:hover { background: var(--accent); color: var(--bg); }
|
|
|
|
.col.card, .col.block {
|
|
justify-content: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
|
|
.card { border-color: var(--nl); }
|
|
.card > *, .block > * { margin: 1rem; }
|
|
.card,.block {
|
|
& > h1:first-child, & > h2:first-child, & > h3:first-child, & > h4:first-child, & > h5:first-child, & > h6:first-child { margin-top: 0; }
|
|
& > h1, & > h2, & > h3, & > h4, & > h5 { margin-left: 0; margin-right: 0; } }
|
|
.block { border-color: transparent; }
|
|
|
|
/* To be used as main image for presentation */
|
|
.central {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-size: cover;
|
|
}
|
|
/* If central is close to a button it should indicate we have a nav bar*/
|
|
/* in this case, we should remove the size of the navbar */
|
|
button ~ .central {
|
|
min-height: calc(100vh - 50px);
|
|
}
|
|
|
|
.hero {
|
|
padding: 2rem;
|
|
}
|
|
|
|
.fill { flex-grow: 1; }
|
|
footer,.push { justify-self: flex-end; margin-top: auto;}
|
|
|
|
/* doc are for long text to read */
|
|
.doc { max-width: 65ch;
|
|
font-size: 1.25rem;
|
|
font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;
|
|
text-align: justify;
|
|
line-height: 1.5em;
|
|
p {
|
|
text-indent: 3rem;
|
|
}
|
|
}
|
|
|
|
|
|
.col.card,.row.card, .col.block,.row.block { padding: 0; }
|