diff options
| author | akiyamn | 2022-05-30 16:13:42 +1000 |
|---|---|---|
| committer | akiyamn | 2022-05-30 16:13:42 +1000 |
| commit | aa17ffb8d82490b1c05b34ac0dd2607622fafed2 (patch) | |
| tree | 0e855ee7606df83c9fc0c27ec609efc78106ee08 /src/css/buttons.css | |
| parent | ce6bb6228cd032e67c4b3af588eb07808678623f (diff) | |
| download | css-aa17ffb8d82490b1c05b34ac0dd2607622fafed2.tar.gz css-aa17ffb8d82490b1c05b34ac0dd2607622fafed2.zip | |
Reorganised project structure
Diffstat (limited to 'src/css/buttons.css')
| -rw-r--r-- | src/css/buttons.css | 77 |
1 files changed, 77 insertions, 0 deletions
diff --git a/src/css/buttons.css b/src/css/buttons.css new file mode 100644 index 0000000..04b3f0a --- /dev/null +++ b/src/css/buttons.css @@ -0,0 +1,77 @@ +:root { + --btn-text-color: #172F50; +} +.documentlodgementservice .btn { + color: var(--btn-text-color) !important; + font-size: var(--font-size-16); + margin: 12px 0; + padding: 12px 32px 10px 32px; + cursor: pointer; +} +.documentlodgementservice a.btn { + line-height: normal; +} +.documentlodgementservice .btn.primary { + font-weight: bold; + background-color: var(--ocean-blue-40); +} + +.documentlodgementservice .btn.secondary { + font-weight: bold; + background-color: var(--white); + border-color: var(--navy); +} + +.documentlodgementservice .btn.tertiary { + background-color: var(--white); + border-color: #a7a8a9; +} + +.documentlodgementservice .btn:hover { + background-color: var(--light-navy); + border-color: var(--light-navy); + color: var(--white) !important; + text-decoration: none; +} + +button.btn.primary:focus, +.documentlodgementservice .btn:focus { + text-decoration: none; + outline: none; + /* color: var(--white) !important; */ +} + +.documentlodgementservice .btn:focus:before { + content: " "; + position: absolute; + z-index: 1; + top: -6px; + left: -6px; + right: -6px; + bottom: -6px; + border-radius: 6px; + border: 2px solid var(--navy); +} + +.documentlodgementservice .btn[disabled] { + background-color: var(--grey1c-100); + color: #76797c !important; + border-color: #bbbcbc; +} + +.documentlodgementservice .btn:active { + text-decoration: none; + outline: none; + color: var(--white) !important; + background-color: #1d2e51 !important; +} +.documentlodgementservice .btn.small { + max-width: 50%; +} +.documentlodgementservice .btn-group{ + display: flex; + +} +.documentlodgementservice .btn-group *{ + max-width: calc(50% - 1rem); +}
\ No newline at end of file |
