Skip to content

Instantly share code, notes, and snippets.

View dbox's full-sized avatar

Daniel Box dbox

63 followers · 74 following
View GitHub Profile
@dbox
dbox / knapsack concat
Created January 13, 2016 17:06
knapsack concat
cat knapsack/_animation.scss knapsack/_code.scss knapsack/_forms.scss knapsack/_layout.scss knapsack/_reset.scss knapsack/_tables.scss knapsack/_typography.scss knapsack/_ui.scss knapsack/_utilities.scss >> test/concat.scss
@dbox
dbox / mq-sample.scss
Last active January 16, 2016 18:45
"responsive first" breakbpoint structure
section.section-title {
// rules
article { }
h1 { }
p { }
.specific-div { }
// Rules for only smaller sizes
@include media('<tablet') {
// rules
@dbox
dbox / waypoints-basic.scss
Created January 19, 2016 16:49
waypoints basic
// Create a basic animation triggered by waypoints
// Defaults to fade-in-up type animation, but useful for simple fades or slides.
@mixin waypoint-basic(
$y-start: 30px,
$opacity-start: 0,
$x-start: 0,
$y-end: 0,
$opacity-end: 1,
$x-end: 0,
$duration: .2s,
@dbox
dbox / wp-database-update.md
Created February 3, 2016 16:58
update wp database
  1. login to caissa media temple
  2. go to databases
  3. go to staging database
  4. click on export
  5. do advanced export and download zipped sql file
  6. download uploads from staging(edited)
  7. delete uploads on local
  8. move uploads download from staging to local
  9. login to projects@kurtnoble media temple
  10. go to databases
@dbox
dbox / index.html
Created March 17, 2016 13:13
pm prototyping
html
body
.container
header
nav navbar
div Adjective, SEO description – San Francisco Townhomes & Apartment Living.
nav.sticky
ul
li
@dbox
dbox / colors-by-use.md
Created June 9, 2016 21:05

Example colors by use

// General
$color-primary:           $cyan;
$color-secondary:         $tomato;

// Backgrounds
$highlight-background:    $white;
$main-background:         $off-white;
@dbox
dbox / axis-test.sss
Last active September 10, 2016 04:15
:root
// font stack
--sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif
--helvetica: 'Helvetica Neue', Helvetica, Arial, sans-serif
--helvetica-neue: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif
--serif: Georgia, Cambria, 'Times New Roman', Times, serif
--monospace: Monaco, Menlo, Consolas, 'Courier New', monospace
// defaults
--base-font-size: 16px
@dbox
dbox / rupture.css
Last active January 12, 2017 15:17
@Custom media example
/* breakpoints */
:root { /* px size at 16px base font size */
@custom-media --xs (width < 25em); /* 400px */
@custom-media --s (width < 35.7em); /* 600px */
@custom-media --m (width < 50em); /* 800px */
@custom-media --l (width < 65.625em); /* 1050px */
@custom-media --hd (width < 112.5
@dbox
dbox / breakpoints.css
Last active January 24, 2017 04:22
breakpoints.css (cssnext)
/* breakpoints */
:root { /* px size at 16px base font size */
@custom-media --xs (width < 20em); /* 320px */
@custom-media --s (width < 28em); /* 448px */
@custom-media --m (width < 48em); /* 768px */
@custom-media --l (width < 64em); /* 1024px */
@custom-media --xl (width < 80em);
@dbox
dbox / fix.css
Created March 2, 2017 20:59
entireworld fix
body {
margin: 0 auto;
text-align: center;
font-size: 100%;
}
#content {
width: 98%;
padding: 3% 0% 0% 2%;
max-width: 900px;