Add columns layout

This commit is contained in:
Glenn Y. Rolland 2021-11-23 23:44:20 +01:00
parent 9e68c430f2
commit cf33bec956

View file

@ -43,18 +43,18 @@ section.chapter h5:first-child::before {
display: none; display: none;
} }
*/ */
h1:first-child, section > h1:first-child,
h2:first-child, section > h2:first-child,
h3:first-child, section > h3:first-child,
h4:first-child, section > h4:first-child,
h5:first-child, section > h5:first-child,
h6:first-child { section > h6:first-child {
font-family: "Droid Sans Mono", monospace; font-family: "Droid Sans Mono", monospace;
color: #662d91; color: #662d91;
font-weight: bold; font-weight: bold;
position: relative; } position: relative; }
h1:first-child::before { section > h1:first-child::before {
content: ""; content: "";
position: absolute; position: absolute;
display: block; display: block;
@ -64,10 +64,10 @@ h1:first-child::before {
height: 0.9em; height: 0.9em;
background-color: white; } background-color: white; }
section:not(.chapter) h2:first-child { section:not(.chapter) > h2:first-child {
font-size: 100%; } font-size: 100%; }
h2:first-child::before { section > h2:first-child::before {
content: ""; content: "";
position: absolute; position: absolute;
display: block; display: block;
@ -83,3 +83,46 @@ a {
blockquote { blockquote {
color: inherit; } color: inherit; }
bc-row {
margin-top: 20px;
margin-bottom: auto;
/* outline: 1px solid red; */
/* padding: 10px; */
box-sizing: border-box;
display: flex;
}
bc-row > bc-column {
/* outline: 1px solid red; */
margin-left: 100px;
flex-basis: 100%;
height: 100%;
}
bc-row > bc-column {
/* outline: 1px solid red; */
margin-left: 100px;
flex-basis: 100%;
height: 100%;
}
bc-row > bc-column[bc-grey] {
background-color: #eeeeee;
padding: 24px;
}
bc-row > bc-column:first-of-type {
margin-left: 0px;
}
bc-row > bc-column > h1:first-child,
bc-row > bc-column > h2:first-child,
bc-row > bc-column > h3:first-child,
bc-row > bc-column > h4:first-child,
bc-row > bc-column > h5:first-child,
bc-row > bc-column > h6:first-child {
margin-top: 0;
}