mistergraphx’s gists

mistergraphx / SassMeister-input-HTML.html

Created September 2, 2014 09:13

Generated by SassMeister.com.

	<div class="page">



	<p>
	<ul>
	<li>item</li>
	<li>item</li>
	<li>item</li>
	<li>item</li>

mistergraphx / SassMeister-input-HTML.html

Last active August 29, 2015 14:06

Generated by SassMeister.com.

	<header role="banner">
	<h1><a href="#">24way<span>app slogan</span></a></h1>
	</header>
	<main role="main">
	<section>

	<header>
	<h1>Section Title</h1>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum imperdiet tortor, a scelerisque mi venenatis in. Etiam mattis sit amet ante quis sodales. Vestibulum eget tellus non turpis euismod elementum pharetra id nibh. Suspendisse potenti.
	<a href="">Learn More</a>

mistergraphx / Responsive-tables.html

Last active February 11, 2018 07:55

Responsive tables presentations.

	<p>
	<strong><span style="text-decoration:underline;">Vous souhaitez des idées de décoration de bouquets de ballons ! cliquez sur la vignette de votre choix</span></strong></p>
	<table border="0" cellpadding="0" cellspacing="0" class="tableau-fluide">
	<tbody>
	<tr>
	<td style="width: 16%; text-align: center;">
	<a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-licence.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr/client/gfx/images/aaaLicences0001.jpg" style="width: 100%;" /></a></td>
	<td style="width: 16%; text-align: center;">
	<a href="http://www.alafete.fr/photos-de-bouquets-de-ballons-noel.html" style="text-decoration: underline; outline: 0px; text-align: center;"><img alt="" src="http://alafete.fr//client/gfx/images/aaaNoel0013.jpg" style="height: 260px; width: 140px;" /></a></td>
	<td style="text-align: center; width: 16%;">

mistergraphx / css-mediaqueries.scss

Last active February 11, 2018 06:53

From http://blog.templatemonster.com/2014/10/14/css-media-queries-for-all-devices-and-browsers-including-ie7-and-ie8/?utm_campaign=TM+Newsletter+2014-10-14&utm_medium=email&utm_source=newsletter

	/* # Breakpoints

	Store and Share all possible breakpoints between projects or modules,
	and use them with breakpoint-sass.

	[Breakpoint-sass documentation](http://breakpoint-sass.com/)
	[Breakpoint Wiki](https://github.com/at-import/breakpoint/wiki)

	@state - Draft

mistergraphx / sassvariables2json.php

Last active August 29, 2015 14:08

work with variables scss files and convert them to json : - the primary goal is to set variables from a form or php script and compiling with scssphp @todo - add sassmap support @todo - a color detection : name, # , rgb()

	/**
	* work with variables scss files and convert them to json
	* the primary goal is to set variables from a form or php script and compiling with scssphp
	*
	* Actualy the script only extract all variables
	*
	* @todo generating a simple config form with the generated datas (label => input)
	* @todo auto-complete with variables in text inputs
	* @todo a color piker for Colors input ( rgb(), #... )
	* @see http://lumadis.be/regex/test_regex.php?id=2357

mistergraphx / sass_named-colors

Last active August 29, 2015 14:09

Sass named colors


	// https://github.com/sass/sass/blob/stable/lib/sass/script/value/color.rb#L28-L180
	// ALTERNATE_COLOR_NAMES
	$alternate-color-name :(
	'aqua',
	'darkgrey',
	'darkslategrey',
	'dimgrey',
	'fuchsia',
	'grey',

mistergraphx / SassMeister-input-HTML.html

Created November 13, 2014 13:35

Generated by SassMeister.com.

	<h2>ALTERNATE_COLOR_NAMES</h2>
	<ul class="alternate-color-name">
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>

mistergraphx / SassMeister-input-HTML.html

Last active December 3, 2017 11:12

Generated by SassMeister.com.

	<a href="#" class="btn btn-primary"><span class="dashed">I'm a link</span></a>
	<a href="#" class="btn btn-success"><span class="dashed">I'm a link</span></a>
	<a href="#" class="btn btn-stripped">Alert !</a>
	<hr>
	<h2>Patterns</h2>
	<div class="pattern dot-pattern"></div>
	<div class="pattern triangle-pattern"></div>
	<div class="pattern saw-pattern"></div>

mistergraphx / SassMeister-input-HTML.html

Created November 17, 2014 08:29

Generated by SassMeister.com.



	<h3>The grid</h3>

	<ul class="rounded-grid">
	<li>
	<img src="http://lorempixel.com/400/400/fashion/1" />
	</li>
	<li>
	<img src="http://lorempixel.com/400/400/fashion/2" />

mistergraphx / SassMeister-input-HTML.html

Last active August 29, 2015 14:09

Generated by SassMeister.com.

	<div class="container">
	<img src="http://lorempixel.com/400/200" />
	</div>

Arnaud B. mistergraphx