Skip to content

Instantly share code, notes, and snippets.

View christiannaths's full-sized avatar
🍕
Eating pizza

Christian Naths christiannaths

🍕
Eating pizza
View GitHub Profile
/* ------------------------------------------- sprite images */
.client {
background-image: url("../images/sprites.png");
}
.client.amazon {
background-position: 15px -300px;
}
.client.amazon:hover {
header .primary-call-to-action {
color: #fff;
text-shadow: 1px 1px 3px rgba(40, 58, 68, 0.2);
background-color: #34DA99;
border: none;
border-radius: 5px;
box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.15);
}
header {
color: white;
background-image: url("../images/building.jpg");
background-size: cover;
background-position: center bottom;
}
.feature:hover {
color: white;
background-color: #34DA99;
text-shadow: 1px 1px 2px rgba(40, 58, 68, 0.1);
}
.feature:hover .icon {
display: none;
}
.map-canvas
position: relative
&.is-disabled::after
content: ""
position: absolute
top: 0
left: 0
bottom: 0
right: 0
/*
Copyright (C) 2011 by Yehuda Katz
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
var filterCoffeeScript = require('broccoli-coffee')
var filterTemplates = require('broccoli-template')
var uglifyJavaScript = require('broccoli-uglify-js')
var compileES6 = require('broccoli-es6-concatenator')
var compileSass = require('broccoli-sass')
var pickFiles = require('broccoli-funnel')
var mergeTrees = require('broccoli-merge-trees')
var findBowerTrees = require('broccoli-bower')
var env = require('broccoli-env').getEnv()
@christiannaths
christiannaths / style.css
Created October 2, 2015 02:46
Mobile First Responsive CSS for Absolute Beginners
/* ----------------------------------------
Start by writing all the styles you need
to make the page in the "narrowest" (~300px)
viewport look the way it should.
No media query is needed here, and it's
important to remember that all of the styles
you write will be effective for all possible
viewports, unless you override them later.
@christiannaths
christiannaths / index.html
Created October 2, 2015 03:24
Simple State Control with CSS / Event Control with JS
<button class="toggle-nav">Clicky</button>
<nav class="main-navigation">
<ul>
<li><a href="">Home</a></li>
<li><a href="">About</a></li>
<li><a href="">Contact</a></li>
<li><a href="">Search</a></li>
</ul>
</nav>
@christiannaths
christiannaths / index.html
Last active October 2, 2015 18:55
Simple fixed-width, centered container elements.
<div class="container">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
<p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi.</p>
<p>Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing