Template:CS button/styles.css: Difference between revisions
Content deleted Content added
No edit summary |
No edit summary |
||
Line 1:
/* Container controls width; child link gets the button skin */
.capsach-btn {
display:inline-block;
width:278px; /* default; override via |width= */
max-width:100%;
box-sizing:border-box;▼
}
/* Make the inner anchor look/behave like a button */
.capsach-btn > a,
.capsach-btn > .capsach-btn__inner {
display:block;
padding:.2em 1.5em;
font-weight:600;
color:#202122;
background-color:#FEE330; /* flat color */
border:none;
border-radius:9999px; /* pill */
▲ box-sizing:border-box;
text-align:center;
white-space:nowrap;
Line 18 ⟶ 24:
}
/* Link states */
.capsach-btn > a:hover,
.capsach-btn > a:active,
.capsach-btn > .capsach-btn__inner:active { background-color:#F0C800; transform:translateY(1px); }
/* Optional: external link icon suppression if your skin adds one
▲.capsach-btn:hover { background-color:#FFDD00; }
.capsach-btn
*/
/* Mobile-only full
@media (max-width:720px){
.capsach-btn--mobile { display:block; width:100% !important; }
}
/* your alignment helpers */
.capsach-align { text-align:left; } /* default */
.capsach-align-right { text-align:right; }
| |||