Skip to content

Instantly share code, notes, and snippets.

View starryeyez024's full-sized avatar
🏠
Working from home

Kendall Totten starryeyez024

🏠
Working from home
View GitHub Profile
<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
starryeyez024 / SassMeister-input-HTML.html
Created March 22, 2018 19:51
Generated by SassMeister.com.
<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
starryeyez024 / SassMeister-input-HTML.html
Last active August 1, 2018 17:43
Generated by SassMeister.com.
<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
starryeyez024 / SassMeister-input.scss
Last active September 7, 2018 03:49
Generated by SassMeister.com.
// ----
// libsass (v3.5.4)
// ----
////////////////////////////////////////////////////////////
// Crayola colors! elements/rh-sass/_colors.scss
$rh-red: #c00;
$rh-blue: #06c;
@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;
<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
starryeyez024 / SassMeister-input-HTML.html
Created September 18, 2018 13:16
Generated by SassMeister.com.
<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
starryeyez024 / SassMeister-input.scss
Created November 14, 2018 17:36
Generated by SassMeister.com.
// ----
// Sass (vundefined)
// Compass (vundefined)
// dart-sass (v1.6.2)
// ----
.parent {
&-child {
color:red;
& + & {
@starryeyez024
starryeyez024 / SassMeister-input-HTML.html
Last active March 18, 2019 18:44
Generated by SassMeister.com.
<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
starryeyez024 / SassMeister-input-HTML.html
Last active March 18, 2019 21:26
Generated by SassMeister.com.
<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>