mistergraphx

Addons

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

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

#!/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

<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

/***** 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

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

mistergraphx

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

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

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

/* #Long Shdows Mixin 

<http://www.sitepoint.com/ultimate-long-shadow-sass-mixin/>

@mixin - long-shadow
@author - H. Giraudel
$direction 
$lengh
$color
$fade

mistergraphx

/* Responsive figure and figcaption elements

How to display a figcaption element,
without setting a with = to image with

Source and exemple: <http://stackoverflow.com/questions/6534473/how-can-i-make-the-width-of-my-figcaption-match-the-width-of-the-img-inside>

.basic        - display the figcaption under the image
.side-by-side - display the figcaption on the right