diff options
| author | Oxbian <oxbian@mailbox.org> | 2024-10-13 14:21:34 -0400 |
|---|---|---|
| committer | Oxbian <oxbian@mailbox.org> | 2024-10-13 14:21:34 -0400 |
| commit | 157468b84553c47d0f5ba312d815ea7195b0d6b5 (patch) | |
| tree | 2e367f441239f61f53307855d96e9f40b02e95ac /CSS/button.css | |
| parent | 633bf74a3ecb66760010ce8b958356523bd75a4b (diff) | |
| download | web-template-157468b84553c47d0f5ba312d815ea7195b0d6b5.tar.gz web-template-157468b84553c47d0f5ba312d815ea7195b0d6b5.zip | |
feat: components (buttons, inputfields, dropdowns, quotes / codes)
Diffstat (limited to 'CSS/button.css')
| -rw-r--r-- | CSS/button.css | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/CSS/button.css b/CSS/button.css new file mode 100644 index 0000000..b0833f6 --- /dev/null +++ b/CSS/button.css @@ -0,0 +1,65 @@ +/* Button style */ + +/* Default button */ +a.button, button.button +{ + padding: 0.1rem 1rem; + margin: 0rem 0.3rem; + + border: none; + cursor: pointer; + + text-align: center; + text-decoration: none; + text-transform: uppercase; + font-weight: bold; + + background-color: var(--link-bg-color); + color: var(--link-color); + border: 1px solid var(--link-bg-color); +} + +a.button:hover, button.button:hover +{ + color: var(--link-bg-color); + background-color: var(--link-color); +} + +/* Reversed button */ +a.button-reversed, button.button-reversed +{ + padding: 0.1rem 1rem; + margin: 0rem 0.3rem; + + border: none; + cursor: pointer; + + text-align: center; + text-decoration: none; + text-transform: uppercase; + font-weight: bold; + + background-color: var(--link-color); + color: var(--link-bg-color); + border: 1px solid var(--link-color); +} + +a.button-reversed:hover, button.button-reversed:hover +{ + color: var(--link-color); + background-color: var(--link-bg-color); +} + +/* Button disabled */ +button:disabled, button[disabled] +{ + opacity: 0.6; + cursor: not-allowed; +} + +/* Link */ +a.link +{ + color: var(--link-bg-color); + text-decoration: underline; +} |