ffoodd

@keyframes test {	from { background: white }	to { background: black }}
html {	background: black;	animation: 2s test;}
html:hover {	animation: 2s test reverse;}

ffoodd

/**
 * Marie Comet test
 */

main {
	margin: 0 auto;
	max-width: 64rem;
}

div {

ffoodd

/**
 * .sr-only reduced test case
 */

.sr-only {
	left: -100vw;
	position: absolute;
}

.sr-only-focusable:focus {

ffoodd

/**
 * CSS selecotrs tester
 */

button:not(:-moz-any([type], [form], [formaction], [formtarget])),
:not(:-moz-any(img, object, embed, svg, canvas)):-moz-any([width],  [height]) {
	outline: 4px solid red;
	outline-offset: -4px;
}

ffoodd

(function($) {

  $.fn.fSelect = function(options) {

    if ('string' === typeof options) {
      var settings = options;
    }
    else {
      var settings = $.extend({
        placeholder: 'Select some options',

ffoodd

<?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.

ffoodd

/**
 * transform space
 */

span { 
	display: inline-block;
	transform: scale(0); 
}

ffoodd

<a class="underline" href="http://www.ffoodd.fr">C&#700;est psychologique</a>

ffoodd

Improved .visually-hidden

Theorically bulletproof CSS class for visually hide anything and keep it accessible to ATs.

A Pen by ffoodd on CodePen.

License.

ffoodd

/* Les chevaliers de la table ronde */