Skip to content

Instantly share code, notes, and snippets.

View csswizardry's full-sized avatar

Harry Roberts csswizardry

View GitHub Profile
@csswizardry
csswizardry / SassMeister-input.scss
Created September 26, 2014 18:24
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
@mixin font-weight($weight) {
@if($weight == 'normal') {
font-weight: 400;
}
@csswizardry
csswizardry / SassMeister-input.scss
Created October 15, 2014 14:07
Generated by SassMeister.com.
// ----
// Sass (v3.4.5)
// Compass (v1.0.1)
// ----
// _settings.colors.scss
$color-btn-light: white;
$color-btn-dark: black;
$color-btn: $color-btn-light;
@csswizardry
csswizardry / SassMeister-input.scss
Created October 15, 2014 14:31
Generated by SassMeister.com.
// ----
// Sass (v3.4.5)
// Compass (v1.0.1)
// ----
$inuit-widget-font-size: 18px;
$inuit-widget-color: black;
// IMPORT WIDGET FILE HERE
@csswizardry
csswizardry / SassMeister-input.scss
Created October 21, 2014 18:30
Generated by SassMeister.com.
// ----
// Sass (v3.4.6)
// Compass (v1.0.1)
// ----
// _colors.scss
// Literal names
$color-brand: #BADA55;
@csswizardry
csswizardry / SassMeister-input.scss
Created October 23, 2014 14:53
Generated by SassMeister.com.
// ----
// Sass (v3.4.6)
// Compass (v1.0.1)
// ----
.input {
background: deepskyblue;
}
.input:hover {
@csswizardry
csswizardry / SassMeister-input.scss
Created November 25, 2014 14:26
Generated by SassMeister.com.
// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----
// _settings.colors.scss
$color-red: #c00;
$color-green: #0c0;
$color-blue: #00c;
@csswizardry
csswizardry / SassMeister-input-HTML.html
Last active August 29, 2015 14:10
Generated by SassMeister.com.
<ul class="wsk-tabs">
<li class="wsk-tabs__item">
<a href="#" class="wsk-tabs__link">Foo</a>
</li>
<li class="wsk-tabs__item">
<a href="#" class="wsk-tabs__link">Bar</a>
</li>
<li class="wsk-tabs__item">
<a href="#" class="wsk-tabs__link is-active">Baz</a>
</li>
@csswizardry
csswizardry / SassMeister-input-HTML.html
Created November 28, 2014 16:53
Generated by SassMeister.com.
<ul class="wsk-tabs">
<li class="wsk-tabs__item">
<a href="#" class="wsk-tabs__link">Foo</a>
</li>
<li class="wsk-tabs__item">
<a href="#" class="wsk-tabs__link">Bar</a>
</li>
<li class="wsk-tabs__item">
<a href="#" class="wsk-tabs__link is-active">Baz</a>
</li>
@csswizardry
csswizardry / SassMeister-input-HTML.html
Created November 30, 2014 19:42
Generated by SassMeister.com.
<ul class="tabs site-nav">
<li class="tabs__item site-nav__item">
<a href="#" class="tabs__link site-nav__link">Home</a>
</li>
<li class="tabs__item site-nav__item">
<a href="#" class="tabs__link site-nav__link is-active">About</a>
</li>
<li class="tabs__item site-nav__item">
<a href="#" class="tabs__link site-nav__link">Produts</a>
</li>
@csswizardry
csswizardry / SassMeister-input-HTML.html
Created November 30, 2014 19:42
Generated by SassMeister.com.
<ul class="tabs site-nav">
<li class="tabs__item site-nav__item">
<a href="#" class="tabs__link site-nav__link">Home</a>
</li>
<li class="tabs__item site-nav__item">
<a href="#" class="tabs__link site-nav__link is-active">About</a>
</li>
<li class="tabs__item site-nav__item">
<a href="#" class="tabs__link site-nav__link">Produts</a>
</li>