Created
September 18, 2018 13:16
-
-
Save starryeyez024/f5c090fa8619fde6dd70437ddd6aa27f to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="rh-divider-content" data-rh-layout="busy-card-gallery"> | |
| <!-- Subpattern | training_course --> | |
| <div class="rh-card--layout" data-rh-background="white" data-rh-theme="light" data-rh-bg-align="cover" data-rh-layout="min-stacked" data-eq-pts="" data-rh-justify="justify" data-rh-card="sections" data-rh-border="thin gray" data-eq-state="xs-divider lg-divider"><header class="rh-card-header" data-rh-background="accent-teal" data-rh-theme="dark"><div class="rh-card-header--component"><h3 class="rh-card-header-title-small">Primary bg color</h3></div></header><div class="rh-card-content" data-rh-layout="stacked"><article class="rh-featured-event-teaser--component"><h3 class="rh-featured-event-teaser-headline-secondary"><a href="https://web-dev-drupal-sshell.dev.a1.vary.redhat.com/en/us183944-training-course-listing-training-box-sub-pattern-3#">Sample Course </a></h3><p class="rh-featured-event-teaser-location-secondary"> | |
| Cras sed luctus libero. Donec id orci quis justo tincidunt placerat. Donec ut vulputate mauris. Pellentesque eu velit quis ligula scelerisque laoreet. Nunc non leo id diam lacinia tristique id nec quam. Ut et dui massa. Etiam condimentum interdum nulla, in fermentum neque ultricies vestibulum. | |
| </p></article></div></div><!-- Subpattern | training_course --><div class="rh-card--layout" data-rh-background="white" data-rh-theme="light" data-rh-bg-align="cover" data-rh-layout="min-stacked" data-rh-justify="justify" data-rh-card="sections" data-rh-border="thin gray" data-eq-state="" style=" | |
| height: 100%; | |
| min-height: 100%;"><header class="rh-card-header" data-rh-background="accent-teal-medium" data-rh-theme="dark"><div class="rh-card-header--component"><h3 class="rh-card-header-title-small">secondary color</h3></div></header><div class="rh-card-content" data-rh-layout="stacked"><article class="rh-featured-event-teaser--component"><h3 class="rh-featured-event-teaser-headline-secondary"><a href="https://web-dev-drupal-sshell.dev.a1.vary.redhat.com/en/us183944-training-course-listing-training-box-sub-pattern-3#">Example certification</a></h3><p class="rh-featured-event-teaser-location-secondary"> | |
| Ut et dui massa. Etiam condimentum interdum nulla, in fermentum neque ultricies vestibulum. | |
| </p></article></div><footer class="rh-card-footer"><div class="rh-cta--component" data-rh-align="right" data-rh-cta-type="ghost"><a class="rh-cta-link" href="https://web-dev-drupal-sshell.dev.a1.vary.redhat.com/en/us183944-training-course-listing-training-box-sub-pattern-3#" title="view cert">View certification</a></div></footer></div><!-- Subpattern | training_course --><div class="rh-card--layout" data-rh-background="white" data-rh-theme="light" data-rh-bg-align="cover" data-rh-layout="min-stacked" data-rh-justify="justify" data-rh-card="sections" data-rh-border="thin gray" data-eq-state=""><header class="rh-card-header" data-rh-background="accent-teal-dark" data-rh-theme="dark"><div class="rh-card-header--component"><h3 class="rh-card-header-title-small">tertiary</h3></div></header><div class="rh-card-content" data-rh-layout="stacked"><article class="rh-featured-event-teaser--component"><h3 class="rh-featured-event-teaser-headline-secondary"><a href="https://web-dev-drupal-sshell.dev.a1.vary.redhat.com/en/us183944-training-course-listing-training-box-sub-pattern-3#">Hurricane Florence</a></h3><p class="rh-featured-event-teaser-location-secondary"> | |
| Pellentesque eu velit quis ligula scelerisque laoreet. Nunc non leo id diam lacinia tristique id nec quam. Ut et dui massa. Etiam condimentum interdum nulla, in fermentum neque ultricies vestibulum. | |
| </p></article></div><footer class="rh-card-footer"><div class="rh-cta--component" data-rh-align="right" data-rh-cta-type="ghost"><a class="rh-cta-link" href="https://web-dev-drupal-sshell.dev.a1.vary.redhat.com/en/us183944-training-course-listing-training-box-sub-pattern-3#" title="exam">View exam</a></div></footer></div></div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (vundefined) | |
| // Compass (vundefined) | |
| // dart-sass (v1.6.2) | |
| // ---- | |
| .rh-card--layout { | |
| display:block; | |
| border: gray solid 1px; | |
| } | |
| .busy-card-gallery { | |
| display: grid; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .rh-card--layout { | |
| display: block; | |
| border: gray solid 1px; | |
| } | |
| .busy-card-gallery { | |
| display: grid; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="rh-divider-content" data-rh-layout="busy-card-gallery"> | |
| <!-- Subpattern | training_course --> | |
| <div class="rh-card--layout" data-rh-background="white" data-rh-theme="light" data-rh-bg-align="cover" data-rh-layout="min-stacked" data-eq-pts="" data-rh-justify="justify" data-rh-card="sections" data-rh-border="thin gray" data-eq-state="xs-divider lg-divider"><header class="rh-card-header" data-rh-background="accent-teal" data-rh-theme="dark"><div class="rh-card-header--component"><h3 class="rh-card-header-title-small">Primary bg color</h3></div></header><div class="rh-card-content" data-rh-layout="stacked"><article class="rh-featured-event-teaser--component"><h3 class="rh-featured-event-teaser-headline-secondary"><a href="https://web-dev-drupal-sshell.dev.a1.vary.redhat.com/en/us183944-training-course-listing-training-box-sub-pattern-3#">Sample Course </a></h3><p class="rh-featured-event-teaser-location-secondary"> | |
| Cras sed luctus libero. Donec id orci quis justo tincidunt placerat. Donec ut vulputate mauris. Pellentesque eu velit quis ligula scelerisque laoreet. Nunc non leo id diam lacinia tristique id nec quam. Ut et dui massa. Etiam condimentum interdum nulla, in fermentum neque ultricies vestibulum. | |
| </p></article></div></div><!-- Subpattern | training_course --><div class="rh-card--layout" data-rh-background="white" data-rh-theme="light" data-rh-bg-align="cover" data-rh-layout="min-stacked" data-rh-justify="justify" data-rh-card="sections" data-rh-border="thin gray" data-eq-state="" style=" | |
| height: 100%; | |
| min-height: 100%;"><header class="rh-card-header" data-rh-background="accent-teal-medium" data-rh-theme="dark"><div class="rh-card-header--component"><h3 class="rh-card-header-title-small">secondary color</h3></div></header><div class="rh-card-content" data-rh-layout="stacked"><article class="rh-featured-event-teaser--component"><h3 class="rh-featured-event-teaser-headline-secondary"><a href="https://web-dev-drupal-sshell.dev.a1.vary.redhat.com/en/us183944-training-course-listing-training-box-sub-pattern-3#">Example certification</a></h3><p class="rh-featured-event-teaser-location-secondary"> | |
| Ut et dui massa. Etiam condimentum interdum nulla, in fermentum neque ultricies vestibulum. | |
| </p></article></div><footer class="rh-card-footer"><div class="rh-cta--component" data-rh-align="right" data-rh-cta-type="ghost"><a class="rh-cta-link" href="https://web-dev-drupal-sshell.dev.a1.vary.redhat.com/en/us183944-training-course-listing-training-box-sub-pattern-3#" title="view cert">View certification</a></div></footer></div><!-- Subpattern | training_course --><div class="rh-card--layout" data-rh-background="white" data-rh-theme="light" data-rh-bg-align="cover" data-rh-layout="min-stacked" data-rh-justify="justify" data-rh-card="sections" data-rh-border="thin gray" data-eq-state=""><header class="rh-card-header" data-rh-background="accent-teal-dark" data-rh-theme="dark"><div class="rh-card-header--component"><h3 class="rh-card-header-title-small">tertiary</h3></div></header><div class="rh-card-content" data-rh-layout="stacked"><article class="rh-featured-event-teaser--component"><h3 class="rh-featured-event-teaser-headline-secondary"><a href="https://web-dev-drupal-sshell.dev.a1.vary.redhat.com/en/us183944-training-course-listing-training-box-sub-pattern-3#">Hurricane Florence</a></h3><p class="rh-featured-event-teaser-location-secondary"> | |
| Pellentesque eu velit quis ligula scelerisque laoreet. Nunc non leo id diam lacinia tristique id nec quam. Ut et dui massa. Etiam condimentum interdum nulla, in fermentum neque ultricies vestibulum. | |
| </p></article></div><footer class="rh-card-footer"><div class="rh-cta--component" data-rh-align="right" data-rh-cta-type="ghost"><a class="rh-cta-link" href="https://web-dev-drupal-sshell.dev.a1.vary.redhat.com/en/us183944-training-course-listing-training-box-sub-pattern-3#" title="exam">View exam</a></div></footer></div></div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment