Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
.botc-example { | .botc-example { | ||
width: | width: 36em; | ||
max-width: 90%; | max-width: 90%; | ||
margin: 1em auto; | margin: 1em auto; | ||
padding: | padding: 0.75em 1em; | ||
background: #f8f9fa; | background: #f8f9fa; | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
border-radius: 6px; | border-radius: 6px; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
line-height: 1.5; | |||
} | |||
.botc-example > :first-child { | |||
margin-top: 0; | |||
} | |||
.botc-example > :last-child { | |||
margin-bottom: 0; | |||
} | |||
.character-info { | |||
display: flex; | |||
gap: 2em; | |||
align-items: flex-start; | |||
} | |||
.character-info > div { | |||
flex: 1; | |||
} | |||
@media (max-width: 1000px) { | |||
.character-info { | |||
flex-direction: column; | |||
gap: 0; | |||
} | |||
.character-info > div { | |||
width: 100%; | |||
} | |||
} | } | ||
Latest revision as of 12:06, 29 June 2026
.botc-example {
width: 36em;
max-width: 90%;
margin: 1em auto;
padding: 0.75em 1em;
background: #f8f9fa;
border: 1px solid #a2a9b1;
border-radius: 6px;
box-sizing: border-box;
line-height: 1.5;
}
.botc-example > :first-child {
margin-top: 0;
}
.botc-example > :last-child {
margin-bottom: 0;
}
.character-info {
display: flex;
gap: 2em;
align-items: flex-start;
}
.character-info > div {
flex: 1;
}
@media (max-width: 1000px) {
.character-info {
flex-direction: column;
gap: 0;
}
.character-info > div {
width: 100%;
}
}
