40 lines
881 B
Plaintext
40 lines
881 B
Plaintext
/* card and block to put space between blocks */
|
|
.card, .block {
|
|
padding: 5px;
|
|
border: solid 2px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: start;
|
|
align-items: flex-start;
|
|
}
|
|
.col > .card, .col > .block { height: 100%; }
|
|
.row > .card, .row > .block { width: 100%; }
|
|
|
|
.card { border-color: var(--cn-1); }
|
|
.block {
|
|
border-color: transparent;
|
|
}
|
|
|
|
/* To be used as main image for presentation */
|
|
.central {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-size: cover;
|
|
min-height: 100vh;
|
|
}
|
|
/* 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;
|
|
outline-style: double;
|
|
outline-width: 0.5rem;
|
|
margin: 1rem;
|
|
}
|
|
|
|
.push { justify-self: flex-end; margin-top: auto;}
|