Skip to content

Instantly share code, notes, and snippets.

@Nazcange
Nazcange / SassMeister-output.css
Created July 11, 2013 10:23
Sass Mixin toolbox
/* convert font-size in px into rem with a px fallback */
/* create line-height from font-size and line height in same unit */
/* add prefix for calc function and use fall back if needed */
@import "compass";
.fig-wid-pal-list-container{
@include box-sizing(border-box);
@include filter-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8), vertical); // IE6-9 fallback on vertical gradient
// background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
@include background-image(linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%));
bottom: 0;
height: 100%;
padding: 20px 10px;
.fig-wid-arrow,
.fig-wid-arrow-border, .fig-wid1-arrow,
.fig-wid1-arrow-border, .fig-wid2-arrow,
.fig-wid2-arrow-border, .fig-elec-arrow,
.fig-elec-arrow-border {
position: absolute;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
@Nazcange
Nazcange / SassMeister-input.scss
Created July 22, 2015 09:03
Generated by SassMeister.com.
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----
@import "compass";
.toto{
@include flexbox((
@Nazcange
Nazcange / SassMeister-input-HTML.html
Created October 26, 2015 15:07
Generated by SassMeister.com.
<div class="fig-elec-search">
<div class="fig-elec-search__head">
<p class="fig-elec-search__title">Rechercher votre commune</p>
</div>
<div class="fig-elec-search__body">
<form action="" method="GET" class="fig-elec-search__form">
<input type="text" value="" name="COMM"
placeholder="CP ou nom de commune" class="fig-elec-search__input" autocomplete="off">
<span class="fig-elec-search__buttons">
<button type="submit" class="fig-elec-search__button fig-elec-search__button--submit"></button>
@Nazcange
Nazcange / test-contrast.scss
Last active January 26, 2018 09:33
Generated by SassMeister.com.
////
/// @group UI
///
/// The minimum authorized contrast
/// @type Number
$minimum-authorized-contrast: 4.5 !default;
/// The minimum authorized contrast for bigger size
/// @type Number