johngerome

Pseudo Element :after and :before / Multiple Backgrounds and Borders with CSS 2.1

Multiple Backgrounds and Borders with CSS 2.1

A Pen by John Gerome Baldonado on CodePen.

License.

johngerome

Sassy stuff

I heard you like Sass. This gist moved to its own repository: https://github.com/HugoGiraudel/awesome-sass.

GitHub repositories

• SassDoc: a JSDoc for Sass files
• SassyBitwise: bitwise operators implemented in Sass
• SassyCast: a small lib for type conversion across data types
• SassyJSON: a JSON encoder/decoder in Sass

johngerome

<div class="btn-default">Default</div>
<div class="btn-default--flat">Flat</div>
<div class="btn-default--circle">Circle</div>

johngerome

```
ERROR: Error installing compass:
ERROR: Failed to build gem native extension.

    current directory: /var/lib/gems/2.1.0/gems/ffi-1.9.10/ext/ffi_c
/usr/bin/ruby2.1 -r ./siteconf20151118-18985-1l1bsx7.rb extconf.rb
mkmf.rb can't find header files for ruby at /usr/lib/ruby/include/ruby.h

extconf failed, exit code 1

johngerome

dd,form ol,form ul{margin-left:0}.breadcrumbs,.nav ul,.pagination,form ol,form ul,ol.list,ul.list{list-style:none}.main-navigation a,a{text-decoration:none}.block-thumb,table{border-collapse:collapse}.headline-list,.nav-footer,.post-list{list-style-type:none}.block,.block-thumb .b-inner,.breadcrumbs,.comment-container,.footer,.footer__location-map,.g,.header .lc,.is-vishidden,.main-navigation .menu-primary-container,.nav,.pagination,.search-form,.section-contact-us,.section-precontent,.section-s3-tech .section-row-2,.site-navigation-wrapper,.social-share,.tabs,.widget-area .widget,dl{overflow:hidden}@font-face{font-family:Roboto;font-style:normal;font-weight:100;src:local('Roboto Thin'),local('Roboto-Thin'),url(https://fonts.gstatic.com/s/roboto/v15/Jzo62I39jc0gQRrbndN6nfesZW2xOQ-xsNqO47m55DA.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local('Roboto Light'),local('Roboto-Light'),url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfaCWcynf_cDxXwCLxiixG

johngerome

// to encode a font into Base64 use this tool https://www.npmjs.com/package/font-store
 (function (window, document) {
   'use strict';

   var isModernBrowser = (
       'querySelector' in document &&
       'localStorage' in window &&
       'addEventListener' in window
     ),
     key = 'font',

johngerome

# Your init script
#
# Atom will evaluate this file each time a new window is opened. It is run
# after packages are loaded/activated and after the previous editor state
# has been restored.
#
# An example hack to log to the console when each text editor is saved.
#
# atom.workspace.observeTextEditors (editor) ->
#   editor.onDidSave ->

johngerome

{"lastUpload":"2020-02-20T10:17:23.142Z","extensionVersion":"v3.4.3"}

johngerome

[
    {
        "name":"New South Wales",
        "abbreviation":"NSW"
    },
    {
        "name":"Victoria",
        "abbreviation":"VIC"
    },
    {