Robert Caracaus rcaracaus
rcaracaus
/ gist:2ae1c297952446316b85e7b4f111e4e0
Created
March 4, 2018 20:30
This file contains 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
| import React from 'react' | |
| import Link from 'gatsby-link' | |
| export default class IndexPage extends React.Component { | |
| render() { | |
| const { data } = this.props | |
| const { edges: posts } = data.allMarkdownRemark | |
| const homePageData = posts.filter(post => post.node.fields.slug === '/homepage/')[0].node | |
| return (<div> |
rcaracaus
/ SassMeister-input-HTML.html
Last active
August 29, 2015 14:20
Generated by SassMeister.com.
This file contains 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="magic-blue-box">magic-blue-box</div> |
This file contains 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="green"> | |
| <div class="component"> | |
| <div class="component__layer-1"> | |
| <div class="component__layer-2"> | |
| <div class="component__layer-3"> | |
| <div class="component__layer-4"> | |
| asdf | |
| </div> | |
| </div> | |
| </div> |
This file contains 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="green"> | |
| <div class="component"> | |
| <div class="component__layer-1"> | |
| <div class="component__layer-2"> | |
| <div class="component__layer-3"> | |
| <div class="component__layer-4"> | |
| asdf | |
| </div> | |
| </div> | |
| </div> |
This file contains 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="green"> | |
| <div class="component"> | |
| <div class="component__layer-1"> | |
| <div class="component__layer-2"> | |
| <div class="component__layer-3"> | |
| <div class="component__layer-4"> | |
| asdf | |
| </div> | |
| </div> | |
| </div> |
rcaracaus
/ SassMeister-input.scss
Created
April 13, 2015 12:25
Allow for theme specific properties to allow for colour scheming without manual overrides.
This file contains 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 (v3.4.12) | |
| // Compass (v1.0.3) | |
| // ---- | |
| @function map-get-nested($map, $keys...) { | |
| @each $key in $keys { | |
| @if type-of($map) != 'map' { | |
| @return $map; | |
| } |
rcaracaus
/ SassMeister-input-HTML.html
Created
February 3, 2015 00:34
Generated by SassMeister.com.
This file contains 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="featured-palette-parent"> | |
| <div class="">asdf</div> | |
| </div> | |
| <div class=""> | |
| <div class="featured-palette-child">asdf</div> | |
| </div> |
This file contains 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 (v3.4.9) | |
| // Compass (v1.0.1) | |
| // ---- | |
| .button, | |
| %button { | |
| border-radius: 5px; | |
| a { | |
| text-decoration: none; |
This file contains 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></div> | |
| <div></div> |
This file contains 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>Resize this window to get eq.js working -- weird SassMeister bug.</div> | |
| <div class="container container--large" > | |
| <div class="component" data-eq-pts="small: 100, medium: 200" > | |
| <div class="component__title">Component Title</div> | |
| Component Body | |
| </div> | |
| </div> | |
| <div class="container container--small" > | |
| <div class="component" data-eq-pts="small: 100, medium: 200" > | |
| <div class="component__title">Component Title</div> |
NewerOlder