Alexandre Plennevaux pixeline

Sass is a powerhouse language that is adding new features all the time. For this introduction we will go over the basics of the language and see how they all tie together. We will discuss nesting, parent selector definitions, variables, Sass math, @extends, and @mixins.

Code comments

Commenting your code is the number one awesome thing any developer can do. In CSS you can place comments in your code /* */, but this will appear in the actual CSS and sometimes you don't want or need all that stuff to be there.

In Sass comments are highly encouraged. Sass has what are called 'silent comments' using the // syntax. This will allow the developer to comment like crazy and none of this is exposed in the final CSS. An interesting feature is that Sass supports both types of comments.

Scss

Voilà. C'est quasi fini. 25 avril --> 27 octobre 2017

185 jours
15.984.000 secondes
266.400 minutes
4440 heures
26 semaines et 3 jours.

Vous avez été la première promo de BeCode.

This is a simplified example of Smarter Link Underlines built for Sass rather than Stylus. Original code example by Adam Schwartz of eager.io.

View a live example on Codepen

	<IfModule mod_rewrite.c>
	RewriteEngine On
	RewriteBase /
	RewriteRule ^index\.php$ - [L]
	RewriteCond %{REQUEST_FILENAME} !-f
	RewriteCond %{REQUEST_FILENAME} !-d
	RewriteRule . /index.php [L]
	</IfModule>

	# 1. Install brew --> http://brew.sh/
	# 2. run the following commands in your Terminal
	brew tap homebrew/dupes
	brew tap homebrew/versions
	brew tap homebrew/homebrew-php
	brew install --with-openssl curl
	brew install --with-homebrew-curl --with-apache php71
	brew install php71-mcrypt php71-imagick
	# 3. Follow these instructions to make Apache and php-cli use the newer php executable and make the change persist after reboot.
	brew info php71

	function add_nonbreaking_space_to_text($title, $id = null){
	$title = explode(' ', $title);
	$length = count($title);
	if( $length >0){
	$title[ $length-2 ] .= " " . $title[ $length-1 ];
	array_pop($title);
	}
	return implode(" ", $title);
	}

	<?php

	/**
	* Class Popular_Posts_Data
	*
	* A class for retrieving an array of popular posts post data. This class is designed for use with the WordPress Popular
	* Posts plugin (@see https://wordpress.org/plugins/wordpress-popular-posts/) and will not work without it.
	*
	* @source https://philsmart.me/wordpress-popular-posts-plugin-raw-data-array/
	* @author Phil Smart Alexandre Plennevaux

	<?php
	/**
	* Numeric Pagination Class
	* @author Alexandre Plennevaux https://pixeline.be
	*
	* This class returns a list of LI > A. It is up to you to set the wrapping NAV > UL around your function call.
	*
	* @usage (setting specific classes)
	*
	* // Sets the css classes you want to be used for the output

	<?php
	/*
	*
	* WP-siege: Generates list of all published URLs from a Wordpress site, for use with Siege.
	* Author: Alexandre Plennevaux [email protected]
	*
	*/

	//path to a wp-load file
	include( './wp-load.php' );

	/* ----------------------------------------------
	THE VOICE
	// this class set is used to convey specific expressions in a coherent, global system: the voice of your application.
	---------------------------------------------- */

	.voice{
	font-size:100%;
	font-family: $font-sans;
	&--info{
	background-color:#FFFFDD;