Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged PR, removed SCSS warnings, added rows, columns, :user-valid, labels to groups and more #638

Open
wants to merge 68 commits into
base: main
Choose a base branch
from

Conversation

Yohn
Copy link

@Yohn Yohn commented Nov 27, 2024

I wasnt sure if this was still maintained and added some helpful resourced I created, and merged a bunch of open pull requests that corrected some issues.

Heres my Fork and Heres an updated Demo

y2kbugger and others added 30 commits April 23, 2024 19:42
Given a dropdown that contains an accordion within it, the accordion renders as a dropdown because the summary selector also selects the children of a dropdown element. This fixes that so it renders as expected.

```
<details class="dropdown">
   <summary> Select a phase of matter... </summary>
   <ul>
      <li>
         <details>
            <summary> This is a dropdown option </summary>
            <ul>
               <li><label><input type="radio" name="phase" value="gas"> Gas </label></li>
               <li><label><input type="radio" name="phase" value="plasma"> Plasma </label></li>
            </ul>
         </details>
      </li>
   </ul>
</details>
```
fix: Card in modal does not use modal styling
Add date to list of excluded input types.
fix: don't count hidden rows in table stripes
Update _loading.scss not to affect form elements itself
Fix several typos throughout the project
Fix details inside drop-down being rendered as dropdown
Surpressing sass warnings and closing 1 & 11
…o 2, and added responsive .row, .col-*, and .offset-* classes, using display:gid, the same way bootsrap-5 is set up for the .row, .com-* and .offset* classes.
… enviroment. Added accordion javascript for slide effect. modified the notification scss, and added more demos.
…eader > h[1-6]` And added the border-color for dark theme on the article > header
@mperham
Copy link

mperham commented Dec 13, 2024

Really nice work. @lucaslarroche would you consider adding additional maintainers like @Yohn to PicoCSS? I’d like to use Pico, I really like the ethos and design but the lack of any maintenance makes it a non-starter.

@Yohn
Copy link
Author

Yohn commented Dec 13, 2024

@mperham

The fork I have going has the npm and composer install methods - Pico CSS V 2.2.0

@mperham
Copy link

mperham commented Dec 13, 2024

I grab the raw CSS from css/ and adjust a few custom properties. I prefer no build in my project and don’t use npm at all.

My main worry right now is RTL fixes as I support multiple RTL languages like Arabic and Hebrew. Did you pull in those PRs?

@Yohn
Copy link
Author

Yohn commented Dec 13, 2024

@mperham yes I did pull in the rtl fixes here, and had another contributor submit another rtl recently.

And the css files in the css directory in my fork have all been updated as well

@Yohn
Copy link
Author

Yohn commented Dec 21, 2024

u# Version 2.2.1

What's Changed

Full Changelog: Yohn/PicoCSS@2.2.0...2.2.1

New Contributors

Yohn and others added 10 commits December 22, 2024 02:11
Github action automatically builds the CSS files in the `css/` directory from the `scss/` directory in merge and push requests using npm
Run build script only when change is made within the `scss` directory
Added compatability with `.dropdown` to the `role=group`
Put a dropdown submenu in the group examples
Improved borders on `[role=group] > label, [role=group] > legend` to ensure the same size as other group elements
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.