A Pen by Steve Lombardi on CodePen.
Steve Lombardi smlombardi
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 (v3.4.11) | |
| // Compass (v1.0.3) | |
| // ---- | |
| $spacers: ( sm: 10px, med: 20px, lg: 30px, xlg: 40px); | |
| $directions: (top, bottom); | |
| // @each $spacer, $amt in $spacers { | |
| // .spacer--#{$spacer}:hover { |
smlombardi
/ searchbar.html
Created
March 6, 2015 20:02
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
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Document</title> | |
| <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> | |
| <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> | |
| <link rel="stylesheet" href="css/design_system.css"> |
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 (v3.4.12) | |
| // Compass (v1.0.3) | |
| // ---- | |
| //PRIMARY | |
| $pb-cyan: rgb(0, 155, 223); | |
| $pb-medium-blue: rgb(0, 130, 213); | |
| $pb-blue: rgb(62, 83, 164); | |
| $pb-purple: rgb(160, 63, 155); |
smlombardi
/ SassMeister-input.scss
Last active
August 29, 2015 14:19
color palette sass map and function
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 (v3.4.12) | |
| // Compass (v1.0.3) | |
| // ---- | |
| $pbcolors: ( | |
| pbcyan : ( | |
| 50: #E5F5FC, | |
| 100: #CCEBF9, |
smlombardi
/ 0_reuse_code.js
Last active
August 29, 2015 14:19
Here are some things you can do with Gists in GistBox.
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
| // Use Gists to store code you would like to remember later on | |
| console.log(window); // log the "window" object to the console |
smlombardi
/ snippets.cson
Created
November 9, 2015 16:21
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
| # Your snippets | |
| # | |
| # Atom snippets allow you to enter a simple prefix in the editor and hit tab to | |
| # expand the prefix into a larger code block with templated values. | |
| # | |
| # You can create a new snippet in this file by typing "snip" and then hitting | |
| # tab. | |
| # | |
| # An example CoffeeScript snippet to expand log to console.log: | |
| # |
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
| /** | |
| * HSL clock | |
| */ | |
| height: 100%; | |
| font: bold 5em/1 Helvetica Neue, sans-serif; | |
| display: flex; | |
| text-align: center; | |
| align-items: center; | |
| justify-content: center; |
smlombardi
/ centered view demo button.markdown
Created
June 17, 2016 15:31
centered view demo button
smlombardi
/ init.coffee
Last active
September 30, 2016 20:40
automatic update by http://atom.io/packages/sync-settings
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
| # 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 make opened Markdown files always be soft wrapped: | |
| # | |
| # path = require 'path' | |
| # |
smlombardi
/ workspace-settings.json
Created
April 12, 2017 18:03
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
| "workbench.experimental.colorCustomizations": { | |
| "activeTabBackground": "#24292A", | |
| "activityBadgeBackground": "#DA6771", | |
| "activityBadgeForeground": "#24292A", | |
| "activityBarBackground": "#3C4140", | |
| "editorBackground": "#24292A", | |
| "editorCurrentFindMatchHighlight":"#ff777780", | |
| "editorFindMatchHighlight":"#cb606080", | |
| "editorLineNumbers": "#616B69", | |
| "editorRangeHighlight":"#263040", |