1
0
mirror of https://github.com/sakofchit/system.css.git synced 2026-05-05 06:01:22 +09:00
Commit Graph

30 Commits

Author SHA1 Message Date
Patrick H. Lauke
c34763afcb Duplicate class 2022-08-12 23:54:27 +01:00
Patrick H. Lauke
aac95ca340 Add lang to demo page, uppercase DOCTYPE 2022-08-12 23:52:29 +01:00
Patrick H. Lauke
4135156e4a Correct broken/invalid demo page navigation 2022-08-12 23:51:51 +01:00
Patrick H. Lauke
20bdab64c4 Add proper label for find in modeless dialog, add padding to modeless top 2022-08-12 23:39:50 +01:00
Patrick H. Lauke
81ce8841e4 remove redundant .png files 2022-08-12 23:13:37 +01:00
Patrick H. Lauke
afd9f983a5 Tweak dropdown toggle styles
remove browser outline when it's focused
2022-08-12 23:08:44 +01:00
Patrick H. Lauke
3e97e8ac2d Clean up more icons, tweak styles
- correct the apple logo and the checkmark
- general cleanup for the radio svgs
2022-08-12 23:04:18 +01:00
Patrick H. Lauke
5cdcab35c4 Simplify/clean up radio button dot 2022-08-12 23:04:18 +01:00
Patrick H. Lauke
b1301bab26 Simplify radio border svg, create separate svg for focused state, add focused state
Foo
2022-08-12 23:04:11 +01:00
Patrick H. Lauke
1bc39d155c Add outline back to focused checkbox
but use `:focus-visible` so it only shows for keyboard usage
2022-08-12 21:03:18 +01:00
Patrick H. Lauke
4a7b749a74 Give label-less text input an accessible name 2022-08-12 20:50:27 +01:00
Patrick H. Lauke
de788827d7 Associate text field labels correctly with form fields 2022-08-12 20:47:56 +01:00
Patrick H. Lauke
20ecb5e17b Rework dropdown menus as <details>/<summary>
the hidden checkbox approach is brittle and not accessible (wrapping the entire checkbox and menu inside a `<label>`, not easy to add `:focus` style, etc)
2022-08-12 20:45:08 +01:00
Patrick H. Lauke
29ff21628e Give standard dialog a proper <h1> 2022-08-12 20:27:48 +01:00
Patrick H. Lauke
397e75f9ed Refactor text styles
the `vertical-align` wasn't doing anything (since it was broken originally anyway), so removed it. grouped common styles together.
2022-08-12 20:26:30 +01:00
Patrick H. Lauke
496de34c1e Use <h1> for modal dialog box heading, tweak styles
add explicit `font-weight: normal` to `.modal-text` and `.alert-text`, so that it overrides the otherwise bold look of the `<h1>`
2022-08-12 19:55:33 +01:00
Patrick H. Lauke
9efcaea9f6 Correct vertical-align value
`vertical-align: center` is invalid. change to `vertical-align: middle`
2022-08-12 19:53:59 +01:00
Patrick H. Lauke
7c5741dcd7 Don't display:none dropdown checkboxes
using `display:none` makes them non-keyboard-focusable
2022-08-12 10:20:26 +01:00
Patrick H. Lauke
e12c8b0593 Use aria-label for close/resize buttons
add it where the buttons are currently unlabelled, remove the hidden `<span>` for those that have that - `aria-label` is more solid/consistent choice
2022-08-12 10:19:23 +01:00
sakofchit
84e4993ed3 docs link 2022-08-11 00:49:01 -04:00
sakofchit
c3addf1651 automate npm 2022-08-11 00:03:42 -04:00
sakofchit
8cc7ec584c clean up 2022-08-10 21:23:36 -04:00
sakofchit
432ca84144 more ctx 2022-08-10 17:44:49 -04:00
sakofchit
802a520927 unecessary indent 2022-08-10 17:00:27 -04:00
sakofchit
188bff2de6 html syntax 2022-08-10 17:00:01 -04:00
sakofchit
ff3b7953f3 update readme 2022-08-10 16:59:08 -04:00
sakofchit
049b12eb34 add checkbox + dialogs 2022-08-10 14:50:26 -04:00
sakofchit
67aebcf6bf added dialogs/alerts 2022-08-08 01:29:01 -04:00
sakofchit
274863f960 first 2022-08-05 16:14:06 -04:00
sakofchit
6934e67217 first 2022-08-05 16:14:02 -04:00