mistergraphx

<!-- -->
<!-- a simple div with some links -->
<ol class="breadcrumb">
  <li><a href="#" class="active">Browse</a></li>
	<li><a href="#">Compare</a></li>
	<li><a href="#">Order Confirmation</a></li>
	<li><a href="#">Checkout</a></li>
</ol>
<br />
<!-- a simple div with some links -->

mistergraphx

Interactions between javascript and CSS From http://davidwalsh.name/ways-css-javascript-interact

• GetComputedStyles
• disable pointer events
• Loading external Stylesheets
• classList

mistergraphx

<style>
  .mountain {
    background-image: url('http://sassbreak.com/assets/mountains.jpg');
  }
  
</style>
<div class="item">
  <div class="mountain blend">
    
  </div>

mistergraphx

/***** Selector Hacks ******/
  
/* IE6 and below */
* html #uno  { color: red }
  
/* IE7 */
*:first-child+html #dos { color: red } 
  
/* IE7, FF, Saf, Opera  */
html>body #tres { color: red }

mistergraphx

<main role="main">
  <div class="container">
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ut erat in tellus pulvinar posuere. Cras vitae dui ante. Sed ac nisl in nibh fermentum elementum. Quisque arcu turpis, volutpat at euismod vitae, imperdiet quis augue. Proin pellentesque consequat risus, id convallis odio interdum interdum. Pellentesque et odio in nulla cursus pulvinar. Etiam consectetur lorem laoreet maximus molestie. In sit amet convallis diam, id blandit eros. Duis a pretium justo, a consequat mauris. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec dapibus elit ac porttitor pharetra. Vestibulum tempus leo erat, a tempus orci dictum ac.</p>
      <p class="pull-quote">Lorem ipsum dLorem ipsum dolor sit ametLorem ipsum dolor sit ametolor sit amet, consectetur ad</p>
  </div>
  <div id="footer">
    <a href="#">Brand</a>
  </div>
</main>

mistergraphx

#!/bin/sh

set -e
set -x

for package in $(npm -g outdated --parseable --depth=0 | cut -d: -f3)
do
    npm -g install "$package"
done

mistergraphx

// Changer les quantités des objets d'une commande quand elle passe du statut "attente" à "paye"
function ed_com_post_edition($flux){

	if (
			$flux['args']['action'] == 'instituer'
			AND $flux['args']['table'] == 'spip_commandes'
			AND ($id_commande = intval($flux['args']['id_objet'])) > 0
			AND ($statut_nouveau = $flux['data']['statut']) == 'paye'
			AND ($statut_ancien = $flux['args']['statut_ancien']) == 'attente'
	){

mistergraphx

Addons

  @ border-color(*args)
  @ border-style(*args)
  @ border-width(*args)
  @ clearfix
  @ hide-text
  @ directional-property(*args)
 @ ellipsis(*args)

mistergraphx

// ----
// libsass (v3.1.0)
// ----

@import "bourbon/bourbon";


$icon-family-name: 'icons' !default;
$icon-prefix: 'icon' !default;

mistergraphx

// ----
// libsass (v3.1.0)
// ----

@import "bourbon/bourbon";
@import "neat/neat";

@function neat-calc($nb-col, $unit: em){
    
    $bloc-width: ($nb-col*$column)+($gutter * ($nb-col - 1));