brutcss/src/components.less

/* 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 > *:first-child { margin-top: 0; }
.block { border-color: transparent; }
.block > *:first-child { margin-top: 0; }

/* 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; }