mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-21 09:06:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #15 from lukas-kasticky:dev

Browse source 
Allow use of card component with `role="article"`
This commit is contained in:
JWB 2024-12-03 09:13:07 -05:00 • committed by GitHub
commit a8bbc686a3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 4 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
scss/_index.scss
View file

@ -37,7 +37,7 @@
// Components // Components
@use "components/accordion"; // details, summary @use "components/accordion"; // details, summary
@use "components/card"; // article @use "components/card"; // article, role="article"
@use "components/dropdown"; // details.dropdown @use "components/dropdown"; // details.dropdown
@use "components/group"; // role="group" @use "components/group"; // role="group"
@use "components/loading"; // aria-busy=true @use "components/loading"; // aria-busy=true

5
scss/components/_card.scss
View file

@ -3,10 +3,11 @@
@if map.get($modules, "components/card") { @if map.get($modules, "components/card") {
/** /**
* Card (<article>) * Card (<article>, role="article")
*/ */
#{$parent-selector} article { #{$parent-selector} article,
#{$parent-selector} [role="article"] {
margin-bottom: var(#{$css-var-prefix}block-spacing-vertical); margin-bottom: var(#{$css-var-prefix}block-spacing-vertical);
padding: var(#{$css-var-prefix}block-spacing-vertical) padding: var(#{$css-var-prefix}block-spacing-vertical)
var(#{$css-var-prefix}block-spacing-horizontal); var(#{$css-var-prefix}block-spacing-horizontal);