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

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

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

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

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

<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="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

<br/>
  <div class="video">
      <span class="play-button"></span>
  </div>

starryeyez024

<br/>
<div class="header">
  <div class="video">
    <img src="https://upload.wikimedia.org/wikipedia/commons/5/52/Mount_Ellinor%2C_Mount_Washington_Panorama.jpg">
  </div>
  <h1>this is my title</h1>
  <h2>this is my longer subhead with more text that probably wraps to a second line</h2>
</div>

starryeyez024

<br/>
<table>
  <tr>
    <td>foo</td>
    <td>foo</td>    
  </tr>
  <tr>
      <td>bar</td>
  </tr>
</table>

starryeyez024

<br/>
<div class="ux-solution-tags">
   <div class="ux-solution-tags-label"> Solutions: </div>
   <div>
      <a href="//www.redhat.com/en/technologies/industries/government/optimize-it" class="ux-solution-tags-cta" >IT optimization</a>
      <a href="//www.redhat.com/en/technologies/industries/government/operationalize-containers" class="ux-solution-tags-cta" >Containers</a>
      <a href="//www.redhat.com/en/technologies/industries/government/modern-app-dev" class="ux-solution-tags-cta" >Modern app development</a>
    </div>
</div>

starryeyez024

<div class="box primary  "></div>
<div class="box secondary"></div>
<div class="box bprimary "></div>
<div class="box bsecondary "></div>
<div class="box btertiary"></div>
<div class="box danger   "></div>
<div class="box light    "></div>
<div class="box dark     "></div>
<div class="box pureWhite"></div>
<div class="box favorite "></div>