1e80540a04
Refactor CSS to use standard Tailwind-style utility classes instead of ad-hoc rules. This eliminates a lot of single-purpose rules for specific UI elements and standardizes margins to be more consistent throughout the site. Utility classes are defined manually on an as-needed basis instead of importing Tailwind as a whole. Naming conventions mostly follow Tailwind's conventions, otherwise they follow Bootstrap. * https://tailwindcss.com/docs/ * https://getbootstrap.com/docs/5.0/utilities/spacing/
34 lines
584 B
Plaintext
34 lines
584 B
Plaintext
div#c-modqueue {
|
|
div.post {
|
|
padding: 1em;
|
|
overflow: hidden;
|
|
|
|
aside.column {
|
|
@media (min-width: 660px) {
|
|
padding-right: 1em;
|
|
}
|
|
}
|
|
|
|
section.column {
|
|
span.info {
|
|
margin-right: 1.5em;
|
|
}
|
|
|
|
.quick-mod {
|
|
display: inline-block;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.post-flags-row {
|
|
margin-top: 1em;
|
|
}
|
|
}
|
|
|
|
<% Danbooru.config.modqueue_warning_tags.each do |tag| %>
|
|
a[data-tag-name="<%= tag %>"] {
|
|
background-color: var(--modqueue-tag-warning-color);
|
|
}
|
|
<% end %>
|
|
}
|
|
}
|