7studio

<!--
# Article

 * http://schema.org/Article
 * https://developers.google.com/structured-data/rich-snippets/articles
 * http://coding.smashingmagazine.com/2012/10/23/road-reusable-html-components/
-->

<div class="Article" itemscope itemtype="http://schema.org/Article">
	<h? class="Article-headline" itemprop="headline">{{title}}</h?>

7studio

• IE doesn't accept spaces on transform: translate
• IE (until 11) ignores font-family name with more than 32 characters
• IE 8 doesn't apply filters on pseudo elements
• Dotted/dashed border-radiused corners are rendered as solid in Firefox
• IE doesn't round up or truncates Em value with more than two decimals
• Table columns visibility collapse does not work in Chrome

7studio

<div class="nav">
    <strong class="nav-name">{{ titre }}</strong>
    <ul class="nav-list nav-list--inline">
        <li class="nav-item">
            <a class="nav-link" href="{{ url }}">{{ lien }}</a>
        </li>
        <li class="nav-item nav-item--withChildren">
            <a class="nav-link" href="{{ url }}">{{ lien }}</a>
            <div class="nav-panel">

7studio

/*
 * @print
 *
 * Styles communs pour la mise en page à l'impression
 * ===
 *
 * …
 *
 * ## Ressources
 *

7studio

/*
 * 1. …
 * 2. Autorise la cessure à l'intérieur de la chaîne qui sera affichée 
 *    pour éviter son dépassement de la boîte de page.
 */
a::after {
  font-size: .83em; /*1 */
  word-wrap: break-word; /* 2 */
}
a[href^="/"]::after {

7studio

.u-cfAlt {
  overflow: hidden !important;
}
.u-cfBi:before,
.u-cfBi:after {
  clear: both;
  display: table;
  content: "";
}

7studio

config/
  _example.scss
  _example.style.scss
  _example.editor-style.scss
core/
  _variables.scss
  _utilities.scss
  _helpers.scss
  modules/
 html.scss

7studio

Some resources

• http://basehold.it/
• http://hashgrid.com/
• http://baselinecss.com/grid.html
• http://static.elliotjaystocks.com/baseline/

7studio

@function adjust_decimal_precision($f, $v, $p: 0) {
    $n : if(0>=$p, 1, 10);
    
    @while ($p > 1) {
        $n: 10*10;
        $p: $p - 1;
    }
    
    @if 'percentage' == $f { @return round(percentage($v) * $n) / $n; }
    @else if 'round' == $f { @return round($v * $n) / $n; }

7studio

<?php

if ( ! function_exists( 'thistle_remove_tiny_mce_colorpicker' ) ) {
    /**
     * Pulls out the colorpicker plugin from TinyMCE.
     * Without this plugin the end user cannot select a custom color.
     *
     * @link https://www.tinymce.com/docs/plugins/colorpicker/
     *
     * @param array $plugins An array of default TinyMCE plugins.