Nazcange

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

Nazcange

@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;

Nazcange

.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

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----

@import "compass";


.toto{
  @include flexbox((

Nazcange

<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

////
/// @group UI
///

/// The minimum authorized contrast
/// @type Number
$minimum-authorized-contrast: 4.5 !default;

/// The minimum authorized contrast for bigger size
/// @type Number