Commit graph

50 commits

Author SHA1 Message Date
Lucas Larroche
4a6dd73f5e fix: add exclusions to aria-invalid 2022-10-02 14:42:20 +07:00
Lucas Larroche
d86b497c91 Merge branch 'dev' into ll/patch-date-input-icon 2022-10-02 14:39:52 +07:00
Lucas Larroche
17b3b4cead refactor: :not() selectors 2022-09-11 18:31:12 +07:00
rbf
339e40c5fe
fix(input): clickable calendar icon on date input 2022-08-22 14:23:51 +02:00
David Souther
4a1599e1e5
Update _form.scss
Remove vertical-align: middle as it's roughly the same as browser defaults
2022-06-03 21:48:18 -07:00
David Souther
4e5e9a2a60
Update _form.scss
vertical-align only applies to inline-level elements

https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align
https://drafts.csswg.org/css2/#propdef-vertical-align
2022-06-01 14:11:17 -07:00
Lucas Larroche
e821b7647f feat: disabled fieldset 2022-03-06 21:43:51 +07:00
Lucas Larroche
19d2ffad02 feat: disabled groups (fieldset) 2022-03-06 18:25:58 +07:00
Lucas Larroche
ad534987fc Merge branch 'dev' into pr/141 2022-03-06 15:10:20 +07:00
Lucas Larroche
f98b2d78a9 chore(form): Optimize selectors 2022-03-06 12:26:25 +07:00
Lucas Larroche
4c914d1807 chore: Update sanitize.css resets 2022-03-06 10:53:20 +07:00
Leonardo Matos
7fa4a59073
Simpler/smaller selectors with :where :is
Note: https://developer.mozilla.org/en-US/docs/Web/CSS/:where#browser_compatibility doesn't match current [browserlist](https://github.com/picocss/pico/blob/master/package.json#L98-L102) entirely, I will continue the PR checking same microoptin on other files if you agree we can avoid 100% support for following browsers:

- Safari 13.1                   0.530%
- Samsung 14.0             2.258%
- Samsung 13.0             0.198%
- Internet Explorer 11    0.748% (just mentioning, not supported already as it can't handle CSS props)

https://browserslist.dev/?q=Pj0gMC41JSwgbGFzdCAyIG1ham9yIHZlcnNpb25zLCBub3QgZGVhZA%3D%3D
2022-01-23 13:34:38 -03:00
Lucas Larroche
8fadb0e7e8 feat(labels): Add css var to fieldset legend 2021-12-31 12:20:57 +07:00
Markus Siering
dd96dd0b5a feat(labels): add optional font weight
which can be set separately from the standard font weight
to put emphasis on the form labels if needed.

closes #79
2021-12-25 16:01:19 +01:00
Lucas Larroche
41314ab4b0 Revert "Merge branch 'master' into dev"
This reverts commit 6a6d67dbab, reversing
changes made to ba4bd765d8.
2021-12-19 09:50:55 +07:00
Lucas Larroche
6a6d67dbab Merge branch 'master' into dev 2021-12-19 09:50:15 +07:00
Lucas Larroche
0b3f1656f2 Style: Add focus for aria-invalid form elements 2021-11-08 01:55:20 +07:00
Lucas Larroche
d5544ea021
Revert "Feature: modal" 2021-11-08 00:12:34 +07:00
Lucas Larroche
c66f9911e2 Fix: Input aria-invalid 2021-11-07 12:32:09 +07:00
Lucas Larroche
f6d38a7586 Order scss properties 2021-11-02 02:54:52 +07:00
Lucas Larroche
e329c85d28 Fix: checkbox and radio aria-invalid #44 2021-10-25 09:30:01 +07:00
Lucas Larroche
5f6e3c1abd Prettify code 2021-10-24 12:33:20 +07:00
Lucas Larroche
001d1a9657 RTL support #34 2021-10-24 02:06:00 +07:00
Lucas Larroche
6363f84087 Fix: input[aria-invalid] text overlaps the icon #35 2021-10-23 23:32:09 +07:00
Lucas Larroche
320275ff99 Form: Fix label and legend vertical-align 2021-10-23 17:41:07 +07:00
Lucas Larroche
08d6d34f44 Fix: Input hidden #39 2021-10-23 12:35:15 +07:00
Jarek Zgoda
cb5b746bbb Use sass division function instead of deprecated operator
This effectively make the SCSS code processable only by dart-sass
because neither libsass (and node-sass in consequence) nor ruby-sass
supports new syntax. See
https://sass-lang.com/documentation/breaking-changes/slash-div for more
information.

This fixes #27
2021-08-18 12:44:54 +02:00
Lucas Larroche
fbf3d4f27f Clean textarea reset 2021-07-25 16:40:52 +07:00
Lucas Larroche
dc42ec62f3 Add a loading indicator for aria-busy 2021-07-17 15:19:19 +07:00
Lucas Larroche
dd534ef6a6 New --button-box-shadow var
+ rename `--form-element-focus` to `--form-element-focus-color`
+ code cleaning
2021-07-02 22:18:14 +07:00
Lucas Larroche
d12af72cab CSS Vars refactoring 2021-07-02 16:54:41 +07:00
Lucas
431f0e6f8f Input helper (<small>) margin adjustment 2020-10-28 07:55:28 +07:00
Lucas
78a1c879a0 Prevent breaking changes for validation states 2020-10-27 17:12:36 +07:00
Lucas
d49c7ffcf2 Define validation states with aria-invalid 2020-10-27 12:25:53 +07:00
Lucas
c4fb3ec4af Fix [type="range"]:focus 2020-10-01 09:56:08 +07:00
Lucas
9b1ef33577 Move styles in SCSS vars to CSS vars 2020-09-29 08:38:35 +07:00
Lucas
6f260e9b74 Better spacing between form elements
+ Revert better alignement for checkboxes & radios (#07d19a8)
2020-09-25 00:45:44 +07:00
Lucas
67e865d32c Styles reordering for better slim version 2020-09-25 00:17:43 +07:00
Lucas
b37ef21253 Styles reordering for optional custom checkboxes & radios 2020-09-24 23:11:59 +07:00
Lucas
456539a52e New form elements
- CSS icons color dynamization in `_color.scss`
- Bigger Checkboxes and Radio buttons
- Small refactoring for Checkboxes and Radio buttons in `_form.scss` and `form-checkbox-radio.scss`
- Styles for new form elements: `type=date`, `type=datetime-local`, `type=month`, `type=time`, `type=week`, `type=range`, `type=search`
- Reordering @import in `pico.scss` and `pico.slim.scss`
2020-09-24 22:35:30 +07:00
Lucas
6273184242 Clean code 2020-09-11 23:30:24 +07:00
Lucas
a2404b19b5 Add Sanitize.css
https://csstools.github.io/sanitize.css/
2020-09-11 23:22:50 +07:00
Lucas
6cc98ad873 Small CSS improvements
- Helper (<small>) for <select> and <textarea>
- Better roll for a.contrast
2020-08-08 10:05:47 +07:00
Lucas
4ade514bb0 Remove focus overrides on Firefox 2020-07-21 09:25:38 +07:00
Lucas
bcf6d7c779 Polish
- Polish forms documentation
- Polish scss code
2019-12-10 14:56:52 +07:00
Lucas
b3022b256e Improve markup validity
- Use `.classes` instead of properties for validations states
- Docs: `aria-label` for `article`
+ Simplify `hgroup`
2019-12-10 11:14:24 +07:00
Lucas
345053a956 Improvements
- Remove Increase headings font size inside <header>
- Add $enable-transitions in _variables.scss
- Bigger Checkbox, Radio, switch
- Remove borders on button
2019-12-02 23:22:13 +07:00
Lucas
434cbe02ac Scss files organization
+ Slim version example
2019-12-02 11:52:26 +07:00
Lucas
f5e4d01cbb Documentation 2019-11-28 07:20:36 +07:00
Lucas
16c7596319 Initial commit 🚀 2019-11-27 15:31:49 +07:00