Paul Smith paulmsmith

## countCSSRules.js
function countCSSRules() {
    var results = '',
        log = '';
    if (!document.styleSheets) {
        return;
    }
    for (var i = 0; i < document.styleSheets.length; i++) {
        countSheet(document.styleSheets[i]);
    }
    function countSheet(sheet) {

## redrawIEBeforeContentSnipper.css
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^="ss-"]{-ms-zoom: 1;}

## css_only_select_styling.html

<html>
<head>
  <title>Select styles with CSS only</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <style>
    body {
      background-color: #fff;
      font-family: helvetica, sans-serif;
      margin: 4% 10%

## emmet_demo.html
article.foo>div.bar|c

## _tools.mixins.maintainaspect.scss
// Maintain ratio mixin. Great for responsive grids, or videos.
// https://gist.github.com/brianmcallister/2932463
//
// $ratio - Ratio the element needs to maintain.
//
// Examples
//
//   // A 16:9 ratio would look like this:
//   .element {
//     @include maintain-ratio(16 9);

## Scroll-overflowing-list-of-elements-horizontally-(without-line-breaks).md

      
              3 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                paulmsmith
                / Scroll-overflowing-list-of-elements-horizontally-(without-line-breaks).md
            
            
              Last active
              August 29, 2015 14:10
                — forked from mtin79/Scroll-overflowing-list-of-elements-horizontally-(without-line-breaks).md
            
          
    Scroll overflowing list of elements horizontally (without line-breaks)

Scroll overflowing list of elements horizontally insider a fixed sized container element without elements breaking into a new line.
A Pen by Martin Schubert on CodePen.
License.
Discusstion:
http://stackoverflow.com/questions/11477406/horizontal-scrolling-fit-to-content-width?rq=1

  
## bem_example_libsass.scss
// mark-up example
// <div class="block block--sml"><span class="block__label">Text here</span></div>

.block { color: #000; }

// outputted css
.block {
	color: #000;
}

## bem_question.scss
// block one (the containing block)
.accordion {}

// block two (the nested BEM block)
.toggler {}

// when the accordion is toggled open I need to update it's
// appearance whilst adhearing to the BEM methodology. How?

// option one:

## SassMeister-input.scss
// ----
// libsass (v3.2.4)
// ----

.c-nav {
  position: relative;

  &:before {
    content: 'Menu';
    display: inline-block;

## SassMeister-input.scss
// ----
// libsass (v3.2.4)
// ----

.c-nav {
  position: relative;

  &:before {
    content: 'Menu';
    display: inline-block;
	function countCSSRules() {
	var results = '',
	log = '';
	if (!document.styleSheets) {
	return;
	}
	for (var i = 0; i < document.styleSheets.length; i++) {
	countSheet(document.styleSheets[i]);
	}
	function countSheet(sheet) {
	/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
	html:hover [class^="ss-"]{-ms-zoom: 1;}

	<html>
	<head>
	<title>Select styles with CSS only</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
	body {
	background-color: #fff;
	font-family: helvetica, sans-serif;
	margin: 4% 10%
	// Maintain ratio mixin. Great for responsive grids, or videos.
	// https://gist.github.com/brianmcallister/2932463
	//
	// $ratio - Ratio the element needs to maintain.
	//
	// Examples
	//
	// // A 16:9 ratio would look like this:
	// .element {
	// @include maintain-ratio(16 9);
	// mark-up example
	// <div class="block block--sml"><span class="block__label">Text here</span></div>

	.block { color: #000; }

	// outputted css
	.block {
	color: #000;
	}
	// block one (the containing block)
	.accordion {}

	// block two (the nested BEM block)
	.toggler {}

	// when the accordion is toggled open I need to update it's
	// appearance whilst adhearing to the BEM methodology. How?

	// option one:
	// ----
	// libsass (v3.2.4)
	// ----

	.c-nav {
	position: relative;

	&:before {
	content: 'Menu';
	display: inline-block;