starryeyez024

<div class="region-content">
  <h2>Hello World!
    
  </h2>
  <div id="block-block-1" class="block">
    Lorem Ipsum Uno <a href="http://www.redhat.com">Click me</a>
  </div>
  <div id="block-block-5" class="block">
    Lorem Ipsum Dos <a href="http://www.redhat.com">Click me</a>
  </div>

starryeyez024

<div class="region-content">
  <h2>Hello World!
    
  </h2>
  <div id="block-block-1" class="block">
    Lorem Ipsum Uno <a href="http://www.redhat.com">Click me</a>
  </div>
  <div id="block-block-5" class="block">
    Lorem Ipsum Dos <a href="http://www.redhat.com">Click me</a>

starryeyez024

<div class="grid"> 
<div class="col-xs-12 col-md-8">.col-xs-12 .col-md-8</div> 
<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div> 
</div>

<div class="grid"> 
<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div> 
<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div> 
<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div> 
</div>

starryeyez024

// ----
// libsass (v3.5.4)
// ----

////////////////////////////////////////////////////////////
// Crayola colors!   elements/rh-sass/_colors.scss

$rh-red: #c00;
$rh-blue: #06c;

starryeyez024

@font-face{
    font-family:Open Sans;
    font-style:normal;
    font-weight:400;
    src:url(/pattern-lab/build/fonts/opensans-regular.woff2) format("woff2"),url(/pattern-lab/build/fonts/opensans-regular.woff) format("woff")
}
@font-face{
    font-family:Open Sans;
    font-style:italic;
    font-weight:400;

starryeyez024

<br/>
<div class="wrapper" data-rh-layout="card-gallery">
  <div class="box">1</div>
  <div class="box">2</div>
  <div class="box">3</div>
</div>
<br/>
<div class="wrapper2" data-rh-layout="box-gallery">
  <div class="box">1</div>
  <div class="box">2</div>

starryeyez024

<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.

starryeyez024

// ----
// Sass (vundefined)
// Compass (vundefined)
// dart-sass (v1.6.2)
// ----

.parent {
   &-child {
     color:red;
     & + & {

starryeyez024

<div class="container">
  <div class="logo">Logo</div>
  <div class="links">
    <ul>
      <li>Try</li>
      <li>Learn</li>
      <li>Buy</li>
    </ul>
  </div>
</div>

starryeyez024

<br/>
<div class="headline1">Headline hello world, 400 weight</div>
<div class="headline2">Headline hello world, 500 weight</div>
<div class="headline3">Headline hello world, 600 weight</div>
<div class="headline4">Headline hello world, 700 weight</div>
<div class="headline5">Headline hello world, 800 weight</div>
<div class="headline6">Headline hello world, 900 weight</div>