Andrew Cetnarskyj just-andy
just-andy
/ gist:73ba3034d91413b7dc6efe178e4a6742
Created
January 27, 2020 15:17
Phils Conditional examples
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
| // Evalute if this is true - i.e. If true do that | |
| { | |
| internal && <div>Here</div> | |
| } | |
| // Evaluate if this do this or if that do that | |
| { | |
| internal ? <div title="true"></div> : <div title="false"></div> | |
| } |
just-andy
/ gist:94cc5bb5ab939b1fa38c354b1e73ef0c
Created
January 24, 2020 12:43
Background image in react
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
| import React from "react" | |
| import graphic from "../../images/graphic.png" | |
| const HeroText = () => { | |
| return ( | |
| <div | |
| className="bg-primary100 text-white mb-32 sm: lg:bg-no-repeat lg:bg-right-bottom" | |
| style={{ backgroundImage: `url(${graphic})` }} | |
| > |
just-andy
/ Tailwind Config - Stripped Version
Created
November 18, 2019 15:20
— forked from benjtinsley/Tailwind Config - Stripped Version
Tailwind Config Stripped Version, which has been stripped of all default Tailwind values in order to ensure only the absolute necessary styles are generated into classes.
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
| /* | |
| Tailwind - The Utility-First CSS Framework | |
| A project by Adam Wathan (@adamwathan), Jonathan Reinink (@reinink), | |
| David Hemphill (@davidhemphill) and Steve Schoger (@steveschoger). | |
| Welcome to the Tailwind config file. This is where you can customize | |
| Tailwind specifically for your project. Don't be intimidated by the |
just-andy
/ foundation-handlebars-example.js
Created
April 17, 2017 11:49
foundation-handlebarss example
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
| // sample from here - https://zurb.com/university/lessons/staying-d-r-y-with-panini | |
| module.exports = function() { | |
| var month = new Date().getMonth() + 1; | |
| var year = new Date().getFullYear(); | |
| return month + '-' + year; | |
| } |
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
| // Foundation for Sites Settings | |
| // ----------------------------- | |
| // | |
| // Table of Contents: | |
| // | |
| // 1. Global | |
| // 2. Breakpoints | |
| // 3. The Grid | |
| // 4. Base Typography | |
| // 5. Typography Helpers |
just-andy
/ _config.yml
Last active
April 14, 2017 22:08
Trying to get node-sass paths to work in hexo
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 | |
| node_sass: | |
| outputStyle: nested | |
| precision: 4 | |
| sourceComments: false | |
| includePaths: | |
| - --include-path node-modules/foundation-sites/scss/ | |
| - --include-path node-modules/foundation-sites/scss/util |
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
| <!-- Meta and Icons --> | |
| <link rel="apple-touch-icon" sizes="57x57" href="/images/favicons/apple-icon-57x57.png"> | |
| <link rel="apple-touch-icon" sizes="60x60" href="/images/favicons/apple-icon-60x60.png"> | |
| <link rel="apple-touch-icon" sizes="72x72" href="/images/favicons/apple-icon-72x72.png"> | |
| <link rel="apple-touch-icon" sizes="76x76" href="/images/favicons/apple-icon-76x76.png"> | |
| <link rel="apple-touch-icon" sizes="114x114" href="/images/favicons/apple-icon-114x114.png"> | |
| <link rel="apple-touch-icon" sizes="120x120" href="/images/favicons/apple-icon-120x120.png"> | |
| <link rel="apple-touch-icon" sizes="144x144" href="/images/favicons/apple-icon-144x144.png"> | |
| <link rel="apple-touch-icon" sizes="152x152" href="/images/favicons/apple-icon-152x152.png"> | |
| <link rel="apple-touch-icon" sizes="180x180" href="/images/favicons/apple-icon-180x180.png"> |
just-andy
/ default-font.css
Last active
January 20, 2016 21:19
Font family for using system default font styles
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
| font-family: system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; |
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
| <link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'> | |
| <div class="container"> | |
| <article class="banner-container-wide"> | |
| <div class="content"> | |
| <h1>Cheltenham happy Hour</h1> | |
| <p>A new price boost event 15 mins</p> | |
| <a href="#" class="bet-button">Bet Now</a> | |
| </div> | |
| <div class="right-image"> | |
| <img src="https://dl-web.dropbox.com/get/Banners/ap-mccoy.png?_subject_uid=176881273&w=AABkHj5bi0LvM-SPHsyHanRT8tJEBZHxCHxF4pq2x3lgBg"> |
just-andy
/ gist:718c973f158a4bec6e97
Created
May 4, 2015 19:49
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
| <table class="<perch:content id="alignment" label="Alignment" type="select" options="left|Left, right|Right, full|Full" help="Pick an alignment"> | |
| "> | |
| <perch:repeater id="pricelist-items" label="Pricelist Items"> | |
| <tr class="<perch:every count="2">even</perch:every>"> | |
| <th scope="row" data-title="Product"> | |
| <perch:content id="treatment" type="text" label="Treatment" required="true" title="true" help="Enter treatment name"/> | |
| </th> | |
| <td data-title="Price"> | |
| <perch:content id="price" type="text" label="Price" help="Price value in (£)"/> | |
| </td> |
NewerOlder