abtmtr-comms/assets/layout.css

97 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-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 0;
}
.linkView li {
display: inline-block;
text-align: center;
}
.linkView .ticker {
opacity: 0.5;
user-select: none;
}