daphotron’s gists

daphotron / dabblet.css

Created March 8, 2013 15:50

CSS color applied to placeholder pseudo class

	/* Broken on chrome, (comment out "works on chrome code") */
	#field::-webkit-input-placeholder,
	#field:input-placeholder { color: red; }

	/* Works on chrome */
	#field::-webkit-input-placeholder { color: red; }

	#field::-moz-placeholder { color: red; }
	#field:-moz-placeholder { color: red; }
	#field:-ms-input-placeholder { color: red; }

daphotron / config.rb

Created July 1, 2013 16:01

Remove last semi-colon within compressed CSS files generated by SASS, place this inside your config.rb.

	# Removes the last semi-colon in the CSS block
	def cleansemi(filepath)
	# puts "cleaning: #{filepath}"
	text = File.read(filepath)
	replace = text.gsub(/;(.\s*)\}/m, '\1}')
	# puts replace
	File.open(filepath, "w") {\|file\| file.puts replace}
	end

	# Clean semi-colons with the stylesheet callbacks

daphotron / sass-allcompile.sh

Created July 10, 2013 14:23

Compass compile --force all .scss files inside drupal sites folders. Excludes files asset folder.

	#!/bin/bash

	# Finds any .scss files inside the /sites directory (excluding /files)
	# Creates unique array of paths which contain the .scss files
	# Run compass compile --force within the directories

	# Script path
	SCRIPT_DIR=`pwd`

	# Sites path relative to the location of where this script file is kept.

daphotron / SassMeister-input-HTML.html

Created October 15, 2013 19:31

Testing compass contrast-color() function on sassmeister.com

	<div class="btn-dark">Hello dark</div>
	<div class="btn-light">Hello light</div>

	<div class="btn-dark-contrast">Hello dark</div>
	<div class="btn-light-contrast">Hello light</div>

daphotron / dabblet.css

Created November 1, 2013 19:23

CSS Overriding list-style: none with ol tags.

	ol {
	list-style: none;
	}

	ol {
	list-style: decimal; /* list-style: inherit; does not bring back the decimal */
	}

daphotron / SassMeister-input-HTML.html

Last active December 27, 2015 04:59

Testing em and rem mixins and functions on http://sassmeister.com/gist/7271193

	<h1>Title</h1>

	<div class="caption">
	caption
	</div>

	<div class="big">
	I'm a big font.
	<p>
	Paragraph paragraph paragraph paragraph paragraph paragraph paragraph.

daphotron / SassMeister-input-HTML.html

Last active December 27, 2015 05:09

Test responsive 3 column grid using SASS, compass, breakpoint, susy http://sassmeister.com/gist/7272235

	<h1>
	Responsive 3 column grid using SASS, compass, breakpoint, susy
	</h1>
	<ul class="grid3">
	<li>
	<div class="grid-content">
	Column 1
	</div>
	</li>
	<li>

daphotron / SassMeister-input-HTML.html

Created November 21, 2013 22:16

Ratio function: helps find corresponding width or height. http://sassmeister.com/gist/7590739

	<div class="box box1"></div>
	<div class="box box2"></div>

daphotron / SassMeister-input-HTML.html

Created March 2, 2014 22:40

Compass typography function examples.

	<h1>Heading 1</h1>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed id deserunt fugiat veniam laboriosam perspiciatis perferendis dolores consequatur numquam dicta veritatis maxime nobis eligendi harum illum inventore voluptatibus eaque sunt!</p>
	<p>Ea minima nesciunt eaque quaerat laudantium sed accusamus. Tenetur laborum sapiente enim dolor modi ullam pariatur hic quidem saepe at facere nobis. Itaque obcaecati quod cum at minus adipisci ut.</p>
	<h2>Heading 2</h2>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit vitae alias tempore autem reprehenderit amet impedit quia fugiat. Cupiditate ipsam sed quaerat assumenda fugit nihil architecto tenetur quia! Nobis vitae.</p>
	<p>Sit animi beatae nemo porro iusto et tempore incidunt autem officiis debitis distinctio atque veniam voluptas maxime illo dolores aut minima ratione culpa nam at sapiente dignissimos omnis quae molestias.</p>

daphotron / SassMeister-input-HTML.html

Created March 19, 2014 16:05

CSS triangle mixin: http://sassmeister.com/gist/9645052

Daphne L daphotron