Template:CategoryButton/styles.css: Difference between revisions
Appearance
RikThePixel (talk | contribs) No edit summary |
RikThePixel (talk | contribs) No edit summary |
||
| (6 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
.scamp-category-button { | .scamp-category-button { | ||
display: inline-flex; | display: inline-flex; | ||
box-shadow: 1px 2px 7px 0px rgba(0,0,0,0.3); | |||
border-radius: 8px; | |||
} | } | ||
.scamp-category-button .scamp-link-button{ | |||
box-shadow: none; | |||
} | |||
.scamp-category-button .scamp-category-button__category { | .scamp-category-button .scamp-category-button__category { | ||
flex: 1; | flex: 1; | ||
| Line 8: | Line 13: | ||
.scamp-category-button .scamp-category-button__category { | .scamp-category-button .scamp-category-button__category { | ||
border-top-right-radius: | border-top-right-radius: 0px; | ||
border-bottom-right-radius: | border-bottom-right-radius: 0px; | ||
} | |||
.scamp-category-button .scamp-category-button__category:hover + .scamp-category-button__random { | |||
border-left-color: var(--scamp-primary-border--hover); | |||
} | } | ||
.scamp-category-button .scamp-category-button__random { | .scamp-category-button .scamp-category-button__random { | ||
margin-left: -1px; | margin-left: -1px; | ||
border-top-left-radius: | border-top-left-radius: 0px; | ||
border-bottom-left-radius: | border-bottom-left-radius: 0px; | ||
} | } | ||
Latest revision as of 16:36, 14 January 2026
.scamp-category-button {
display: inline-flex;
box-shadow: 1px 2px 7px 0px rgba(0,0,0,0.3);
border-radius: 8px;
}
.scamp-category-button .scamp-link-button{
box-shadow: none;
}
.scamp-category-button .scamp-category-button__category {
flex: 1;
}
.scamp-category-button .scamp-category-button__category {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.scamp-category-button .scamp-category-button__category:hover + .scamp-category-button__random {
border-left-color: var(--scamp-primary-border--hover);
}
.scamp-category-button .scamp-category-button__random {
margin-left: -1px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.scamp-category-button .scamp-category-button__random a {
display: block;
}
.scamp-category-button .scamp-category-button__random a {
padding: 0.75rem;
}
.scamp-category-button .scamp-category-button__random a svg {
display: block;
}