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/
40 lines
683 B
SCSS
40 lines
683 B
SCSS
a.pool-category-series, .pool-category-series a {
|
|
color: var(--series-pool-color);
|
|
|
|
&:hover {
|
|
color: var(--series-pool-hover-color);
|
|
}
|
|
}
|
|
|
|
a.pool-category-collection, .pool-category-collection a {
|
|
color: var(--collection-pool-color);
|
|
|
|
&:hover {
|
|
color: var(--collection-pool-hover-color);
|
|
}
|
|
}
|
|
|
|
div#c-pool-orders, div#c-favorite-group-orders {
|
|
div#a-edit {
|
|
ul.ui-sortable li {
|
|
display: inline-block;
|
|
min-width: 150px;
|
|
|
|
&, .post-preview a {
|
|
cursor: move;
|
|
}
|
|
|
|
&.ui-state-placeholder {
|
|
border: none;
|
|
background: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
div#c-pool-versions {
|
|
del a, ins a {
|
|
margin-right: 0.25em;
|
|
}
|
|
}
|