MediaWiki:Mobile.css: Difference between revisions

MediaWiki:Mobile.css (view source)

Revision as of 23:47, 28 November 2023

1,530 bytes added , 28 November 2023

no edit summary

Aardvark

Bureaucrats, Interface administrators, Suppressors, Administrators, Widget editors

6,480

edits

@@ Line 676: / Line 676: @@
 .box-header h4, .box-header h3 {
      padding-bottom: 0.1em;
+}
+/* Grid Templates */
+.grid-3-col {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    gap: 1em;
+}
+.grid-2-col {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 1em;
+}
+@media screen and (max-width: 800px) {
+    .grid-3-col,
+    .grid-2-col {
+        grid-template-columns: 1fr;
+    }
+}
+/* CardBook */
+.card-book {
+    display: grid;
+    grid-template-columns: 112px 1fr;
+    grid-template-rows: auto 1fr;
+    grid-template-areas:
+        "img info"
+        "followon followon";
+    gap: 0.75em;
+    padding: 0.75em;
+    background: #e9e9e9;
+    border-radius: 6px;
+}
+.card-book-img {
+    grid-area: img;
+}
+.card-book-img img {
+    border-radius: 3px;
+}
+.card-book-info {
+    grid-area: info;
+}
+.card-book-title p,
+.card-book-authors p {
+    line-height: 1.15;
+}
+.card-book-title p {
+    margin: 0 0 0.25em;
+}
+.card-book-title a {
+    font-weight: bold;
+}
+.card-book-authors p,
+.card-book-description p {
+    margin: 0 0 0.5em;
+}
+.card-book-authors {
+    font-size: 0.8em;
+}
+.card-book-description {
+    line-height: 1.3;
+}
+.card-book-followon {
+    grid-area: followon;
+}
+.card-book-followon-heading {
+    color: #393939;
+    font-weight: bold;
+    line-height: 1.3;
+}
+ul.card-book-followon-list {
+    margin: 0;
+}
+.card-book-followon-list-item {
+    list-style: none;
+    display: grid;
+    grid-template-columns: 80px 1fr;
+    gap: 0.75em;
+    margin: 0 0 0.75em;
+    width: 100%;
+}
+.card-book-followon-img {
+    border-radius: 3px;
+}
+.card-book-followon-title p {
+    margin: 0;
 }