git.shiar.nl
/
sheet.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
termcol: dosbox colour emulation presets
[sheet.git]
/
base.css
diff --git
a/base.css
b/base.css
index 6f34ef15ef0fd9084760593d57d0672f7a1fca6e..97d8128a9eb4c9ae9594662417e20d6f83f4ec09 100644
(file)
--- a/
base.css
+++ b/
base.css
@@
-132,15
+132,28
@@
h2 small {
padding-top: .17ex;
}
padding-top: .17ex;
}
+dl {
+ display: grid;
+ grid: auto-flow / 1fr 1fr;
+ clear: both;
+}
+@media (max-width: 42em) {
+ dl {
+ grid: auto-flow / minmax(8em, 1fr) minmax(20em, 1fr);
+ }
+}
dl > dt {
dl > dt {
- float: left;
- width: 50%;
+ grid-column: 1;
text-align: right;
}
text-align: right;
}
+dt code {
+ white-space: normal;
+}
dl > dd {
dl > dd {
+ grid-column: 2;
text-align: left;
padding-left: 1em;
text-align: left;
padding-left: 1em;
-
overflow: hidden
;
+
margin: 0
;
}
/* "keyboard" (list of keys) */
}
/* "keyboard" (list of keys) */
@@
-722,6
+735,8
@@
figure img {
.gallery figure {
overflow: hidden;
box-sizing: border-box;
.gallery figure {
overflow: hidden;
box-sizing: border-box;
+ hyphens: auto;
+ max-width: 900px;
}
.gallery figcaption > small {
display: inline-block;
}
.gallery figcaption > small {
display: inline-block;
@@
-736,7
+751,7
@@
figure img {
}
@media (min-width: 603px) and (min-height: 400px) {
/* fit 3 cells of 200x133 */
}
@media (min-width: 603px) and (min-height: 400px) {
/* fit 3 cells of 200x133 */
- .gallery >
ul >
li:first-child > figure,
+ .gallery > li:first-child > figure,
.gallery li.huge > figure {
grid-row: span 3;
grid-column: span 3;
.gallery li.huge > figure {
grid-row: span 3;
grid-column: span 3;