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

Cards Block Variant: 3-card row with button #115 #168

Merged
merged 4 commits into from
Nov 15, 2023

Conversation

cogniSyb
Copy link
Collaborator

@cogniSyb cogniSyb commented Nov 13, 2023

Fix #115

Test URLs:

I’ve added three variants:

  1. no-background for removing background of cards and its padding
  2. image-aspect-ratio-7-5 to change from 16/9 aspect ratio for images to 7/5
  3. large-heading for having a h4-style heading

The latter I’m not happy with. I’d rather utilise the CSS class h4 here, but I’m running into specificity issues.

Then, I’ve added a possibility to add buttons in cards. As per documentation I’m utilising strong/emphasis elements for the primary/secondary button. The normal state will be the standalone link.

Copy link
Contributor

aem-code-sync bot commented Nov 13, 2023

Hello, I'm the AEM Code Sync Bot and I will run some test suites that validate the page speed.
In case there are problems, just click the checkbox below to rerun the respective action.

  • Re-run PSI Checks

Copy link
Contributor

aem-code-sync bot commented Nov 13, 2023

Page Scores Audits Google
/drafts/syb/cards PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

@cogniSyb cogniSyb merged commit e78ed5e into develop Nov 15, 2023
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
FR Functional requirement
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants