abtmtr-comms/assets/layout.css
2024-10-11 13:57:39 -05:00

98 lines
No EOL
1.3 KiB
CSS

.cakeView {
margin: 1em 0;
}
.cakeView img {
float: inline-start;
object-fit: cover;
margin-inline-end: 1em;
}
.cakeView p::after {
clear: both;
display: block;
content: "";
}
.compareView {
margin: 1em 0;
}
.compareView img {
float: inline-end;
object-fit: cover;
margin-inline-end: 1em;
}
.compareView ul::after {
clear: both;
display: block;
content: "";
}
.yesNoListView {
margin: 1em 0;
}
.yesNoListView img {
float: inline-end;
object-fit: cover;
margin-inline-end: 1em;
}
.yesNoListView ul::after {
clear: both;
display: block;
content: "";
}
.yesNoListView .yesNoListView_Yes {
list-style-type: "✅ ";
}
.yesNoListView .yesNoListView_No {
list-style-type: "❌ ";
}
.listView {
margin: 1em 0;
}
.galleryView ul {
display: grid;
grid-template-columns: 1fr;
/* grid-auto-flow: column;
grid-auto-columns: 100%; */
overflow: auto;
padding: 0;
/* scroll-snap-type: inline mandatory;
scroll-snap-stop: normal; */
}
.galleryView ul li {
/* scroll-snap-align: center; */
list-style-type: none;
text-align: center;
}
.galleryView ul li img {
max-width: 100%;
max-height: 500px;
}
.linkView {
display: grid;
grid-auto-flow: column;
padding: 0;
margin: 1em;
}
.linkView li {
display: inline-block;
text-align: center;
}
.linkView .ticker {
opacity: 0.5;
user-select: none;
}