kolber

/*

  Usage
  -----
  In your main scss file, add the following three lines.
    $show-grid: true;
    $container-id: container;
    @import "grid";

  To hide the grid background and borders, change the first line to

jmblog

/*
  1kb_grid.scss
  
  This SCSS is based on "The 1Kb CSS Grid".
  Learn more ~ http://www.1kbgrid.com/
*/

/* Grid Settings
---------------------------*/
$columns: 12;     // Number of columns (9, 10, 12, 14 or 16)

jmblog

/*
  1kb_grid_extended.scss
  
  This SCSS is based on "The 1Kb CSS Grid".
  Learn more ~ http://www.1kbgrid.com/
*/

/* Grid Settings
---------------------------*/
$columns: 12;     // Number of columns (9, 10, 12, 14 or 16)

jmblog

/*-----------------------------------------------------
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
-------------------------------------------------------*/

/* Grid Settings
---------------------------*/
// 12-column grid

charlesroper

@function pxem($pxval, $base: 16px) {
  // Function to take a pixel value and divide it by a base value in order to
  // return the size in ems. Default base value is 16px
  @return ($pxval / $base) * 1em; // multiply by 1em to convert px to ems.
}

body {
  background-color: #DCDBD9;
  color: #2C2C2C;
  font: normal 100% Cambria, Georgia, serif;

Ch00by

@mixin triangle($direction-h, $direction-w, $color, $width, $height) {
	width: 0;
	height: 0;
	@if $direction-h == top {
		border-top: $height solid $color;
		border-bottom: $height solid transparent;
	} @else {
		border-bottom: $height solid $color;
		border-top: $height solid transparent;
	}

davist11

56k: "https://123.campfirenow.com/images/56k.gif"
bell: ":bell:"
bezos: ":laughing::thought_balloon:"
bueller: "anyone?"
butts: ":open_hands: :smoking:"
clowntown: "https://123.campfirenow.com/images/clowntown.gif"
cottoneyejoe: ":notes::hear_no_evil::notes:"
crickets: "hears crickets chirping"
dadgummit: "dad gummit!! :fishing_pole_and_fish:"
dangerzone: "https://123.campfirenow.com/images/dangerzone.png"

adamstac

@mixin stretch-link {
  & { position: relative; }
  a { position: absolute; height: 100%; width: 100%; }
}

chriseppstein

@mixin ie6 { * html & { @content } }

#logo {
  background-image: url("/images/logo.png");
  @include ie6 { background-image: url("/images/logo.gif"); }
}

nathansmith

// `Clearfix
//--------------------------------------------------

// Can be added to other style rules via:
//
// #foobar
//   @extend .clearfix

.clearfix:before,
.clearfix:after