strasbourg-2018: new theme for "mon strasbourg" (#21387)

This commit is contained in:
Frédéric Péters 2018-02-23 23:31:31 +01:00
parent 53b72bc456
commit cf842a87ed
606 changed files with 53254 additions and 0 deletions

View File

@ -63,6 +63,7 @@ css: data_uris
cd static/somme-cd80/ && sass style.scss:style.css
cd static/sospel/ && sass style.scss:style.css
cd static/strasbourg/ && sass style.scss:style.css
cd static/strasbourg-2018/ && sass style.scss:style.css
cd static/tonneville/ && sass style.scss:style.css
cd static/tournai/ && sass style.scss:style.css
cd static/urville-nacqueville/ && sass style.scss:style.css

View File

@ -0,0 +1,476 @@
#content div.textcell {
@extend %organism-rte;
}
#content {
@extend %molecule-inlines-rte;
@extend %molecule-headings-rte;
// Design des champs
@extend %molecule-form-components;
}
/* cancel the width: 1200px from site css */
#content div.cell h1 {
width: auto;
}
#content a {
text-decoration: none;
}
/* cancel hyphenation of some elements */
@media screen and (min-width: 500px) {
#side #steps ol li .label,
.page-demarches #rub_service h2,
#content div.textcell h2, #content h2 {
hyphens: none;
}
}
/* cancel focus state for input elements on validation page */
div#content div#rub_service div.form-validation {
input {
cursor: default;
}
input:focus {
border-color: transparent;
background-color: #f6f6f6;
}
}
/* style authentic forms */
div#content div#columns div.a2-block form input[type=submit],
#content div#login-page div.block form input[type=submit] {
display: inline-block;
width: auto;
background-color: $second-color;
color: $core-color;
&:hover, &:focus{
background-color: $core-color;
color: $second-color;
}
}
div#content div#columns div.a2-block form input[type=submit][name=cancel] {
border-color: rgba(0, 0, 0, 0);
color: $core-color;
background-color: white;
border-bottom: solid 1px $core-color;
&:hover, &:focus{
background-color: $core-color;
color: $second-color;
}
}
/* cancel/adjust things */
.page-demarches #rub_service .comment-field {
font-style: inherit;
}
div.hint {
b { font-weight: bold; }
i { font-style: italic; }
}
.ui-dialog-titlebar-close::after {
content: "×";
}
div.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
font-size: 100%;
}
.page-demarches #rub_service .CheckboxesWidget input[type="checkbox"]:checked + span::after,
.page-demarches #rub_service .CheckboxesWidget input[type="checkbox"] + span::before,
.page-demarches #rub_service .RadiobuttonsWidget input[type="radio"]:checked + span::after,
.page-demarches #rub_service .RadiobuttonsWidget input[type="radio"] + span::before {
top: 1.5ex;
}
/* style formdata history */
ul#evolutions,
div#content #disclose-dataview,
div#receipt-intro {
margin: 1em;
padding: 0;
display: block;
}
div.dataview {
display: none;
}
div.qommon-map {
height: 280px;
}
p.use-file-from-fargo span {
cursor: pointer;
border-bottom: 1px dotted #999;
}
/* journal */
ul#evolutions {
list-style: none;
padding: 0;
margin: 0;
position: relative;
}
#evolutions:after {
/* the vertical timeline itself */
content: "";
background: #bbb;
position: absolute;
width: 1px;
top: 40px;
left: 30px;
height: calc(100% - 40px);
z-index: 0;
border-radius: 3px;
}
ul#evolutions li {
list-style-image: none;
margin: 1em 0 2em 0;
z-index: 10;
position: relative;
}
ul#evolutions li:after {
/* li:after, horizontal line, from the timeline to the item */
content: "";
background: #bbb;
position: absolute;
width: 100px;
left: 30px;
top: 39px;
height: 1px;
z-index: -10;
}
ul#evolutions div.evolution-metadata {
width: auto;
display: inline-block;
background: white;
margin-left: 60px;
padding: 1ex;
padding-top: 22px;
padding-bottom: 0;
margin-bottom: 0;
}
ul#evolutions span.time {
display: block;
color: #aaa;
}
ul#evolutions li div.msg span.time {
padding-left: 0;
}
ul#evolutions span.status {
font-weight: bold;
display: inline-block;
}
ul#evolutions span.user {
display: block;
opacity: 0.5;
}
ul#evolutions span.user span {
font-size: 80%;
}
ul#evolutions li div.msg {
padding: 1ex;
padding-top: 0;
position: relative;
background: white;
margin-left: 60px;
margin-right: 30px;
}
ul#evolutions li.msg-in div.msg {
}
ul#evolutions li.msg-out div.msg {
}
ul#evolutions li div.msg div.comment {
padding: 1ex 1em;
background: #EEEEEE;
}
#evolutions .msg-system {
margin-bottom: 30px;
}
ul#evolutions li span.item {
/* left circle icon */
box-sizing: border-box;
position: absolute;
text-align: center;
line-height: 36px;
font-family: FontAwesome;
width: 40px;
height: 40px;
display: block;
left: 10px;
border-radius: 20px;
border: 1px solid #888;
top: 20px;
background: $button-color !important;
color: $button-background !important;
}
ul#evolutions li:first-child span.item:before {
content: "\f067"; /* plus */
}
ul#evolutions li.msg-system span.item:before {
content: "\f141"; /* ellipsis-h */
}
ul#evolutions li.endpoint span.item::before {
content: "\f00c"; /* check */
}
ul#evolutions li span.item:before {
content: "\f075"; /* comment */
}
div.dataview {
div.field {
margin-bottom: 1ex;
}
span.label {
color: inherit;
font-weight: bold;
white-space: normal;
}
.value {
display: block;
margin-left: 1ex;
}
}
div#columns div#rub_service div#summary h2,
div#columns div#rub_service div#evolution-log h2 {
@extend %atom-h3-rte;
margin-bottom: 1rem;
}
div#columns div#rub_service div#evolution-log h2 {
margin-top: 2em;
}
ul#evolutions li::after {
content: none;
}
ul#evolutions li span.item {
background: $primary-color !important;
color: white !important;
border: none;
line-height: 40px;
}
#evolutions::after {
height: calc(100% - 40px - 30px);
}
div#content form#wf-actions button {
padding: 15px 20px;
text-decoration: none;
position: relative;
display: inline-block;
border-color: rgba(0, 0, 0, 0);
transition: all, 0.5s;
overflow: hidden;
background-color: $second-color;
color: $core-color;
font-family: $site-font;
text-transform: uppercase;
font-size: 1.4rem;
&:hover, &:focus{
background-color: $core-color;
color: #FFFFFF;
}
}
main {
z-index: 10;
}
body.has-picture.page-demarches #rub_service > h2 {
margin-top: -4rem;
padding: 1rem;
background: #f6f6f6;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2)
}
div#gauche + #rub_service > h2 {
box-shadow: none;
margin-top: 0;
padding: 0;
background: transparent;
}
#side {
border-top: none;
padding-top: 0;
}
div.buttons,
div.dataview > p,
div.dataview div.page {
clear: both;
}
form div.page::after,
div.dataview div.page::after {
content: "";
display: block;
clear: both;
}
div.widget div.content div.error {
@extend div.errornotice;
margin-top: 0;
}
#steps.steps-1 {
display: none;
}
/* give a different style to page titles in validation page */
.page-demarches #rub_service div.form-validation div.page > h3 {
@extend %atom-h2-rte;
margin-top: 60px;
}
/* restyle elements in comment fields */
div.comment-field {
ul {
@extend %atom-ul-rte;
li:before {
top: 10px;
}
}
ol {
@extend %atom-ol-rte;
li:before {
}
}
}
.page-demarches div#content div#rub_service .comment-field {
p {
margin: 10px 0;
}
}
/* reduce size of steps when there are too many of them; this is a copy of the
* responsive part from src/02-particules/02-modules/forms/main-form/
* _molecule-form-progressbar.scss
*/
%small-steps {
ol {
&:before {
top: 14px;
}
li {
&.first {
&::before {
display: none;
}
}
&.last {
&::after {
display: none;
}
}
width: unset;
.marker {
&::before {
top: -1px;
}
height: 30px;
width: 30px;
font-size: 1.4rem;
}
.label {
display: none;
}
}
}
}
@mixin small-steps-list {
@for $i from 7 through 30 {
#side #steps.steps-#{$i} {
@extend %small-steps;
}
}
}
@include small-steps-list;
div#seu-grid-carrefour div.wcsformsofcategorycell ul > li > a {
border: none;
}
div#seu-grid-carrefour div.wcsformsofcategorycell ul > li:hover > a {
color: white;
text-decoration: none;
background-color: transparent;
}
$category-slugs: commerces, contact, enquete_pub, environment_nok, environmnt_ok, familles, orga-evenements, papiers, sante-social, security, sport-culture, stationnement, travaux, vie_pratique, voirie;
@each $category in $category-slugs {
div.#{$category} .demarche-topic__background {
background-image: url(img/demarches_#{$category}.jpg);
}
}
.seu header .seu-nav-top .seu-scrolled-logo {
@include RWD(mobile) {
margin-left: 10px;
}
}
a#bottom-logo {
padding-top: 8px;
}
#content div.cell h2.layout-demarche__title:first-child {
@extend .layout-demarche__title;
white-space: pre;
}
#content div.home {
width: 100%;
div.cell {
margin: 0;
}
}
#content .demarche-list,
#content .demande-list {
a:hover {
text-decoration: none;
}
.demande-teaser .btn-text strong {
color: inherit;
}
}
body.anonymous #nav-side {
display: none;
}

View File

@ -0,0 +1,13 @@
$primary-color: #31455D;
$mobile-limit: 800px;
$border-radius: 0;
$font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
$font-size: 14px;
$link-color: $primary-color;
$title-background: transparent;
$title-color: $primary-color;
$font-color: rgb(92, 92, 92);
$button-background: #46CFC0;
$button-color: rgb(49, 69, 93);
$cell-border: 0;
$cell-title-cover-border: false;

View File

@ -0,0 +1,9 @@
$(function() {
/* make sure standard styles are not applied to cells of this type */
$('.wcsformsofcategorycell').removeClass('wcsformsofcategorycell');
/* propagate click on logout in side menu to actual logout button */
$('button.logout').on('click', function(event) {
$('button.nav-logout').trigger('click', event);
});
});

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 112 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 87 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 102 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 86 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 87 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 148 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 124 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 41 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 116 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB

View File

@ -0,0 +1,43 @@
// BreakPoints
$break-small: 767;
$break-large: 1280; // Cette valeur doit être égale à la largeur du container + X pixel. Le passage en tablette se fera dont à X pixel de plus que la largeur du container principal, permettant de ne jamais avoir le contenu collé au bord de l'écran.
$container-width: 1200;
// COLORS
$core-color: #31455d;
$core-color-access: $core-color;
$core-color-light: lighten($core-color,65);
$second-color: #46cfc0;
$third-color: #fbb52d;
$text-basis-color: #5c5c5c;
$success: $core-color;
$error: #ff1818;
// Fonts
$montserrat: 'MontSerrat', arial;
$opensans: 'OpenSans', arial;
$site-font: $montserrat;
$main-font: $opensans;
/*IMAGES RTE*/
$image-xs: 240px;
$image-sm: 400px;
$image-md: 675px;
// Margin RTE
$margin-item-rte: 40px;
$margin-p: 20px;
$margin-h2: 35px;
$margin-h3: 20px;
$margin-h4: 25px;
$margin-h5: 15px;
$margin-h2-mobile: 20px;
$margin-h3-mobile: 20px;
$margin-h4-mobile: 15px;
$margin-h5-mobile: 10px;
// Map engine
$icon-color: #595959;
$icon-color-active: $second-color;

View File

@ -0,0 +1,13 @@
/*
GRID DISTRIBUTION
- $number: nombre de vignettes par ligne
- $margin: largeur de la gouttiere entre chaque vignette
- $item-class: classe des "li"
-a utiliser avec des medias queries specifiques, pour eviter les surcharges en RWD:
desktop/tablet_only/mobile
- max: 8 vignettes par ligne
*/
/*IMAGES RTE*/
/*# sourceMappingURL=conf.css.map */

View File

@ -0,0 +1,7 @@
{
"version": 3,
"mappings": "AAAA;;;;;;;;;EASE;ACYF,cAAc",
"sources": ["mixins/_grids-distribution.scss","_variables.scss"],
"names": [],
"file": "conf.css"
}

View File

@ -0,0 +1,6 @@
@import 'mixins/_round-decimal';
@import 'mixins/_media-queries';
@import 'mixins/_picto-sprite';
@import 'mixins/_grids-distribution';
@import 'mixins/_svg-factory';
@import '_variables';

View File

@ -0,0 +1,207 @@
/*
GRID DISTRIBUTION
- $number: nombre de vignettes par ligne
- $margin: largeur de la gouttiere entre chaque vignette
- $item-class: classe des "li"
-a utiliser avec des medias queries specifiques, pour eviter les surcharges en RWD:
desktop/tablet_only/mobile
- max: 8 vignettes par ligne
*/
@mixin grid-distribution($number, $margin, $item-class) {
display: flex;
flex-wrap: wrap;
.#{$item-class} {
$purcentage : 1 / $number * 100;
$round: decimal-round($purcentage, 1);
width: calc(#{$round}% - ( ((#{$number}px - 1px) * #{$margin}) / #{$number}));
@if $number == 1 {
margin-left: 0 !important;
margin-right: 0 !important;
}
@else if $number == 2 {
&:nth-child(2n+1) {
margin-right: #{($number - 1) * $margin / $number}px;
margin-left: 0;
}
&:nth-child(2n) {
margin-left: #{($number - 1) * $margin / $number}px;
margin-right: 0;
}
}
@else if $number == 3 {
&:nth-child(3n+1) {
margin-right: #{($number - 1) * $margin / $number}px;
margin-left: 0;
}
&:nth-child(3n+2) {
margin-left: #{$margin / $number}px;
margin-right: #{$margin / $number}px;
}
&:nth-child(3n) {
margin-left: #{($number - 1) * $margin / $number}px;
margin-right: 0;
}
}
@else if $number == 4 {
&:nth-child(4n+1) {
margin-right: #{($number - 1) * $margin / $number}px;
margin-left: 0;
}
&:nth-child(4n+2) {
margin-left: #{$margin / $number}px;
margin-right: #{($number - 2) * $margin / $number}px;
}
&:nth-child(4n+3) {
margin-left: #{($number - 2) * $margin / $number}px;
margin-right: #{$margin / $number}px;
}
&:nth-child(4n) {
margin-left: #{($number - 1) * $margin / $number}px;
margin-right: 0;
}
}
@else if $number == 5 {
&:nth-child(5n+1) {
margin-right: #{($number - 1) * $margin / $number}px;
margin-left: 0;
}
&:nth-child(5n+2) {
margin-left: #{$margin / $number}px;
margin-right: #{($number - 2) * $margin / $number}px;
}
&:nth-child(5n+3) {
margin-left: #{($number - 3) * $margin / $number}px;
margin-right: #{($number - 3) * $margin / $number}px;
}
&:nth-child(5n+4) {
margin-left: #{($number - 2) * $margin / $number}px;
margin-right: #{$margin / $number}px;
}
&:nth-child(5n) {
margin-left: #{($number - 1) * $margin / $number}px;
margin-right: 0;
}
}
@else if $number == 6 {
&:nth-child(6n+1) {
margin-right: #{($number - 1) * $margin / $number}px;
margin-left: 0;
}
&:nth-child(6n+2) {
margin-left: #{$margin / $number}px;
margin-right: #{($number - 2) * $margin / $number}px;
}
&:nth-child(6n+3) {
margin-left: #{($number - 4) * $margin / $number}px;
margin-right: #{($number - 3) * $margin / $number}px;
}
&:nth-child(6n+4) {
margin-left: #{($number - 3) * $margin / $number}px;
margin-right: #{($number - 4) * $margin / $number}px;
}
&:nth-child(6n+5) {
margin-left: #{($number - 2) * $margin / $number}px;
margin-right: #{$margin / $number}px;
}
&:nth-child(6n) {
margin-left: #{($number - 1) * $margin / $number}px;
margin-right: 0;
}
}
@else if $number == 7 {
&:nth-child(7n+1) {
margin-right: #{($number - 1) * $margin / $number}px;
margin-left: 0;
}
&:nth-child(7n+2) {
margin-left: #{$margin / $number}px;
margin-right: #{($number - 2) * $margin / $number}px;
}
&:nth-child(7n+3) {
margin-left: #{($number - 5) * $margin / $number}px;
margin-right: #{($number - 3) * $margin / $number}px;
}
&:nth-child(7n+4) {
margin-left: #{($number - 4) * $margin / $number}px;
margin-right: #{($number - 4) * $margin / $number}px;
}
&:nth-child(7n+5) {
margin-left: #{($number - 3) * $margin / $number}px;
margin-right: #{($number - 5) * $margin / $number}px;
}
&:nth-child(7n+6) {
margin-left: #{($number - 2) * $margin / $number}px;
margin-right: #{$margin / $number}px;
}
&:nth-child(7n) {
margin-right: #{($number - 1) * $margin / $number}px;
margin-left: 0;
}
}
@else if $number == 8 {
&:nth-child(8n+1) {
margin-right: #{($number - 1) * $margin / $number}px;
margin-left: 0;
}
&:nth-child(8n+2) {
margin-left: #{$margin / $number}px;
margin-right: #{($number - 2) * $margin / $number}px;
}
&:nth-child(8n+3) {
margin-left: #{($number - 6) * $margin / $number}px;
margin-right: #{($number - 3) * $margin / $number}px;
}
&:nth-child(8n+4) {
margin-left: #{($number - 5) * $margin / $number}px;
margin-right: #{($number - 4) * $margin / $number}px;
}
&:nth-child(8n+5) {
margin-left: #{($number - 4) * $margin / $number}px;
margin-right: #{($number - 5) * $margin / $number}px;
}
&:nth-child(8n+6) {
margin-left: #{($number - 3) * $margin / $number}px;
margin-right: #{($number - 6) * $margin / $number}px;
}
&:nth-child(8n+7) {
margin-left: #{($number - 2) * $margin / $number}px;
margin-right: #{$margin / $number}px;
}
&:nth-child(8n) {
margin-left: #{($number - 1) * $margin / $number}px;
margin-right: 0;
}
}
}
}

View File

@ -0,0 +1,22 @@
@mixin RWD($media) {
@if $media == mobile {
@media only screen and (max-width: $break-small + "px") {
@content;
}
}
@else if $media == tablet_only {
@media only screen and (min-width: $break-small + "px") and (max-width: $break-large - 1 + "px") {
@content;
}
}
@else if $media == tablet {
@media only screen and (max-width: $break-large - 1 + "px") {
@content;
}
}
@else if $media == desktop {
@media only screen and (min-width: $break-large + "px") {
@content;
}
}
}

View File

@ -0,0 +1,32 @@
@mixin sprite($height, $width){
%sprited-picto{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: opacity, 0.5s, ease, 0s;
}
&.sprite, .sprite{
position: relative;
display: inline-block;
width: $width;
height: $height;
.picto{
@extend %sprited-picto;
opacity: 1;
}
.picto-hover{
@extend %sprited-picto;
opacity: 0;
}
}
&:hover, &:focus{
.picto{
opacity: 0;
}
.picto-hover{
opacity: 1;
}
}
}

View File

@ -0,0 +1,29 @@
@function decimal-round ($number, $digits: 0, $mode: round) {
$n: 1;
// $number must be a number
@if type-of($number) != number {
@warn '#{ $number } is not a number.';
@return $number;
}
// $digits must be a unitless number
@if type-of($digits) != number {
@warn '#{ $digits } is not a number.';
@return $number;
} @else if not unitless($digits) {
@warn '#{ $digits } has a unit.';
@return $number;
}
@for $i from 1 through $digits {
$n: $n * 10;
}
@if $mode == round {
@return round($number * $n) / $n;
} @else if $mode == ceil {
@return ceil($number * $n) / $n;
} @else if $mode == floor {
@return floor($number * $n) / $n;
} @else {
@warn '#{ $mode } is undefined keyword.';
@return $number;
}
}

View File

@ -0,0 +1,22 @@
@function str-replace($string, $search, $replace: '') {
$index: str-index($string, $search);
@if $index {
@return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
}
@return $string;
}
$encoding-reference: (('<','%3C'),('>','%3E'),('"','\''),('#','%23'),('&','%26'));
@function svg-encode($svg) {
@each $char, $encoded in $encoding-reference {
$svg: str-replace($svg, $char, $encoded);
}
@return 'data:image/svg+xml,' + $svg;
}
@function svg-bg-uri($svg, $fill-color) {
$returnSvg: str-replace($svg, $svgFillPH, $fill-color);
@return svg-encode($returnSvg);
}

View File

@ -0,0 +1,32 @@
// Ajouter fill="' + $svgFillPH + '"
$svgFillPH: '##FILL##';
// DIVERS
$svg-exclamation: '<svg xmlns="http://www.w3.org/2000/svg" fill="' + $svgFillPH + '" width="100" height="100" viewBox="0 0 100 100"><path d="M45.8 68.1c0 2.4 2 4.4 4.4 4.4s4.4-2 4.4-4.4c0-2.5-2-4.4-4.4-4.4S45.8 65.7 45.8 68.1z"/><path d="M52.5 54.9v-23c0-1.1-0.9-2-2-2s-2 0.9-2 2v23c0 1.1 0.9 2 2 2S52.5 56 52.5 54.9z"/></svg>';
// CARTO
$svg-map-menu: '<svg xmlns="http://www.w3.org/2000/svg" fill="' + $svgFillPH + '" viewBox="0 0 62.1 62.1"><path class="st0" d="M57.9 0H4.1C1.8 0 0 1.8 0 4.1s1.8 4.1 4.1 4.1H58c2.3 0 4.1-1.8 4.1-4.1C62 1.8 60.2 0 57.9 0z"/><path class="st0" d="M57.9 53.9H4.1C1.8 53.9 0 55.7 0 58c0 2.3 1.8 4.1 4.1 4.1H58c2.3 0 4.1-1.8 4.1-4.1C62 55.7 60.2 53.9 57.9 53.9z"/><path class="st0" d="M57.9 26.9H4.1C1.8 26.9 0 28.7 0 31c0 2.3 1.8 4.1 4.1 4.1H58c2.3 0 4.1-1.8 4.1-4.1C62 28.7 60.2 26.9 57.9 26.9z"/></svg>';
$svg-map-search: '<svg xmlns="http://www.w3.org/2000/svg" fill="' + $svgFillPH + '" viewBox="0 0 483.1 483.1"><path class="st0" d="M332.7 315.4c30.9-33.4 50.1-78.2 50.1-127.5C382.9 84.4 298.7 0 195 0S7.2 84.4 7.2 187.9 91.3 375.7 195 375.7c42.2 0 81-13.9 112.5-37.4L447.2 478c3.4 3.4 7.6 5.1 11.9 5.1s8.8-1.7 11.9-5.1c6.5-6.5 6.5-17.3 0-24.1L332.7 315.4zM41.2 187.9C41.2 103.1 110 34 195 34c84.7 0 153.9 68.8 153.9 153.9S280 341.7 195 341.7 41.2 272.6 41.2 187.9z"/></svg>';
$svg-map-plus: '<svg xmlns="http://www.w3.org/2000/svg" fill="' + $svgFillPH + '" viewBox="0 0 62.1 62.1"><path class="st0" d="M57.9 26.9H4.1C1.8 26.9 0 28.7 0 31s1.8 4.1 4.1 4.1H58c2.3 0 4.1-1.8 4.1-4.1C62 28.7 60.2 26.9 57.9 26.9z"/><path class="st0" d="M35.1 57.9V4.1C35.1 1.8 33.3 0 31 0s-4.1 1.8-4.1 4.1V58c0 2.3 1.8 4.1 4.1 4.1C33.3 62 35.1 60.2 35.1 57.9z"/></svg>';
$svg-map-minus: '<svg xmlns="http://www.w3.org/2000/svg" fill="' + $svgFillPH + '" viewBox="0 0 62.1 8.2"><path class="st0" d="M57.9 0H4.1C1.8 0 0 1.8 0 4.1c0 2.3 1.8 4.1 4.1 4.1H58c2.3 0 4.1-1.8 4.1-4.1C62 1.8 60.2 0 57.9 0z"/></svg>';
$svg-map-chevron: '<svg xmlns="http://www.w3.org/2000/svg" fill="' + $svgFillPH + '" viewBox="0 0 16 16"><path class="st0" d="M13.1 7.4L6.5 0.7c-0.4-0.4-1-0.4-1.4 0s-0.4 1 0 1.4l5.9 6L5.1 14c-0.4 0.4-0.4 1 0 1.4s1 0.4 1.4 0l6.6-6.6c0.2-0.2 0.3-0.5 0.3-0.7C13.4 7.8 13.3 7.6 13.1 7.4z"/></svg>';
$svg-map-itinary: '<svg xmlns="http://www.w3.org/2000/svg" fill="' + $svgFillPH + '" viewBox="0 0 513.3 513.3"><path class="st0" d="M406.4 0l-29.9 29.9L432 85.6h-89.8c-59.9 0-106.9 47.1-106.9 106.9v106.9c-17.1-12.8-40.6-21.4-64.2-21.4H81.3l55.6-55.6L107 192.5 0 299.4l106.9 106.9 29.9-29.9 -55.6-55.6H171c36.4 0 64.2 27.8 64.2 64.2v128.3H278V192.5c0-36.4 27.8-64.2 64.2-64.2H432l-55.6 55.6 29.9 29.9 106.9-106.9L406.4 0z"/></svg>';
$svg-map-flag: '<svg xmlns="http://www.w3.org/2000/svg" fill="' + $svgFillPH + '" viewBox="0 0 512 512"><path class="st0" d="M192 416h-32V0h32V416zM384 96L512 0H224v192h288L384 96zM224 323.4v32.5c55.8 8.8 96 32.3 96 60.1 0 35.3-64.5 64-144 64S32 451.3 32 416c0-27.8 40.2-51.3 96-60.1v-32.5C58.9 333.2 0 364.6 0 416c0 63 88.6 96 176 96s176-33 176-96C352 364.6 293.1 333.2 224 323.4z"/></svg>';
$svg-map-reset: '<svg xmlns="http://www.w3.org/2000/svg" fill="' + $svgFillPH + '" viewBox="0 0 34.1 34.1"><path d="M17 32.6c-6.6 0-12.5-4.2-14.7-10.5 -0.2-0.5 0.1-1 0.6-1.1 0.5-0.2 1 0.1 1.1 0.6 1.9 5.6 7.1 9.3 13 9.3 7.6 0 13.8-6.2 13.8-13.8 0-0.5 0.4-0.9 0.9-0.9 0.5 0 0.9 0.4 0.9 0.9C32.6 25.6 25.6 32.6 17 32.6z"/><path d="M2.4 17.9c-0.5 0-0.9-0.4-0.9-0.9 0-8.6 7-15.5 15.5-15.5 6.6 0 12.5 4.2 14.7 10.5 0.2 0.5-0.1 1-0.6 1.1 -0.5 0.2-1-0.1-1.1-0.6C28.1 7 22.9 3.3 17 3.3 9.4 3.3 3.3 9.4 3.3 17 3.3 17.5 2.9 17.9 2.4 17.9z"/><path d="M30.8 13.3c-0.1 0-0.2 0-0.3 0l-6.2-1.9c-0.5-0.1-0.7-0.6-0.6-1.1s0.6-0.7 1.1-0.6l5.4 1.7 2-5.1c0.2-0.5 0.7-0.7 1.2-0.5C34 6 34.2 6.5 34 6.9l-2.3 5.8C31.5 13.1 31.2 13.3 30.8 13.3z"/><path d="M0.9 28.3c-0.1 0-0.2 0-0.3-0.1C0.1 28-0.1 27.5 0.1 27l2.3-5.8c0.2-0.4 0.6-0.7 1.1-0.5l6.2 1.9c0.5 0.1 0.7 0.6 0.6 1.1 -0.1 0.5-0.6 0.7-1.1 0.6l-5.4-1.7 -2 5.1C1.6 28.1 1.2 28.3 0.9 28.3z"/></svg>';
// Citation
$svg-quote1: '<svg fill="' + $svgFillPH + '" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85.08 55.38"><title>Plan de travail 1</title><path d="M7.47,54.85H6.8a2.57,2.57,0,0,1-2.59-2.25c-.28-1.57-.58-3.39-.79-5.15a2.65,2.65,0,0,1,1.84-3.05l.14,0A18.57,18.57,0,0,0,11,41.74a11.33,11.33,0,0,0,4.09-5.15A15.86,15.86,0,0,1,10.47,35,17.49,17.49,0,0,1,.63,21.78a18,18,0,0,1,14-20.68c7.84-1.68,14.64.67,19.66,6.79a20.7,20.7,0,0,1,4.1,8.81,24.34,24.34,0,0,1,.65,6v0A30.48,30.48,0,0,1,27,46.92,38.19,38.19,0,0,1,11.23,54.2l-1.78.31-1.82.31Zm0-7c.13,1,.28,1.93.44,2.85l.81-.14,1.71-.29a34.13,34.13,0,0,0,14.08-6.49A26.31,26.31,0,0,0,35,22.63a20.64,20.64,0,0,0-.53-5,17,17,0,0,0-3.31-7.24c-4.08-5-9.37-6.78-15.74-5.42A14,14,0,0,0,4.58,21.12a13.52,13.52,0,0,0,7.74,10.35,12.5,12.5,0,0,0,5.29,1.38l.78,0,.3.3a2.07,2.07,0,0,1,.81.83,2.17,2.17,0,0,1,.14,1.7A16,16,0,0,1,13.34,45,20.87,20.87,0,0,1,7.51,47.86Z"/><path d="M52.37,54.87a2.45,2.45,0,0,1-2.53-2.23c-.16-.91-.29-1.81-.42-2.71s-.24-1.67-.38-2.49a2.59,2.59,0,0,1,.33-2,2.75,2.75,0,0,1,1.71-1.18A20.59,20.59,0,0,0,56,42.17a11.75,11.75,0,0,0,4.83-5.5,13.6,13.6,0,0,1-2.79-.77A17.69,17.69,0,0,1,46.34,22,17.37,17.37,0,0,1,49.93,7.51,17.77,17.77,0,0,1,61.06.88a19.46,19.46,0,0,1,15.88,4,20.12,20.12,0,0,1,6,8.31,24.41,24.41,0,0,1,1.75,9.26,29.79,29.79,0,0,1-2.79,12.86A32.07,32.07,0,0,1,68.73,49.76a36.68,36.68,0,0,1-13.63,4.76c-.73.1-1.44.21-2.25.31A2.88,2.88,0,0,1,52.37,54.87Zm-.1-4h0Zm.89-3c.08.5.15,1,.22,1.52s.13.89.2,1.34l.94-.13a32.75,32.75,0,0,0,12.15-4.24A28.23,28.23,0,0,0,78.29,33.62,25.5,25.5,0,0,0,80.7,22.45a20.42,20.42,0,0,0-1.45-7.75A16.22,16.22,0,0,0,74.46,8,15.6,15.6,0,0,0,61.74,4.82,13.65,13.65,0,0,0,53.08,10a13.34,13.34,0,0,0-2.81,11.3,13.75,13.75,0,0,0,9.24,10.9,13.37,13.37,0,0,0,4.12.77L66,33.1l-.55,2.31a15.8,15.8,0,0,1-7.29,10.14A22.24,22.24,0,0,1,53.16,47.85Z"/></svg>';
// Fleche gallery de liens
$svg-arrow1: '<svg xmlns="http://www.w3.org/2000/svg" fill="' + $svgFillPH + '" viewBox="0 0 31.49 22.14"><path d="M21.2.33A1.12,1.12,0,1,0,19.62,1.9l8,8H1.11A1.11,1.11,0,0,0,0,11.06a1.12,1.12,0,0,0,1.11,1.13H27.67l-8,8a1.14,1.14,0,0,0,0,1.59,1.11,1.11,0,0,0,1.59,0l10-10a1.09,1.09,0,0,0,0-1.57Z"/></svg>';
// Closes
$svg-close: '<svg xmlns="http://www.w3.org/2000/svg" fill="' + $svgFillPH + '" viewBox="0 0 380.2 380.2"><path d="M324.5 55.7C288.6 19.8 240.9 0 190.1 0 139.3 0 91.6 19.8 55.7 55.7 19.8 91.6 0 139.3 0 190.1c0 50.8 19.8 98.5 55.7 134.4 35.9 35.9 83.6 55.7 134.4 55.7 50.8 0 98.5-19.8 134.4-55.7 35.9-35.9 55.7-83.6 55.7-134.4 0-50.8-19.8-98.5-55.7-134.4zm-15.3 253.5c-31.8 31.8-74.2 49.4-119.1 49.4-45 0-87.3-17.5-119.1-49.4C5.3 243.5 5.3 136.6 71 71c31.8-31.8 74.2-49.4 119.1-49.4 45 0 87.3 17.5 119.1 49.4 65.7 65.6 65.7 172.5 0 238.2zm0 0"/><path d="M273.8 106.3c-4.2-4.2-11-4.2-15.3 0L190 174.8l-68.5-68.5c-4.2-4.2-11-4.2-15.3 0-4.2 4.2-4.2 11 0 15.3l68.5 68.5-68.5 68.5c-4.2 4.2-4.2 11 0 15.3 2.1 2.1 4.9 3.2 7.6 3.2 2.7 0 5.5-1 7.6-3.2l68.5-68.5 68.5 68.5c2.1 2.1 4.9 3.2 7.6 3.2 2.8 0 5.5-1 7.6-3.2 4.2-4.2 4.2-11 0-15.3l-68.3-68.5 68.5-68.5c4.3-4.2 4.3-11 0-15.3zm0 0"/></svg>';

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,32 @@
// Config, ne pas toucher
.silencedSelect {
position: relative;
z-index: 2;
opacity: 0;
cursor: pointer;
height: 100%;
width: 100%;
}
//Container
.customSelectContain {
position: relative;
&.focused{
.customSelect{
outline: dotted 1px #D4D4D4;
}
}
}
// Select Field
.customSelect {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: inline-block;
outline:none;
}

View File

@ -0,0 +1,34 @@
// Spinning Icons
// --------------------------
.#{$fa-css-prefix}-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.#{$fa-css-prefix}-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}

View File

@ -0,0 +1,25 @@
// Bordered & Pulled
// -------------------------
.#{$fa-css-prefix}-border {
padding: .2em .25em .15em;
border: solid .08em $fa-border-color;
border-radius: .1em;
}
.#{$fa-css-prefix}-pull-left { float: left; }
.#{$fa-css-prefix}-pull-right { float: right; }
.#{$fa-css-prefix} {
&.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
&.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
}
/* Deprecated as of 4.4.0 */
.pull-right { float: right; }
.pull-left { float: left; }
.#{$fa-css-prefix} {
&.pull-left { margin-right: .3em; }
&.pull-right { margin-left: .3em; }
}

View File

@ -0,0 +1,12 @@
// Base Class Definition
// -------------------------
.#{$fa-css-prefix} {
display: inline-block;
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

View File

@ -0,0 +1,6 @@
// Fixed Width Icons
// -------------------------
.#{$fa-css-prefix}-fw {
width: (18em / 14);
text-align: center;
}

View File

@ -0,0 +1,18 @@
/*!
* Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@import "variables";
@import "mixins";
@import "path";
@import "core";
@import "larger";
@import "fixed-width";
@import "list";
@import "bordered-pulled";
@import "animated";
@import "rotated-flipped";
@import "stacked";
@import "icons";
@import "screen-reader";

View File

@ -0,0 +1,733 @@
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.#{$fa-css-prefix}-glass:before { content: $fa-var-glass; }
.#{$fa-css-prefix}-music:before { content: $fa-var-music; }
.#{$fa-css-prefix}-search:before { content: $fa-var-search; }
.#{$fa-css-prefix}-envelope-o:before { content: $fa-var-envelope-o; }
.#{$fa-css-prefix}-heart:before { content: $fa-var-heart; }
.#{$fa-css-prefix}-star:before { content: $fa-var-star; }
.#{$fa-css-prefix}-star-o:before { content: $fa-var-star-o; }
.#{$fa-css-prefix}-user:before { content: $fa-var-user; }
.#{$fa-css-prefix}-film:before { content: $fa-var-film; }
.#{$fa-css-prefix}-th-large:before { content: $fa-var-th-large; }
.#{$fa-css-prefix}-th:before { content: $fa-var-th; }
.#{$fa-css-prefix}-th-list:before { content: $fa-var-th-list; }
.#{$fa-css-prefix}-check:before { content: $fa-var-check; }
.#{$fa-css-prefix}-remove:before,
.#{$fa-css-prefix}-close:before,
.#{$fa-css-prefix}-times:before { content: $fa-var-times; }
.#{$fa-css-prefix}-search-plus:before { content: $fa-var-search-plus; }
.#{$fa-css-prefix}-search-minus:before { content: $fa-var-search-minus; }
.#{$fa-css-prefix}-power-off:before { content: $fa-var-power-off; }
.#{$fa-css-prefix}-signal:before { content: $fa-var-signal; }
.#{$fa-css-prefix}-gear:before,
.#{$fa-css-prefix}-cog:before { content: $fa-var-cog; }
.#{$fa-css-prefix}-trash-o:before { content: $fa-var-trash-o; }
.#{$fa-css-prefix}-home:before { content: $fa-var-home; }
.#{$fa-css-prefix}-file-o:before { content: $fa-var-file-o; }
.#{$fa-css-prefix}-clock-o:before { content: $fa-var-clock-o; }
.#{$fa-css-prefix}-road:before { content: $fa-var-road; }
.#{$fa-css-prefix}-download:before { content: $fa-var-download; }
.#{$fa-css-prefix}-arrow-circle-o-down:before { content: $fa-var-arrow-circle-o-down; }
.#{$fa-css-prefix}-arrow-circle-o-up:before { content: $fa-var-arrow-circle-o-up; }
.#{$fa-css-prefix}-inbox:before { content: $fa-var-inbox; }
.#{$fa-css-prefix}-play-circle-o:before { content: $fa-var-play-circle-o; }
.#{$fa-css-prefix}-rotate-right:before,
.#{$fa-css-prefix}-repeat:before { content: $fa-var-repeat; }
.#{$fa-css-prefix}-refresh:before { content: $fa-var-refresh; }
.#{$fa-css-prefix}-list-alt:before { content: $fa-var-list-alt; }
.#{$fa-css-prefix}-lock:before { content: $fa-var-lock; }
.#{$fa-css-prefix}-flag:before { content: $fa-var-flag; }
.#{$fa-css-prefix}-headphones:before { content: $fa-var-headphones; }
.#{$fa-css-prefix}-volume-off:before { content: $fa-var-volume-off; }
.#{$fa-css-prefix}-volume-down:before { content: $fa-var-volume-down; }
.#{$fa-css-prefix}-volume-up:before { content: $fa-var-volume-up; }
.#{$fa-css-prefix}-qrcode:before { content: $fa-var-qrcode; }
.#{$fa-css-prefix}-barcode:before { content: $fa-var-barcode; }
.#{$fa-css-prefix}-tag:before { content: $fa-var-tag; }
.#{$fa-css-prefix}-tags:before { content: $fa-var-tags; }
.#{$fa-css-prefix}-book:before { content: $fa-var-book; }
.#{$fa-css-prefix}-bookmark:before { content: $fa-var-bookmark; }
.#{$fa-css-prefix}-print:before { content: $fa-var-print; }
.#{$fa-css-prefix}-camera:before { content: $fa-var-camera; }
.#{$fa-css-prefix}-font:before { content: $fa-var-font; }
.#{$fa-css-prefix}-bold:before { content: $fa-var-bold; }
.#{$fa-css-prefix}-italic:before { content: $fa-var-italic; }
.#{$fa-css-prefix}-text-height:before { content: $fa-var-text-height; }
.#{$fa-css-prefix}-text-width:before { content: $fa-var-text-width; }
.#{$fa-css-prefix}-align-left:before { content: $fa-var-align-left; }
.#{$fa-css-prefix}-align-center:before { content: $fa-var-align-center; }
.#{$fa-css-prefix}-align-right:before { content: $fa-var-align-right; }
.#{$fa-css-prefix}-align-justify:before { content: $fa-var-align-justify; }
.#{$fa-css-prefix}-list:before { content: $fa-var-list; }
.#{$fa-css-prefix}-dedent:before,
.#{$fa-css-prefix}-outdent:before { content: $fa-var-outdent; }
.#{$fa-css-prefix}-indent:before { content: $fa-var-indent; }
.#{$fa-css-prefix}-video-camera:before { content: $fa-var-video-camera; }
.#{$fa-css-prefix}-photo:before,
.#{$fa-css-prefix}-image:before,
.#{$fa-css-prefix}-picture-o:before { content: $fa-var-picture-o; }
.#{$fa-css-prefix}-pencil:before { content: $fa-var-pencil; }
.#{$fa-css-prefix}-map-marker:before { content: $fa-var-map-marker; }
.#{$fa-css-prefix}-adjust:before { content: $fa-var-adjust; }
.#{$fa-css-prefix}-tint:before { content: $fa-var-tint; }
.#{$fa-css-prefix}-edit:before,
.#{$fa-css-prefix}-pencil-square-o:before { content: $fa-var-pencil-square-o; }
.#{$fa-css-prefix}-share-square-o:before { content: $fa-var-share-square-o; }
.#{$fa-css-prefix}-check-square-o:before { content: $fa-var-check-square-o; }
.#{$fa-css-prefix}-arrows:before { content: $fa-var-arrows; }
.#{$fa-css-prefix}-step-backward:before { content: $fa-var-step-backward; }
.#{$fa-css-prefix}-fast-backward:before { content: $fa-var-fast-backward; }
.#{$fa-css-prefix}-backward:before { content: $fa-var-backward; }
.#{$fa-css-prefix}-play:before { content: $fa-var-play; }
.#{$fa-css-prefix}-pause:before { content: $fa-var-pause; }
.#{$fa-css-prefix}-stop:before { content: $fa-var-stop; }
.#{$fa-css-prefix}-forward:before { content: $fa-var-forward; }
.#{$fa-css-prefix}-fast-forward:before { content: $fa-var-fast-forward; }
.#{$fa-css-prefix}-step-forward:before { content: $fa-var-step-forward; }
.#{$fa-css-prefix}-eject:before { content: $fa-var-eject; }
.#{$fa-css-prefix}-chevron-left:before { content: $fa-var-chevron-left; }
.#{$fa-css-prefix}-chevron-right:before { content: $fa-var-chevron-right; }
.#{$fa-css-prefix}-plus-circle:before { content: $fa-var-plus-circle; }
.#{$fa-css-prefix}-minus-circle:before { content: $fa-var-minus-circle; }
.#{$fa-css-prefix}-times-circle:before { content: $fa-var-times-circle; }
.#{$fa-css-prefix}-check-circle:before { content: $fa-var-check-circle; }
.#{$fa-css-prefix}-question-circle:before { content: $fa-var-question-circle; }
.#{$fa-css-prefix}-info-circle:before { content: $fa-var-info-circle; }
.#{$fa-css-prefix}-crosshairs:before { content: $fa-var-crosshairs; }
.#{$fa-css-prefix}-times-circle-o:before { content: $fa-var-times-circle-o; }
.#{$fa-css-prefix}-check-circle-o:before { content: $fa-var-check-circle-o; }
.#{$fa-css-prefix}-ban:before { content: $fa-var-ban; }
.#{$fa-css-prefix}-arrow-left:before { content: $fa-var-arrow-left; }
.#{$fa-css-prefix}-arrow-right:before { content: $fa-var-arrow-right; }
.#{$fa-css-prefix}-arrow-up:before { content: $fa-var-arrow-up; }
.#{$fa-css-prefix}-arrow-down:before { content: $fa-var-arrow-down; }
.#{$fa-css-prefix}-mail-forward:before,
.#{$fa-css-prefix}-share:before { content: $fa-var-share; }
.#{$fa-css-prefix}-expand:before { content: $fa-var-expand; }
.#{$fa-css-prefix}-compress:before { content: $fa-var-compress; }
.#{$fa-css-prefix}-plus:before { content: $fa-var-plus; }
.#{$fa-css-prefix}-minus:before { content: $fa-var-minus; }
.#{$fa-css-prefix}-asterisk:before { content: $fa-var-asterisk; }
.#{$fa-css-prefix}-exclamation-circle:before { content: $fa-var-exclamation-circle; }
.#{$fa-css-prefix}-gift:before { content: $fa-var-gift; }
.#{$fa-css-prefix}-leaf:before { content: $fa-var-leaf; }
.#{$fa-css-prefix}-fire:before { content: $fa-var-fire; }
.#{$fa-css-prefix}-eye:before { content: $fa-var-eye; }
.#{$fa-css-prefix}-eye-slash:before { content: $fa-var-eye-slash; }
.#{$fa-css-prefix}-warning:before,
.#{$fa-css-prefix}-exclamation-triangle:before { content: $fa-var-exclamation-triangle; }
.#{$fa-css-prefix}-plane:before { content: $fa-var-plane; }
.#{$fa-css-prefix}-calendar:before { content: $fa-var-calendar; }
.#{$fa-css-prefix}-random:before { content: $fa-var-random; }
.#{$fa-css-prefix}-comment:before { content: $fa-var-comment; }
.#{$fa-css-prefix}-magnet:before { content: $fa-var-magnet; }
.#{$fa-css-prefix}-chevron-up:before { content: $fa-var-chevron-up; }
.#{$fa-css-prefix}-chevron-down:before { content: $fa-var-chevron-down; }
.#{$fa-css-prefix}-retweet:before { content: $fa-var-retweet; }
.#{$fa-css-prefix}-shopping-cart:before { content: $fa-var-shopping-cart; }
.#{$fa-css-prefix}-folder:before { content: $fa-var-folder; }
.#{$fa-css-prefix}-folder-open:before { content: $fa-var-folder-open; }
.#{$fa-css-prefix}-arrows-v:before { content: $fa-var-arrows-v; }
.#{$fa-css-prefix}-arrows-h:before { content: $fa-var-arrows-h; }
.#{$fa-css-prefix}-bar-chart-o:before,
.#{$fa-css-prefix}-bar-chart:before { content: $fa-var-bar-chart; }
.#{$fa-css-prefix}-twitter-square:before { content: $fa-var-twitter-square; }
.#{$fa-css-prefix}-facebook-square:before { content: $fa-var-facebook-square; }
.#{$fa-css-prefix}-camera-retro:before { content: $fa-var-camera-retro; }
.#{$fa-css-prefix}-key:before { content: $fa-var-key; }
.#{$fa-css-prefix}-gears:before,
.#{$fa-css-prefix}-cogs:before { content: $fa-var-cogs; }
.#{$fa-css-prefix}-comments:before { content: $fa-var-comments; }
.#{$fa-css-prefix}-thumbs-o-up:before { content: $fa-var-thumbs-o-up; }
.#{$fa-css-prefix}-thumbs-o-down:before { content: $fa-var-thumbs-o-down; }
.#{$fa-css-prefix}-star-half:before { content: $fa-var-star-half; }
.#{$fa-css-prefix}-heart-o:before { content: $fa-var-heart-o; }
.#{$fa-css-prefix}-sign-out:before { content: $fa-var-sign-out; }
.#{$fa-css-prefix}-linkedin-square:before { content: $fa-var-linkedin-square; }
.#{$fa-css-prefix}-thumb-tack:before { content: $fa-var-thumb-tack; }
.#{$fa-css-prefix}-external-link:before { content: $fa-var-external-link; }
.#{$fa-css-prefix}-sign-in:before { content: $fa-var-sign-in; }
.#{$fa-css-prefix}-trophy:before { content: $fa-var-trophy; }
.#{$fa-css-prefix}-github-square:before { content: $fa-var-github-square; }
.#{$fa-css-prefix}-upload:before { content: $fa-var-upload; }
.#{$fa-css-prefix}-lemon-o:before { content: $fa-var-lemon-o; }
.#{$fa-css-prefix}-phone:before { content: $fa-var-phone; }
.#{$fa-css-prefix}-square-o:before { content: $fa-var-square-o; }
.#{$fa-css-prefix}-bookmark-o:before { content: $fa-var-bookmark-o; }
.#{$fa-css-prefix}-phone-square:before { content: $fa-var-phone-square; }
.#{$fa-css-prefix}-twitter:before { content: $fa-var-twitter; }
.#{$fa-css-prefix}-facebook-f:before,
.#{$fa-css-prefix}-facebook:before { content: $fa-var-facebook; }
.#{$fa-css-prefix}-github:before { content: $fa-var-github; }
.#{$fa-css-prefix}-unlock:before { content: $fa-var-unlock; }
.#{$fa-css-prefix}-credit-card:before { content: $fa-var-credit-card; }
.#{$fa-css-prefix}-feed:before,
.#{$fa-css-prefix}-rss:before { content: $fa-var-rss; }
.#{$fa-css-prefix}-hdd-o:before { content: $fa-var-hdd-o; }
.#{$fa-css-prefix}-bullhorn:before { content: $fa-var-bullhorn; }
.#{$fa-css-prefix}-bell:before { content: $fa-var-bell; }
.#{$fa-css-prefix}-certificate:before { content: $fa-var-certificate; }
.#{$fa-css-prefix}-hand-o-right:before { content: $fa-var-hand-o-right; }
.#{$fa-css-prefix}-hand-o-left:before { content: $fa-var-hand-o-left; }
.#{$fa-css-prefix}-hand-o-up:before { content: $fa-var-hand-o-up; }
.#{$fa-css-prefix}-hand-o-down:before { content: $fa-var-hand-o-down; }
.#{$fa-css-prefix}-arrow-circle-left:before { content: $fa-var-arrow-circle-left; }
.#{$fa-css-prefix}-arrow-circle-right:before { content: $fa-var-arrow-circle-right; }
.#{$fa-css-prefix}-arrow-circle-up:before { content: $fa-var-arrow-circle-up; }
.#{$fa-css-prefix}-arrow-circle-down:before { content: $fa-var-arrow-circle-down; }
.#{$fa-css-prefix}-globe:before { content: $fa-var-globe; }
.#{$fa-css-prefix}-wrench:before { content: $fa-var-wrench; }
.#{$fa-css-prefix}-tasks:before { content: $fa-var-tasks; }
.#{$fa-css-prefix}-filter:before { content: $fa-var-filter; }
.#{$fa-css-prefix}-briefcase:before { content: $fa-var-briefcase; }
.#{$fa-css-prefix}-arrows-alt:before { content: $fa-var-arrows-alt; }
.#{$fa-css-prefix}-group:before,
.#{$fa-css-prefix}-users:before { content: $fa-var-users; }
.#{$fa-css-prefix}-chain:before,
.#{$fa-css-prefix}-link:before { content: $fa-var-link; }
.#{$fa-css-prefix}-cloud:before { content: $fa-var-cloud; }
.#{$fa-css-prefix}-flask:before { content: $fa-var-flask; }
.#{$fa-css-prefix}-cut:before,
.#{$fa-css-prefix}-scissors:before { content: $fa-var-scissors; }
.#{$fa-css-prefix}-copy:before,
.#{$fa-css-prefix}-files-o:before { content: $fa-var-files-o; }
.#{$fa-css-prefix}-paperclip:before { content: $fa-var-paperclip; }
.#{$fa-css-prefix}-save:before,
.#{$fa-css-prefix}-floppy-o:before { content: $fa-var-floppy-o; }
.#{$fa-css-prefix}-square:before { content: $fa-var-square; }
.#{$fa-css-prefix}-navicon:before,
.#{$fa-css-prefix}-reorder:before,
.#{$fa-css-prefix}-bars:before { content: $fa-var-bars; }
.#{$fa-css-prefix}-list-ul:before { content: $fa-var-list-ul; }
.#{$fa-css-prefix}-list-ol:before { content: $fa-var-list-ol; }
.#{$fa-css-prefix}-strikethrough:before { content: $fa-var-strikethrough; }
.#{$fa-css-prefix}-underline:before { content: $fa-var-underline; }
.#{$fa-css-prefix}-table:before { content: $fa-var-table; }
.#{$fa-css-prefix}-magic:before { content: $fa-var-magic; }
.#{$fa-css-prefix}-truck:before { content: $fa-var-truck; }
.#{$fa-css-prefix}-pinterest:before { content: $fa-var-pinterest; }
.#{$fa-css-prefix}-pinterest-square:before { content: $fa-var-pinterest-square; }
.#{$fa-css-prefix}-google-plus-square:before { content: $fa-var-google-plus-square; }
.#{$fa-css-prefix}-google-plus:before { content: $fa-var-google-plus; }
.#{$fa-css-prefix}-money:before { content: $fa-var-money; }
.#{$fa-css-prefix}-caret-down:before { content: $fa-var-caret-down; }
.#{$fa-css-prefix}-caret-up:before { content: $fa-var-caret-up; }
.#{$fa-css-prefix}-caret-left:before { content: $fa-var-caret-left; }
.#{$fa-css-prefix}-caret-right:before { content: $fa-var-caret-right; }
.#{$fa-css-prefix}-columns:before { content: $fa-var-columns; }
.#{$fa-css-prefix}-unsorted:before,
.#{$fa-css-prefix}-sort:before { content: $fa-var-sort; }
.#{$fa-css-prefix}-sort-down:before,
.#{$fa-css-prefix}-sort-desc:before { content: $fa-var-sort-desc; }
.#{$fa-css-prefix}-sort-up:before,
.#{$fa-css-prefix}-sort-asc:before { content: $fa-var-sort-asc; }
.#{$fa-css-prefix}-envelope:before { content: $fa-var-envelope; }
.#{$fa-css-prefix}-linkedin:before { content: $fa-var-linkedin; }
.#{$fa-css-prefix}-rotate-left:before,
.#{$fa-css-prefix}-undo:before { content: $fa-var-undo; }
.#{$fa-css-prefix}-legal:before,
.#{$fa-css-prefix}-gavel:before { content: $fa-var-gavel; }
.#{$fa-css-prefix}-dashboard:before,
.#{$fa-css-prefix}-tachometer:before { content: $fa-var-tachometer; }
.#{$fa-css-prefix}-comment-o:before { content: $fa-var-comment-o; }
.#{$fa-css-prefix}-comments-o:before { content: $fa-var-comments-o; }
.#{$fa-css-prefix}-flash:before,
.#{$fa-css-prefix}-bolt:before { content: $fa-var-bolt; }
.#{$fa-css-prefix}-sitemap:before { content: $fa-var-sitemap; }
.#{$fa-css-prefix}-umbrella:before { content: $fa-var-umbrella; }
.#{$fa-css-prefix}-paste:before,
.#{$fa-css-prefix}-clipboard:before { content: $fa-var-clipboard; }
.#{$fa-css-prefix}-lightbulb-o:before { content: $fa-var-lightbulb-o; }
.#{$fa-css-prefix}-exchange:before { content: $fa-var-exchange; }
.#{$fa-css-prefix}-cloud-download:before { content: $fa-var-cloud-download; }
.#{$fa-css-prefix}-cloud-upload:before { content: $fa-var-cloud-upload; }
.#{$fa-css-prefix}-user-md:before { content: $fa-var-user-md; }
.#{$fa-css-prefix}-stethoscope:before { content: $fa-var-stethoscope; }
.#{$fa-css-prefix}-suitcase:before { content: $fa-var-suitcase; }
.#{$fa-css-prefix}-bell-o:before { content: $fa-var-bell-o; }
.#{$fa-css-prefix}-coffee:before { content: $fa-var-coffee; }
.#{$fa-css-prefix}-cutlery:before { content: $fa-var-cutlery; }
.#{$fa-css-prefix}-file-text-o:before { content: $fa-var-file-text-o; }
.#{$fa-css-prefix}-building-o:before { content: $fa-var-building-o; }
.#{$fa-css-prefix}-hospital-o:before { content: $fa-var-hospital-o; }
.#{$fa-css-prefix}-ambulance:before { content: $fa-var-ambulance; }
.#{$fa-css-prefix}-medkit:before { content: $fa-var-medkit; }
.#{$fa-css-prefix}-fighter-jet:before { content: $fa-var-fighter-jet; }
.#{$fa-css-prefix}-beer:before { content: $fa-var-beer; }
.#{$fa-css-prefix}-h-square:before { content: $fa-var-h-square; }
.#{$fa-css-prefix}-plus-square:before { content: $fa-var-plus-square; }
.#{$fa-css-prefix}-angle-double-left:before { content: $fa-var-angle-double-left; }
.#{$fa-css-prefix}-angle-double-right:before { content: $fa-var-angle-double-right; }
.#{$fa-css-prefix}-angle-double-up:before { content: $fa-var-angle-double-up; }
.#{$fa-css-prefix}-angle-double-down:before { content: $fa-var-angle-double-down; }
.#{$fa-css-prefix}-angle-left:before { content: $fa-var-angle-left; }
.#{$fa-css-prefix}-angle-right:before { content: $fa-var-angle-right; }
.#{$fa-css-prefix}-angle-up:before { content: $fa-var-angle-up; }
.#{$fa-css-prefix}-angle-down:before { content: $fa-var-angle-down; }
.#{$fa-css-prefix}-desktop:before { content: $fa-var-desktop; }
.#{$fa-css-prefix}-laptop:before { content: $fa-var-laptop; }
.#{$fa-css-prefix}-tablet:before { content: $fa-var-tablet; }
.#{$fa-css-prefix}-mobile-phone:before,
.#{$fa-css-prefix}-mobile:before { content: $fa-var-mobile; }
.#{$fa-css-prefix}-circle-o:before { content: $fa-var-circle-o; }
.#{$fa-css-prefix}-quote-left:before { content: $fa-var-quote-left; }
.#{$fa-css-prefix}-quote-right:before { content: $fa-var-quote-right; }
.#{$fa-css-prefix}-spinner:before { content: $fa-var-spinner; }
.#{$fa-css-prefix}-circle:before { content: $fa-var-circle; }
.#{$fa-css-prefix}-mail-reply:before,
.#{$fa-css-prefix}-reply:before { content: $fa-var-reply; }
.#{$fa-css-prefix}-github-alt:before { content: $fa-var-github-alt; }
.#{$fa-css-prefix}-folder-o:before { content: $fa-var-folder-o; }
.#{$fa-css-prefix}-folder-open-o:before { content: $fa-var-folder-open-o; }
.#{$fa-css-prefix}-smile-o:before { content: $fa-var-smile-o; }
.#{$fa-css-prefix}-frown-o:before { content: $fa-var-frown-o; }
.#{$fa-css-prefix}-meh-o:before { content: $fa-var-meh-o; }
.#{$fa-css-prefix}-gamepad:before { content: $fa-var-gamepad; }
.#{$fa-css-prefix}-keyboard-o:before { content: $fa-var-keyboard-o; }
.#{$fa-css-prefix}-flag-o:before { content: $fa-var-flag-o; }
.#{$fa-css-prefix}-flag-checkered:before { content: $fa-var-flag-checkered; }
.#{$fa-css-prefix}-terminal:before { content: $fa-var-terminal; }
.#{$fa-css-prefix}-code:before { content: $fa-var-code; }
.#{$fa-css-prefix}-mail-reply-all:before,
.#{$fa-css-prefix}-reply-all:before { content: $fa-var-reply-all; }
.#{$fa-css-prefix}-star-half-empty:before,
.#{$fa-css-prefix}-star-half-full:before,
.#{$fa-css-prefix}-star-half-o:before { content: $fa-var-star-half-o; }
.#{$fa-css-prefix}-location-arrow:before { content: $fa-var-location-arrow; }
.#{$fa-css-prefix}-crop:before { content: $fa-var-crop; }
.#{$fa-css-prefix}-code-fork:before { content: $fa-var-code-fork; }
.#{$fa-css-prefix}-unlink:before,
.#{$fa-css-prefix}-chain-broken:before { content: $fa-var-chain-broken; }
.#{$fa-css-prefix}-question:before { content: $fa-var-question; }
.#{$fa-css-prefix}-info:before { content: $fa-var-info; }
.#{$fa-css-prefix}-exclamation:before { content: $fa-var-exclamation; }
.#{$fa-css-prefix}-superscript:before { content: $fa-var-superscript; }
.#{$fa-css-prefix}-subscript:before { content: $fa-var-subscript; }
.#{$fa-css-prefix}-eraser:before { content: $fa-var-eraser; }
.#{$fa-css-prefix}-puzzle-piece:before { content: $fa-var-puzzle-piece; }
.#{$fa-css-prefix}-microphone:before { content: $fa-var-microphone; }
.#{$fa-css-prefix}-microphone-slash:before { content: $fa-var-microphone-slash; }
.#{$fa-css-prefix}-shield:before { content: $fa-var-shield; }
.#{$fa-css-prefix}-calendar-o:before { content: $fa-var-calendar-o; }
.#{$fa-css-prefix}-fire-extinguisher:before { content: $fa-var-fire-extinguisher; }
.#{$fa-css-prefix}-rocket:before { content: $fa-var-rocket; }
.#{$fa-css-prefix}-maxcdn:before { content: $fa-var-maxcdn; }
.#{$fa-css-prefix}-chevron-circle-left:before { content: $fa-var-chevron-circle-left; }
.#{$fa-css-prefix}-chevron-circle-right:before { content: $fa-var-chevron-circle-right; }
.#{$fa-css-prefix}-chevron-circle-up:before { content: $fa-var-chevron-circle-up; }
.#{$fa-css-prefix}-chevron-circle-down:before { content: $fa-var-chevron-circle-down; }
.#{$fa-css-prefix}-html5:before { content: $fa-var-html5; }
.#{$fa-css-prefix}-css3:before { content: $fa-var-css3; }
.#{$fa-css-prefix}-anchor:before { content: $fa-var-anchor; }
.#{$fa-css-prefix}-unlock-alt:before { content: $fa-var-unlock-alt; }
.#{$fa-css-prefix}-bullseye:before { content: $fa-var-bullseye; }
.#{$fa-css-prefix}-ellipsis-h:before { content: $fa-var-ellipsis-h; }
.#{$fa-css-prefix}-ellipsis-v:before { content: $fa-var-ellipsis-v; }
.#{$fa-css-prefix}-rss-square:before { content: $fa-var-rss-square; }
.#{$fa-css-prefix}-play-circle:before { content: $fa-var-play-circle; }
.#{$fa-css-prefix}-ticket:before { content: $fa-var-ticket; }
.#{$fa-css-prefix}-minus-square:before { content: $fa-var-minus-square; }
.#{$fa-css-prefix}-minus-square-o:before { content: $fa-var-minus-square-o; }
.#{$fa-css-prefix}-level-up:before { content: $fa-var-level-up; }
.#{$fa-css-prefix}-level-down:before { content: $fa-var-level-down; }
.#{$fa-css-prefix}-check-square:before { content: $fa-var-check-square; }
.#{$fa-css-prefix}-pencil-square:before { content: $fa-var-pencil-square; }
.#{$fa-css-prefix}-external-link-square:before { content: $fa-var-external-link-square; }
.#{$fa-css-prefix}-share-square:before { content: $fa-var-share-square; }
.#{$fa-css-prefix}-compass:before { content: $fa-var-compass; }
.#{$fa-css-prefix}-toggle-down:before,
.#{$fa-css-prefix}-caret-square-o-down:before { content: $fa-var-caret-square-o-down; }
.#{$fa-css-prefix}-toggle-up:before,
.#{$fa-css-prefix}-caret-square-o-up:before { content: $fa-var-caret-square-o-up; }
.#{$fa-css-prefix}-toggle-right:before,
.#{$fa-css-prefix}-caret-square-o-right:before { content: $fa-var-caret-square-o-right; }
.#{$fa-css-prefix}-euro:before,
.#{$fa-css-prefix}-eur:before { content: $fa-var-eur; }
.#{$fa-css-prefix}-gbp:before { content: $fa-var-gbp; }
.#{$fa-css-prefix}-dollar:before,
.#{$fa-css-prefix}-usd:before { content: $fa-var-usd; }
.#{$fa-css-prefix}-rupee:before,
.#{$fa-css-prefix}-inr:before { content: $fa-var-inr; }
.#{$fa-css-prefix}-cny:before,
.#{$fa-css-prefix}-rmb:before,
.#{$fa-css-prefix}-yen:before,
.#{$fa-css-prefix}-jpy:before { content: $fa-var-jpy; }
.#{$fa-css-prefix}-ruble:before,
.#{$fa-css-prefix}-rouble:before,
.#{$fa-css-prefix}-rub:before { content: $fa-var-rub; }
.#{$fa-css-prefix}-won:before,
.#{$fa-css-prefix}-krw:before { content: $fa-var-krw; }
.#{$fa-css-prefix}-bitcoin:before,
.#{$fa-css-prefix}-btc:before { content: $fa-var-btc; }
.#{$fa-css-prefix}-file:before { content: $fa-var-file; }
.#{$fa-css-prefix}-file-text:before { content: $fa-var-file-text; }
.#{$fa-css-prefix}-sort-alpha-asc:before { content: $fa-var-sort-alpha-asc; }
.#{$fa-css-prefix}-sort-alpha-desc:before { content: $fa-var-sort-alpha-desc; }
.#{$fa-css-prefix}-sort-amount-asc:before { content: $fa-var-sort-amount-asc; }
.#{$fa-css-prefix}-sort-amount-desc:before { content: $fa-var-sort-amount-desc; }
.#{$fa-css-prefix}-sort-numeric-asc:before { content: $fa-var-sort-numeric-asc; }
.#{$fa-css-prefix}-sort-numeric-desc:before { content: $fa-var-sort-numeric-desc; }
.#{$fa-css-prefix}-thumbs-up:before { content: $fa-var-thumbs-up; }
.#{$fa-css-prefix}-thumbs-down:before { content: $fa-var-thumbs-down; }
.#{$fa-css-prefix}-youtube-square:before { content: $fa-var-youtube-square; }
.#{$fa-css-prefix}-youtube:before { content: $fa-var-youtube; }
.#{$fa-css-prefix}-xing:before { content: $fa-var-xing; }
.#{$fa-css-prefix}-xing-square:before { content: $fa-var-xing-square; }
.#{$fa-css-prefix}-youtube-play:before { content: $fa-var-youtube-play; }
.#{$fa-css-prefix}-dropbox:before { content: $fa-var-dropbox; }
.#{$fa-css-prefix}-stack-overflow:before { content: $fa-var-stack-overflow; }
.#{$fa-css-prefix}-instagram:before { content: $fa-var-instagram; }
.#{$fa-css-prefix}-flickr:before { content: $fa-var-flickr; }
.#{$fa-css-prefix}-adn:before { content: $fa-var-adn; }
.#{$fa-css-prefix}-bitbucket:before { content: $fa-var-bitbucket; }
.#{$fa-css-prefix}-bitbucket-square:before { content: $fa-var-bitbucket-square; }
.#{$fa-css-prefix}-tumblr:before { content: $fa-var-tumblr; }
.#{$fa-css-prefix}-tumblr-square:before { content: $fa-var-tumblr-square; }
.#{$fa-css-prefix}-long-arrow-down:before { content: $fa-var-long-arrow-down; }
.#{$fa-css-prefix}-long-arrow-up:before { content: $fa-var-long-arrow-up; }
.#{$fa-css-prefix}-long-arrow-left:before { content: $fa-var-long-arrow-left; }
.#{$fa-css-prefix}-long-arrow-right:before { content: $fa-var-long-arrow-right; }
.#{$fa-css-prefix}-apple:before { content: $fa-var-apple; }
.#{$fa-css-prefix}-windows:before { content: $fa-var-windows; }
.#{$fa-css-prefix}-android:before { content: $fa-var-android; }
.#{$fa-css-prefix}-linux:before { content: $fa-var-linux; }
.#{$fa-css-prefix}-dribbble:before { content: $fa-var-dribbble; }
.#{$fa-css-prefix}-skype:before { content: $fa-var-skype; }
.#{$fa-css-prefix}-foursquare:before { content: $fa-var-foursquare; }
.#{$fa-css-prefix}-trello:before { content: $fa-var-trello; }
.#{$fa-css-prefix}-female:before { content: $fa-var-female; }
.#{$fa-css-prefix}-male:before { content: $fa-var-male; }
.#{$fa-css-prefix}-gittip:before,
.#{$fa-css-prefix}-gratipay:before { content: $fa-var-gratipay; }
.#{$fa-css-prefix}-sun-o:before { content: $fa-var-sun-o; }
.#{$fa-css-prefix}-moon-o:before { content: $fa-var-moon-o; }
.#{$fa-css-prefix}-archive:before { content: $fa-var-archive; }
.#{$fa-css-prefix}-bug:before { content: $fa-var-bug; }
.#{$fa-css-prefix}-vk:before { content: $fa-var-vk; }
.#{$fa-css-prefix}-weibo:before { content: $fa-var-weibo; }
.#{$fa-css-prefix}-renren:before { content: $fa-var-renren; }
.#{$fa-css-prefix}-pagelines:before { content: $fa-var-pagelines; }
.#{$fa-css-prefix}-stack-exchange:before { content: $fa-var-stack-exchange; }
.#{$fa-css-prefix}-arrow-circle-o-right:before { content: $fa-var-arrow-circle-o-right; }
.#{$fa-css-prefix}-arrow-circle-o-left:before { content: $fa-var-arrow-circle-o-left; }
.#{$fa-css-prefix}-toggle-left:before,
.#{$fa-css-prefix}-caret-square-o-left:before { content: $fa-var-caret-square-o-left; }
.#{$fa-css-prefix}-dot-circle-o:before { content: $fa-var-dot-circle-o; }
.#{$fa-css-prefix}-wheelchair:before { content: $fa-var-wheelchair; }
.#{$fa-css-prefix}-vimeo-square:before { content: $fa-var-vimeo-square; }
.#{$fa-css-prefix}-turkish-lira:before,
.#{$fa-css-prefix}-try:before { content: $fa-var-try; }
.#{$fa-css-prefix}-plus-square-o:before { content: $fa-var-plus-square-o; }
.#{$fa-css-prefix}-space-shuttle:before { content: $fa-var-space-shuttle; }
.#{$fa-css-prefix}-slack:before { content: $fa-var-slack; }
.#{$fa-css-prefix}-envelope-square:before { content: $fa-var-envelope-square; }
.#{$fa-css-prefix}-wordpress:before { content: $fa-var-wordpress; }
.#{$fa-css-prefix}-openid:before { content: $fa-var-openid; }
.#{$fa-css-prefix}-institution:before,
.#{$fa-css-prefix}-bank:before,
.#{$fa-css-prefix}-university:before { content: $fa-var-university; }
.#{$fa-css-prefix}-mortar-board:before,
.#{$fa-css-prefix}-graduation-cap:before { content: $fa-var-graduation-cap; }
.#{$fa-css-prefix}-yahoo:before { content: $fa-var-yahoo; }
.#{$fa-css-prefix}-google:before { content: $fa-var-google; }
.#{$fa-css-prefix}-reddit:before { content: $fa-var-reddit; }
.#{$fa-css-prefix}-reddit-square:before { content: $fa-var-reddit-square; }
.#{$fa-css-prefix}-stumbleupon-circle:before { content: $fa-var-stumbleupon-circle; }
.#{$fa-css-prefix}-stumbleupon:before { content: $fa-var-stumbleupon; }
.#{$fa-css-prefix}-delicious:before { content: $fa-var-delicious; }
.#{$fa-css-prefix}-digg:before { content: $fa-var-digg; }
.#{$fa-css-prefix}-pied-piper-pp:before { content: $fa-var-pied-piper-pp; }
.#{$fa-css-prefix}-pied-piper-alt:before { content: $fa-var-pied-piper-alt; }
.#{$fa-css-prefix}-drupal:before { content: $fa-var-drupal; }
.#{$fa-css-prefix}-joomla:before { content: $fa-var-joomla; }
.#{$fa-css-prefix}-language:before { content: $fa-var-language; }
.#{$fa-css-prefix}-fax:before { content: $fa-var-fax; }
.#{$fa-css-prefix}-building:before { content: $fa-var-building; }
.#{$fa-css-prefix}-child:before { content: $fa-var-child; }
.#{$fa-css-prefix}-paw:before { content: $fa-var-paw; }
.#{$fa-css-prefix}-spoon:before { content: $fa-var-spoon; }
.#{$fa-css-prefix}-cube:before { content: $fa-var-cube; }
.#{$fa-css-prefix}-cubes:before { content: $fa-var-cubes; }
.#{$fa-css-prefix}-behance:before { content: $fa-var-behance; }
.#{$fa-css-prefix}-behance-square:before { content: $fa-var-behance-square; }
.#{$fa-css-prefix}-steam:before { content: $fa-var-steam; }
.#{$fa-css-prefix}-steam-square:before { content: $fa-var-steam-square; }
.#{$fa-css-prefix}-recycle:before { content: $fa-var-recycle; }
.#{$fa-css-prefix}-automobile:before,
.#{$fa-css-prefix}-car:before { content: $fa-var-car; }
.#{$fa-css-prefix}-cab:before,
.#{$fa-css-prefix}-taxi:before { content: $fa-var-taxi; }
.#{$fa-css-prefix}-tree:before { content: $fa-var-tree; }
.#{$fa-css-prefix}-spotify:before { content: $fa-var-spotify; }
.#{$fa-css-prefix}-deviantart:before { content: $fa-var-deviantart; }
.#{$fa-css-prefix}-soundcloud:before { content: $fa-var-soundcloud; }
.#{$fa-css-prefix}-database:before { content: $fa-var-database; }
.#{$fa-css-prefix}-file-pdf-o:before { content: $fa-var-file-pdf-o; }
.#{$fa-css-prefix}-file-word-o:before { content: $fa-var-file-word-o; }
.#{$fa-css-prefix}-file-excel-o:before { content: $fa-var-file-excel-o; }
.#{$fa-css-prefix}-file-powerpoint-o:before { content: $fa-var-file-powerpoint-o; }
.#{$fa-css-prefix}-file-photo-o:before,
.#{$fa-css-prefix}-file-picture-o:before,
.#{$fa-css-prefix}-file-image-o:before { content: $fa-var-file-image-o; }
.#{$fa-css-prefix}-file-zip-o:before,
.#{$fa-css-prefix}-file-archive-o:before { content: $fa-var-file-archive-o; }
.#{$fa-css-prefix}-file-sound-o:before,
.#{$fa-css-prefix}-file-audio-o:before { content: $fa-var-file-audio-o; }
.#{$fa-css-prefix}-file-movie-o:before,
.#{$fa-css-prefix}-file-video-o:before { content: $fa-var-file-video-o; }
.#{$fa-css-prefix}-file-code-o:before { content: $fa-var-file-code-o; }
.#{$fa-css-prefix}-vine:before { content: $fa-var-vine; }
.#{$fa-css-prefix}-codepen:before { content: $fa-var-codepen; }
.#{$fa-css-prefix}-jsfiddle:before { content: $fa-var-jsfiddle; }
.#{$fa-css-prefix}-life-bouy:before,
.#{$fa-css-prefix}-life-buoy:before,
.#{$fa-css-prefix}-life-saver:before,
.#{$fa-css-prefix}-support:before,
.#{$fa-css-prefix}-life-ring:before { content: $fa-var-life-ring; }
.#{$fa-css-prefix}-circle-o-notch:before { content: $fa-var-circle-o-notch; }
.#{$fa-css-prefix}-ra:before,
.#{$fa-css-prefix}-resistance:before,
.#{$fa-css-prefix}-rebel:before { content: $fa-var-rebel; }
.#{$fa-css-prefix}-ge:before,
.#{$fa-css-prefix}-empire:before { content: $fa-var-empire; }
.#{$fa-css-prefix}-git-square:before { content: $fa-var-git-square; }
.#{$fa-css-prefix}-git:before { content: $fa-var-git; }
.#{$fa-css-prefix}-y-combinator-square:before,
.#{$fa-css-prefix}-yc-square:before,
.#{$fa-css-prefix}-hacker-news:before { content: $fa-var-hacker-news; }
.#{$fa-css-prefix}-tencent-weibo:before { content: $fa-var-tencent-weibo; }
.#{$fa-css-prefix}-qq:before { content: $fa-var-qq; }
.#{$fa-css-prefix}-wechat:before,
.#{$fa-css-prefix}-weixin:before { content: $fa-var-weixin; }
.#{$fa-css-prefix}-send:before,
.#{$fa-css-prefix}-paper-plane:before { content: $fa-var-paper-plane; }
.#{$fa-css-prefix}-send-o:before,
.#{$fa-css-prefix}-paper-plane-o:before { content: $fa-var-paper-plane-o; }
.#{$fa-css-prefix}-history:before { content: $fa-var-history; }
.#{$fa-css-prefix}-circle-thin:before { content: $fa-var-circle-thin; }
.#{$fa-css-prefix}-header:before { content: $fa-var-header; }
.#{$fa-css-prefix}-paragraph:before { content: $fa-var-paragraph; }
.#{$fa-css-prefix}-sliders:before { content: $fa-var-sliders; }
.#{$fa-css-prefix}-share-alt:before { content: $fa-var-share-alt; }
.#{$fa-css-prefix}-share-alt-square:before { content: $fa-var-share-alt-square; }
.#{$fa-css-prefix}-bomb:before { content: $fa-var-bomb; }
.#{$fa-css-prefix}-soccer-ball-o:before,
.#{$fa-css-prefix}-futbol-o:before { content: $fa-var-futbol-o; }
.#{$fa-css-prefix}-tty:before { content: $fa-var-tty; }
.#{$fa-css-prefix}-binoculars:before { content: $fa-var-binoculars; }
.#{$fa-css-prefix}-plug:before { content: $fa-var-plug; }
.#{$fa-css-prefix}-slideshare:before { content: $fa-var-slideshare; }
.#{$fa-css-prefix}-twitch:before { content: $fa-var-twitch; }
.#{$fa-css-prefix}-yelp:before { content: $fa-var-yelp; }
.#{$fa-css-prefix}-newspaper-o:before { content: $fa-var-newspaper-o; }
.#{$fa-css-prefix}-wifi:before { content: $fa-var-wifi; }
.#{$fa-css-prefix}-calculator:before { content: $fa-var-calculator; }
.#{$fa-css-prefix}-paypal:before { content: $fa-var-paypal; }
.#{$fa-css-prefix}-google-wallet:before { content: $fa-var-google-wallet; }
.#{$fa-css-prefix}-cc-visa:before { content: $fa-var-cc-visa; }
.#{$fa-css-prefix}-cc-mastercard:before { content: $fa-var-cc-mastercard; }
.#{$fa-css-prefix}-cc-discover:before { content: $fa-var-cc-discover; }
.#{$fa-css-prefix}-cc-amex:before { content: $fa-var-cc-amex; }
.#{$fa-css-prefix}-cc-paypal:before { content: $fa-var-cc-paypal; }
.#{$fa-css-prefix}-cc-stripe:before { content: $fa-var-cc-stripe; }
.#{$fa-css-prefix}-bell-slash:before { content: $fa-var-bell-slash; }
.#{$fa-css-prefix}-bell-slash-o:before { content: $fa-var-bell-slash-o; }
.#{$fa-css-prefix}-trash:before { content: $fa-var-trash; }
.#{$fa-css-prefix}-copyright:before { content: $fa-var-copyright; }
.#{$fa-css-prefix}-at:before { content: $fa-var-at; }
.#{$fa-css-prefix}-eyedropper:before { content: $fa-var-eyedropper; }
.#{$fa-css-prefix}-paint-brush:before { content: $fa-var-paint-brush; }
.#{$fa-css-prefix}-birthday-cake:before { content: $fa-var-birthday-cake; }
.#{$fa-css-prefix}-area-chart:before { content: $fa-var-area-chart; }
.#{$fa-css-prefix}-pie-chart:before { content: $fa-var-pie-chart; }
.#{$fa-css-prefix}-line-chart:before { content: $fa-var-line-chart; }
.#{$fa-css-prefix}-lastfm:before { content: $fa-var-lastfm; }
.#{$fa-css-prefix}-lastfm-square:before { content: $fa-var-lastfm-square; }
.#{$fa-css-prefix}-toggle-off:before { content: $fa-var-toggle-off; }
.#{$fa-css-prefix}-toggle-on:before { content: $fa-var-toggle-on; }
.#{$fa-css-prefix}-bicycle:before { content: $fa-var-bicycle; }
.#{$fa-css-prefix}-bus:before { content: $fa-var-bus; }
.#{$fa-css-prefix}-ioxhost:before { content: $fa-var-ioxhost; }
.#{$fa-css-prefix}-angellist:before { content: $fa-var-angellist; }
.#{$fa-css-prefix}-cc:before { content: $fa-var-cc; }
.#{$fa-css-prefix}-shekel:before,
.#{$fa-css-prefix}-sheqel:before,
.#{$fa-css-prefix}-ils:before { content: $fa-var-ils; }
.#{$fa-css-prefix}-meanpath:before { content: $fa-var-meanpath; }
.#{$fa-css-prefix}-buysellads:before { content: $fa-var-buysellads; }
.#{$fa-css-prefix}-connectdevelop:before { content: $fa-var-connectdevelop; }
.#{$fa-css-prefix}-dashcube:before { content: $fa-var-dashcube; }
.#{$fa-css-prefix}-forumbee:before { content: $fa-var-forumbee; }
.#{$fa-css-prefix}-leanpub:before { content: $fa-var-leanpub; }
.#{$fa-css-prefix}-sellsy:before { content: $fa-var-sellsy; }
.#{$fa-css-prefix}-shirtsinbulk:before { content: $fa-var-shirtsinbulk; }
.#{$fa-css-prefix}-simplybuilt:before { content: $fa-var-simplybuilt; }
.#{$fa-css-prefix}-skyatlas:before { content: $fa-var-skyatlas; }
.#{$fa-css-prefix}-cart-plus:before { content: $fa-var-cart-plus; }
.#{$fa-css-prefix}-cart-arrow-down:before { content: $fa-var-cart-arrow-down; }
.#{$fa-css-prefix}-diamond:before { content: $fa-var-diamond; }
.#{$fa-css-prefix}-ship:before { content: $fa-var-ship; }
.#{$fa-css-prefix}-user-secret:before { content: $fa-var-user-secret; }
.#{$fa-css-prefix}-motorcycle:before { content: $fa-var-motorcycle; }
.#{$fa-css-prefix}-street-view:before { content: $fa-var-street-view; }
.#{$fa-css-prefix}-heartbeat:before { content: $fa-var-heartbeat; }
.#{$fa-css-prefix}-venus:before { content: $fa-var-venus; }
.#{$fa-css-prefix}-mars:before { content: $fa-var-mars; }
.#{$fa-css-prefix}-mercury:before { content: $fa-var-mercury; }
.#{$fa-css-prefix}-intersex:before,
.#{$fa-css-prefix}-transgender:before { content: $fa-var-transgender; }
.#{$fa-css-prefix}-transgender-alt:before { content: $fa-var-transgender-alt; }
.#{$fa-css-prefix}-venus-double:before { content: $fa-var-venus-double; }
.#{$fa-css-prefix}-mars-double:before { content: $fa-var-mars-double; }
.#{$fa-css-prefix}-venus-mars:before { content: $fa-var-venus-mars; }
.#{$fa-css-prefix}-mars-stroke:before { content: $fa-var-mars-stroke; }
.#{$fa-css-prefix}-mars-stroke-v:before { content: $fa-var-mars-stroke-v; }
.#{$fa-css-prefix}-mars-stroke-h:before { content: $fa-var-mars-stroke-h; }
.#{$fa-css-prefix}-neuter:before { content: $fa-var-neuter; }
.#{$fa-css-prefix}-genderless:before { content: $fa-var-genderless; }
.#{$fa-css-prefix}-facebook-official:before { content: $fa-var-facebook-official; }
.#{$fa-css-prefix}-pinterest-p:before { content: $fa-var-pinterest-p; }
.#{$fa-css-prefix}-whatsapp:before { content: $fa-var-whatsapp; }
.#{$fa-css-prefix}-server:before { content: $fa-var-server; }
.#{$fa-css-prefix}-user-plus:before { content: $fa-var-user-plus; }
.#{$fa-css-prefix}-user-times:before { content: $fa-var-user-times; }
.#{$fa-css-prefix}-hotel:before,
.#{$fa-css-prefix}-bed:before { content: $fa-var-bed; }
.#{$fa-css-prefix}-viacoin:before { content: $fa-var-viacoin; }
.#{$fa-css-prefix}-train:before { content: $fa-var-train; }
.#{$fa-css-prefix}-subway:before { content: $fa-var-subway; }
.#{$fa-css-prefix}-medium:before { content: $fa-var-medium; }
.#{$fa-css-prefix}-yc:before,
.#{$fa-css-prefix}-y-combinator:before { content: $fa-var-y-combinator; }
.#{$fa-css-prefix}-optin-monster:before { content: $fa-var-optin-monster; }
.#{$fa-css-prefix}-opencart:before { content: $fa-var-opencart; }
.#{$fa-css-prefix}-expeditedssl:before { content: $fa-var-expeditedssl; }
.#{$fa-css-prefix}-battery-4:before,
.#{$fa-css-prefix}-battery-full:before { content: $fa-var-battery-full; }
.#{$fa-css-prefix}-battery-3:before,
.#{$fa-css-prefix}-battery-three-quarters:before { content: $fa-var-battery-three-quarters; }
.#{$fa-css-prefix}-battery-2:before,
.#{$fa-css-prefix}-battery-half:before { content: $fa-var-battery-half; }
.#{$fa-css-prefix}-battery-1:before,
.#{$fa-css-prefix}-battery-quarter:before { content: $fa-var-battery-quarter; }
.#{$fa-css-prefix}-battery-0:before,
.#{$fa-css-prefix}-battery-empty:before { content: $fa-var-battery-empty; }
.#{$fa-css-prefix}-mouse-pointer:before { content: $fa-var-mouse-pointer; }
.#{$fa-css-prefix}-i-cursor:before { content: $fa-var-i-cursor; }
.#{$fa-css-prefix}-object-group:before { content: $fa-var-object-group; }
.#{$fa-css-prefix}-object-ungroup:before { content: $fa-var-object-ungroup; }
.#{$fa-css-prefix}-sticky-note:before { content: $fa-var-sticky-note; }
.#{$fa-css-prefix}-sticky-note-o:before { content: $fa-var-sticky-note-o; }
.#{$fa-css-prefix}-cc-jcb:before { content: $fa-var-cc-jcb; }
.#{$fa-css-prefix}-cc-diners-club:before { content: $fa-var-cc-diners-club; }
.#{$fa-css-prefix}-clone:before { content: $fa-var-clone; }
.#{$fa-css-prefix}-balance-scale:before { content: $fa-var-balance-scale; }
.#{$fa-css-prefix}-hourglass-o:before { content: $fa-var-hourglass-o; }
.#{$fa-css-prefix}-hourglass-1:before,
.#{$fa-css-prefix}-hourglass-start:before { content: $fa-var-hourglass-start; }
.#{$fa-css-prefix}-hourglass-2:before,
.#{$fa-css-prefix}-hourglass-half:before { content: $fa-var-hourglass-half; }
.#{$fa-css-prefix}-hourglass-3:before,
.#{$fa-css-prefix}-hourglass-end:before { content: $fa-var-hourglass-end; }
.#{$fa-css-prefix}-hourglass:before { content: $fa-var-hourglass; }
.#{$fa-css-prefix}-hand-grab-o:before,
.#{$fa-css-prefix}-hand-rock-o:before { content: $fa-var-hand-rock-o; }
.#{$fa-css-prefix}-hand-stop-o:before,
.#{$fa-css-prefix}-hand-paper-o:before { content: $fa-var-hand-paper-o; }
.#{$fa-css-prefix}-hand-scissors-o:before { content: $fa-var-hand-scissors-o; }
.#{$fa-css-prefix}-hand-lizard-o:before { content: $fa-var-hand-lizard-o; }
.#{$fa-css-prefix}-hand-spock-o:before { content: $fa-var-hand-spock-o; }
.#{$fa-css-prefix}-hand-pointer-o:before { content: $fa-var-hand-pointer-o; }
.#{$fa-css-prefix}-hand-peace-o:before { content: $fa-var-hand-peace-o; }
.#{$fa-css-prefix}-trademark:before { content: $fa-var-trademark; }
.#{$fa-css-prefix}-registered:before { content: $fa-var-registered; }
.#{$fa-css-prefix}-creative-commons:before { content: $fa-var-creative-commons; }
.#{$fa-css-prefix}-gg:before { content: $fa-var-gg; }
.#{$fa-css-prefix}-gg-circle:before { content: $fa-var-gg-circle; }
.#{$fa-css-prefix}-tripadvisor:before { content: $fa-var-tripadvisor; }
.#{$fa-css-prefix}-odnoklassniki:before { content: $fa-var-odnoklassniki; }
.#{$fa-css-prefix}-odnoklassniki-square:before { content: $fa-var-odnoklassniki-square; }
.#{$fa-css-prefix}-get-pocket:before { content: $fa-var-get-pocket; }
.#{$fa-css-prefix}-wikipedia-w:before { content: $fa-var-wikipedia-w; }
.#{$fa-css-prefix}-safari:before { content: $fa-var-safari; }
.#{$fa-css-prefix}-chrome:before { content: $fa-var-chrome; }
.#{$fa-css-prefix}-firefox:before { content: $fa-var-firefox; }
.#{$fa-css-prefix}-opera:before { content: $fa-var-opera; }
.#{$fa-css-prefix}-internet-explorer:before { content: $fa-var-internet-explorer; }
.#{$fa-css-prefix}-tv:before,
.#{$fa-css-prefix}-television:before { content: $fa-var-television; }
.#{$fa-css-prefix}-contao:before { content: $fa-var-contao; }
.#{$fa-css-prefix}-500px:before { content: $fa-var-500px; }
.#{$fa-css-prefix}-amazon:before { content: $fa-var-amazon; }
.#{$fa-css-prefix}-calendar-plus-o:before { content: $fa-var-calendar-plus-o; }
.#{$fa-css-prefix}-calendar-minus-o:before { content: $fa-var-calendar-minus-o; }
.#{$fa-css-prefix}-calendar-times-o:before { content: $fa-var-calendar-times-o; }
.#{$fa-css-prefix}-calendar-check-o:before { content: $fa-var-calendar-check-o; }
.#{$fa-css-prefix}-industry:before { content: $fa-var-industry; }
.#{$fa-css-prefix}-map-pin:before { content: $fa-var-map-pin; }
.#{$fa-css-prefix}-map-signs:before { content: $fa-var-map-signs; }
.#{$fa-css-prefix}-map-o:before { content: $fa-var-map-o; }
.#{$fa-css-prefix}-map:before { content: $fa-var-map; }
.#{$fa-css-prefix}-commenting:before { content: $fa-var-commenting; }
.#{$fa-css-prefix}-commenting-o:before { content: $fa-var-commenting-o; }
.#{$fa-css-prefix}-houzz:before { content: $fa-var-houzz; }
.#{$fa-css-prefix}-vimeo:before { content: $fa-var-vimeo; }
.#{$fa-css-prefix}-black-tie:before { content: $fa-var-black-tie; }
.#{$fa-css-prefix}-fonticons:before { content: $fa-var-fonticons; }
.#{$fa-css-prefix}-reddit-alien:before { content: $fa-var-reddit-alien; }
.#{$fa-css-prefix}-edge:before { content: $fa-var-edge; }
.#{$fa-css-prefix}-credit-card-alt:before { content: $fa-var-credit-card-alt; }
.#{$fa-css-prefix}-codiepie:before { content: $fa-var-codiepie; }
.#{$fa-css-prefix}-modx:before { content: $fa-var-modx; }
.#{$fa-css-prefix}-fort-awesome:before { content: $fa-var-fort-awesome; }
.#{$fa-css-prefix}-usb:before { content: $fa-var-usb; }
.#{$fa-css-prefix}-product-hunt:before { content: $fa-var-product-hunt; }
.#{$fa-css-prefix}-mixcloud:before { content: $fa-var-mixcloud; }
.#{$fa-css-prefix}-scribd:before { content: $fa-var-scribd; }
.#{$fa-css-prefix}-pause-circle:before { content: $fa-var-pause-circle; }
.#{$fa-css-prefix}-pause-circle-o:before { content: $fa-var-pause-circle-o; }
.#{$fa-css-prefix}-stop-circle:before { content: $fa-var-stop-circle; }
.#{$fa-css-prefix}-stop-circle-o:before { content: $fa-var-stop-circle-o; }
.#{$fa-css-prefix}-shopping-bag:before { content: $fa-var-shopping-bag; }
.#{$fa-css-prefix}-shopping-basket:before { content: $fa-var-shopping-basket; }
.#{$fa-css-prefix}-hashtag:before { content: $fa-var-hashtag; }
.#{$fa-css-prefix}-bluetooth:before { content: $fa-var-bluetooth; }
.#{$fa-css-prefix}-bluetooth-b:before { content: $fa-var-bluetooth-b; }
.#{$fa-css-prefix}-percent:before { content: $fa-var-percent; }
.#{$fa-css-prefix}-gitlab:before { content: $fa-var-gitlab; }
.#{$fa-css-prefix}-wpbeginner:before { content: $fa-var-wpbeginner; }
.#{$fa-css-prefix}-wpforms:before { content: $fa-var-wpforms; }
.#{$fa-css-prefix}-envira:before { content: $fa-var-envira; }
.#{$fa-css-prefix}-universal-access:before { content: $fa-var-universal-access; }
.#{$fa-css-prefix}-wheelchair-alt:before { content: $fa-var-wheelchair-alt; }
.#{$fa-css-prefix}-question-circle-o:before { content: $fa-var-question-circle-o; }
.#{$fa-css-prefix}-blind:before { content: $fa-var-blind; }
.#{$fa-css-prefix}-audio-description:before { content: $fa-var-audio-description; }
.#{$fa-css-prefix}-volume-control-phone:before { content: $fa-var-volume-control-phone; }
.#{$fa-css-prefix}-braille:before { content: $fa-var-braille; }
.#{$fa-css-prefix}-assistive-listening-systems:before { content: $fa-var-assistive-listening-systems; }
.#{$fa-css-prefix}-asl-interpreting:before,
.#{$fa-css-prefix}-american-sign-language-interpreting:before { content: $fa-var-american-sign-language-interpreting; }
.#{$fa-css-prefix}-deafness:before,
.#{$fa-css-prefix}-hard-of-hearing:before,
.#{$fa-css-prefix}-deaf:before { content: $fa-var-deaf; }
.#{$fa-css-prefix}-glide:before { content: $fa-var-glide; }
.#{$fa-css-prefix}-glide-g:before { content: $fa-var-glide-g; }
.#{$fa-css-prefix}-signing:before,
.#{$fa-css-prefix}-sign-language:before { content: $fa-var-sign-language; }
.#{$fa-css-prefix}-low-vision:before { content: $fa-var-low-vision; }
.#{$fa-css-prefix}-viadeo:before { content: $fa-var-viadeo; }
.#{$fa-css-prefix}-viadeo-square:before { content: $fa-var-viadeo-square; }
.#{$fa-css-prefix}-snapchat:before { content: $fa-var-snapchat; }
.#{$fa-css-prefix}-snapchat-ghost:before { content: $fa-var-snapchat-ghost; }
.#{$fa-css-prefix}-snapchat-square:before { content: $fa-var-snapchat-square; }
.#{$fa-css-prefix}-pied-piper:before { content: $fa-var-pied-piper; }
.#{$fa-css-prefix}-first-order:before { content: $fa-var-first-order; }
.#{$fa-css-prefix}-yoast:before { content: $fa-var-yoast; }
.#{$fa-css-prefix}-themeisle:before { content: $fa-var-themeisle; }
.#{$fa-css-prefix}-google-plus-circle:before,
.#{$fa-css-prefix}-google-plus-official:before { content: $fa-var-google-plus-official; }
.#{$fa-css-prefix}-fa:before,
.#{$fa-css-prefix}-font-awesome:before { content: $fa-var-font-awesome; }

View File

@ -0,0 +1,13 @@
// Icon Sizes
// -------------------------
/* makes the font 33% larger relative to the icon container */
.#{$fa-css-prefix}-lg {
font-size: (4em / 3);
line-height: (3em / 4);
vertical-align: -15%;
}
.#{$fa-css-prefix}-2x { font-size: 2em; }
.#{$fa-css-prefix}-3x { font-size: 3em; }
.#{$fa-css-prefix}-4x { font-size: 4em; }
.#{$fa-css-prefix}-5x { font-size: 5em; }

View File

@ -0,0 +1,19 @@
// List Icons
// -------------------------
.#{$fa-css-prefix}-ul {
padding-left: 0;
margin-left: $fa-li-width;
list-style-type: none;
> li { position: relative; }
}
.#{$fa-css-prefix}-li {
position: absolute;
left: -$fa-li-width;
width: $fa-li-width;
top: (2em / 14);
text-align: center;
&.#{$fa-css-prefix}-lg {
left: -$fa-li-width + (4em / 14);
}
}

View File

@ -0,0 +1,60 @@
// Mixins
// --------------------------
@mixin fa-icon() {
display: inline-block;
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@mixin fa-icon-rotate($degrees, $rotation) {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
-webkit-transform: rotate($degrees);
-ms-transform: rotate($degrees);
transform: rotate($degrees);
}
@mixin fa-icon-flip($horiz, $vert, $rotation) {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
-webkit-transform: scale($horiz, $vert);
-ms-transform: scale($horiz, $vert);
transform: scale($horiz, $vert);
}
// Only display content to screen readers. A la Bootstrap 4.
//
// See: http://a11yproject.com/posts/how-to-hide-content/
@mixin sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
// Use in conjunction with .sr-only to only display content when it's focused.
//
// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
//
// Credit: HTML5 Boilerplate
@mixin sr-only-focusable {
&:active,
&:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
}

View File

@ -0,0 +1,15 @@
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
// src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
font-weight: normal;
font-style: normal;
}

View File

@ -0,0 +1,20 @@
// Rotated & Flipped Icons
// -------------------------
.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
// Hook for IE8-9
// -------------------------
:root .#{$fa-css-prefix}-rotate-90,
:root .#{$fa-css-prefix}-rotate-180,
:root .#{$fa-css-prefix}-rotate-270,
:root .#{$fa-css-prefix}-flip-horizontal,
:root .#{$fa-css-prefix}-flip-vertical {
filter: none;
}

View File

@ -0,0 +1,5 @@
// Screen Readers
// -------------------------
.sr-only { @include sr-only(); }
.sr-only-focusable { @include sr-only-focusable(); }

View File

@ -0,0 +1,20 @@
// Stacked Icons
// -------------------------
.#{$fa-css-prefix}-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.#{$fa-css-prefix}-stack-1x { line-height: inherit; }
.#{$fa-css-prefix}-stack-2x { font-size: 2em; }
.#{$fa-css-prefix}-inverse { color: $fa-inverse; }

View File

@ -0,0 +1,744 @@
// Variables
// --------------------------
$fa-font-path: "../fonts" !default;
$fa-font-size-base: 14px !default;
$fa-line-height-base: 1 !default;
//$fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.6.3/fonts" !default; // for referencing Bootstrap CDN font files directly
$fa-css-prefix: fa !default;
$fa-version: "4.6.3" !default;
$fa-border-color: #eee !default;
$fa-inverse: #fff !default;
$fa-li-width: (30em / 14) !default;
$fa-var-500px: "\f26e";
$fa-var-adjust: "\f042";
$fa-var-adn: "\f170";
$fa-var-align-center: "\f037";
$fa-var-align-justify: "\f039";
$fa-var-align-left: "\f036";
$fa-var-align-right: "\f038";
$fa-var-amazon: "\f270";
$fa-var-ambulance: "\f0f9";
$fa-var-american-sign-language-interpreting: "\f2a3";
$fa-var-anchor: "\f13d";
$fa-var-android: "\f17b";
$fa-var-angellist: "\f209";
$fa-var-angle-double-down: "\f103";
$fa-var-angle-double-left: "\f100";
$fa-var-angle-double-right: "\f101";
$fa-var-angle-double-up: "\f102";
$fa-var-angle-down: "\f107";
$fa-var-angle-left: "\f104";
$fa-var-angle-right: "\f105";
$fa-var-angle-up: "\f106";
$fa-var-apple: "\f179";
$fa-var-archive: "\f187";
$fa-var-area-chart: "\f1fe";
$fa-var-arrow-circle-down: "\f0ab";
$fa-var-arrow-circle-left: "\f0a8";
$fa-var-arrow-circle-o-down: "\f01a";
$fa-var-arrow-circle-o-left: "\f190";
$fa-var-arrow-circle-o-right: "\f18e";
$fa-var-arrow-circle-o-up: "\f01b";
$fa-var-arrow-circle-right: "\f0a9";
$fa-var-arrow-circle-up: "\f0aa";
$fa-var-arrow-down: "\f063";
$fa-var-arrow-left: "\f060";
$fa-var-arrow-right: "\f061";
$fa-var-arrow-up: "\f062";
$fa-var-arrows: "\f047";
$fa-var-arrows-alt: "\f0b2";
$fa-var-arrows-h: "\f07e";
$fa-var-arrows-v: "\f07d";
$fa-var-asl-interpreting: "\f2a3";
$fa-var-assistive-listening-systems: "\f2a2";
$fa-var-asterisk: "\f069";
$fa-var-at: "\f1fa";
$fa-var-audio-description: "\f29e";
$fa-var-automobile: "\f1b9";
$fa-var-backward: "\f04a";
$fa-var-balance-scale: "\f24e";
$fa-var-ban: "\f05e";
$fa-var-bank: "\f19c";
$fa-var-bar-chart: "\f080";
$fa-var-bar-chart-o: "\f080";
$fa-var-barcode: "\f02a";
$fa-var-bars: "\f0c9";
$fa-var-battery-0: "\f244";
$fa-var-battery-1: "\f243";
$fa-var-battery-2: "\f242";
$fa-var-battery-3: "\f241";
$fa-var-battery-4: "\f240";
$fa-var-battery-empty: "\f244";
$fa-var-battery-full: "\f240";
$fa-var-battery-half: "\f242";
$fa-var-battery-quarter: "\f243";
$fa-var-battery-three-quarters: "\f241";
$fa-var-bed: "\f236";
$fa-var-beer: "\f0fc";
$fa-var-behance: "\f1b4";
$fa-var-behance-square: "\f1b5";
$fa-var-bell: "\f0f3";
$fa-var-bell-o: "\f0a2";
$fa-var-bell-slash: "\f1f6";
$fa-var-bell-slash-o: "\f1f7";
$fa-var-bicycle: "\f206";
$fa-var-binoculars: "\f1e5";
$fa-var-birthday-cake: "\f1fd";
$fa-var-bitbucket: "\f171";
$fa-var-bitbucket-square: "\f172";
$fa-var-bitcoin: "\f15a";
$fa-var-black-tie: "\f27e";
$fa-var-blind: "\f29d";
$fa-var-bluetooth: "\f293";
$fa-var-bluetooth-b: "\f294";
$fa-var-bold: "\f032";
$fa-var-bolt: "\f0e7";
$fa-var-bomb: "\f1e2";
$fa-var-book: "\f02d";
$fa-var-bookmark: "\f02e";
$fa-var-bookmark-o: "\f097";
$fa-var-braille: "\f2a1";
$fa-var-briefcase: "\f0b1";
$fa-var-btc: "\f15a";
$fa-var-bug: "\f188";
$fa-var-building: "\f1ad";
$fa-var-building-o: "\f0f7";
$fa-var-bullhorn: "\f0a1";
$fa-var-bullseye: "\f140";
$fa-var-bus: "\f207";
$fa-var-buysellads: "\f20d";
$fa-var-cab: "\f1ba";
$fa-var-calculator: "\f1ec";
$fa-var-calendar: "\f073";
$fa-var-calendar-check-o: "\f274";
$fa-var-calendar-minus-o: "\f272";
$fa-var-calendar-o: "\f133";
$fa-var-calendar-plus-o: "\f271";
$fa-var-calendar-times-o: "\f273";
$fa-var-camera: "\f030";
$fa-var-camera-retro: "\f083";
$fa-var-car: "\f1b9";
$fa-var-caret-down: "\f0d7";
$fa-var-caret-left: "\f0d9";
$fa-var-caret-right: "\f0da";
$fa-var-caret-square-o-down: "\f150";
$fa-var-caret-square-o-left: "\f191";
$fa-var-caret-square-o-right: "\f152";
$fa-var-caret-square-o-up: "\f151";
$fa-var-caret-up: "\f0d8";
$fa-var-cart-arrow-down: "\f218";
$fa-var-cart-plus: "\f217";
$fa-var-cc: "\f20a";
$fa-var-cc-amex: "\f1f3";
$fa-var-cc-diners-club: "\f24c";
$fa-var-cc-discover: "\f1f2";
$fa-var-cc-jcb: "\f24b";
$fa-var-cc-mastercard: "\f1f1";
$fa-var-cc-paypal: "\f1f4";
$fa-var-cc-stripe: "\f1f5";
$fa-var-cc-visa: "\f1f0";
$fa-var-certificate: "\f0a3";
$fa-var-chain: "\f0c1";
$fa-var-chain-broken: "\f127";
$fa-var-check: "\f00c";
$fa-var-check-circle: "\f058";
$fa-var-check-circle-o: "\f05d";
$fa-var-check-square: "\f14a";
$fa-var-check-square-o: "\f046";
$fa-var-chevron-circle-down: "\f13a";
$fa-var-chevron-circle-left: "\f137";
$fa-var-chevron-circle-right: "\f138";
$fa-var-chevron-circle-up: "\f139";
$fa-var-chevron-down: "\f078";
$fa-var-chevron-left: "\f053";
$fa-var-chevron-right: "\f054";
$fa-var-chevron-up: "\f077";
$fa-var-child: "\f1ae";
$fa-var-chrome: "\f268";
$fa-var-circle: "\f111";
$fa-var-circle-o: "\f10c";
$fa-var-circle-o-notch: "\f1ce";
$fa-var-circle-thin: "\f1db";
$fa-var-clipboard: "\f0ea";
$fa-var-clock-o: "\f017";
$fa-var-clone: "\f24d";
$fa-var-close: "\f00d";
$fa-var-cloud: "\f0c2";
$fa-var-cloud-download: "\f0ed";
$fa-var-cloud-upload: "\f0ee";
$fa-var-cny: "\f157";
$fa-var-code: "\f121";
$fa-var-code-fork: "\f126";
$fa-var-codepen: "\f1cb";
$fa-var-codiepie: "\f284";
$fa-var-coffee: "\f0f4";
$fa-var-cog: "\f013";
$fa-var-cogs: "\f085";
$fa-var-columns: "\f0db";
$fa-var-comment: "\f075";
$fa-var-comment-o: "\f0e5";
$fa-var-commenting: "\f27a";
$fa-var-commenting-o: "\f27b";
$fa-var-comments: "\f086";
$fa-var-comments-o: "\f0e6";
$fa-var-compass: "\f14e";
$fa-var-compress: "\f066";
$fa-var-connectdevelop: "\f20e";
$fa-var-contao: "\f26d";
$fa-var-copy: "\f0c5";
$fa-var-copyright: "\f1f9";
$fa-var-creative-commons: "\f25e";
$fa-var-credit-card: "\f09d";
$fa-var-credit-card-alt: "\f283";
$fa-var-crop: "\f125";
$fa-var-crosshairs: "\f05b";
$fa-var-css3: "\f13c";
$fa-var-cube: "\f1b2";
$fa-var-cubes: "\f1b3";
$fa-var-cut: "\f0c4";
$fa-var-cutlery: "\f0f5";
$fa-var-dashboard: "\f0e4";
$fa-var-dashcube: "\f210";
$fa-var-database: "\f1c0";
$fa-var-deaf: "\f2a4";
$fa-var-deafness: "\f2a4";
$fa-var-dedent: "\f03b";
$fa-var-delicious: "\f1a5";
$fa-var-desktop: "\f108";
$fa-var-deviantart: "\f1bd";
$fa-var-diamond: "\f219";
$fa-var-digg: "\f1a6";
$fa-var-dollar: "\f155";
$fa-var-dot-circle-o: "\f192";
$fa-var-download: "\f019";
$fa-var-dribbble: "\f17d";
$fa-var-dropbox: "\f16b";
$fa-var-drupal: "\f1a9";
$fa-var-edge: "\f282";
$fa-var-edit: "\f044";
$fa-var-eject: "\f052";
$fa-var-ellipsis-h: "\f141";
$fa-var-ellipsis-v: "\f142";
$fa-var-empire: "\f1d1";
$fa-var-envelope: "\f0e0";
$fa-var-envelope-o: "\f003";
$fa-var-envelope-square: "\f199";
$fa-var-envira: "\f299";
$fa-var-eraser: "\f12d";
$fa-var-eur: "\f153";
$fa-var-euro: "\f153";
$fa-var-exchange: "\f0ec";
$fa-var-exclamation: "\f12a";
$fa-var-exclamation-circle: "\f06a";
$fa-var-exclamation-triangle: "\f071";
$fa-var-expand: "\f065";
$fa-var-expeditedssl: "\f23e";
$fa-var-external-link: "\f08e";
$fa-var-external-link-square: "\f14c";
$fa-var-eye: "\f06e";
$fa-var-eye-slash: "\f070";
$fa-var-eyedropper: "\f1fb";
$fa-var-fa: "\f2b4";
$fa-var-facebook: "\f09a";
$fa-var-facebook-f: "\f09a";
$fa-var-facebook-official: "\f230";
$fa-var-facebook-square: "\f082";
$fa-var-fast-backward: "\f049";
$fa-var-fast-forward: "\f050";
$fa-var-fax: "\f1ac";
$fa-var-feed: "\f09e";
$fa-var-female: "\f182";
$fa-var-fighter-jet: "\f0fb";
$fa-var-file: "\f15b";
$fa-var-file-archive-o: "\f1c6";
$fa-var-file-audio-o: "\f1c7";
$fa-var-file-code-o: "\f1c9";
$fa-var-file-excel-o: "\f1c3";
$fa-var-file-image-o: "\f1c5";
$fa-var-file-movie-o: "\f1c8";
$fa-var-file-o: "\f016";
$fa-var-file-pdf-o: "\f1c1";
$fa-var-file-photo-o: "\f1c5";
$fa-var-file-picture-o: "\f1c5";
$fa-var-file-powerpoint-o: "\f1c4";
$fa-var-file-sound-o: "\f1c7";
$fa-var-file-text: "\f15c";
$fa-var-file-text-o: "\f0f6";
$fa-var-file-video-o: "\f1c8";
$fa-var-file-word-o: "\f1c2";
$fa-var-file-zip-o: "\f1c6";
$fa-var-files-o: "\f0c5";
$fa-var-film: "\f008";
$fa-var-filter: "\f0b0";
$fa-var-fire: "\f06d";
$fa-var-fire-extinguisher: "\f134";
$fa-var-firefox: "\f269";
$fa-var-first-order: "\f2b0";
$fa-var-flag: "\f024";
$fa-var-flag-checkered: "\f11e";
$fa-var-flag-o: "\f11d";
$fa-var-flash: "\f0e7";
$fa-var-flask: "\f0c3";
$fa-var-flickr: "\f16e";
$fa-var-floppy-o: "\f0c7";
$fa-var-folder: "\f07b";
$fa-var-folder-o: "\f114";
$fa-var-folder-open: "\f07c";
$fa-var-folder-open-o: "\f115";
$fa-var-font: "\f031";
$fa-var-font-awesome: "\f2b4";
$fa-var-fonticons: "\f280";
$fa-var-fort-awesome: "\f286";
$fa-var-forumbee: "\f211";
$fa-var-forward: "\f04e";
$fa-var-foursquare: "\f180";
$fa-var-frown-o: "\f119";
$fa-var-futbol-o: "\f1e3";
$fa-var-gamepad: "\f11b";
$fa-var-gavel: "\f0e3";
$fa-var-gbp: "\f154";
$fa-var-ge: "\f1d1";
$fa-var-gear: "\f013";
$fa-var-gears: "\f085";
$fa-var-genderless: "\f22d";
$fa-var-get-pocket: "\f265";
$fa-var-gg: "\f260";
$fa-var-gg-circle: "\f261";
$fa-var-gift: "\f06b";
$fa-var-git: "\f1d3";
$fa-var-git-square: "\f1d2";
$fa-var-github: "\f09b";
$fa-var-github-alt: "\f113";
$fa-var-github-square: "\f092";
$fa-var-gitlab: "\f296";
$fa-var-gittip: "\f184";
$fa-var-glass: "\f000";
$fa-var-glide: "\f2a5";
$fa-var-glide-g: "\f2a6";
$fa-var-globe: "\f0ac";
$fa-var-google: "\f1a0";
$fa-var-google-plus: "\f0d5";
$fa-var-google-plus-circle: "\f2b3";
$fa-var-google-plus-official: "\f2b3";
$fa-var-google-plus-square: "\f0d4";
$fa-var-google-wallet: "\f1ee";
$fa-var-graduation-cap: "\f19d";
$fa-var-gratipay: "\f184";
$fa-var-group: "\f0c0";
$fa-var-h-square: "\f0fd";
$fa-var-hacker-news: "\f1d4";
$fa-var-hand-grab-o: "\f255";
$fa-var-hand-lizard-o: "\f258";
$fa-var-hand-o-down: "\f0a7";
$fa-var-hand-o-left: "\f0a5";
$fa-var-hand-o-right: "\f0a4";
$fa-var-hand-o-up: "\f0a6";
$fa-var-hand-paper-o: "\f256";
$fa-var-hand-peace-o: "\f25b";
$fa-var-hand-pointer-o: "\f25a";
$fa-var-hand-rock-o: "\f255";
$fa-var-hand-scissors-o: "\f257";
$fa-var-hand-spock-o: "\f259";
$fa-var-hand-stop-o: "\f256";
$fa-var-hard-of-hearing: "\f2a4";
$fa-var-hashtag: "\f292";
$fa-var-hdd-o: "\f0a0";
$fa-var-header: "\f1dc";
$fa-var-headphones: "\f025";
$fa-var-heart: "\f004";
$fa-var-heart-o: "\f08a";
$fa-var-heartbeat: "\f21e";
$fa-var-history: "\f1da";
$fa-var-home: "\f015";
$fa-var-hospital-o: "\f0f8";
$fa-var-hotel: "\f236";
$fa-var-hourglass: "\f254";
$fa-var-hourglass-1: "\f251";
$fa-var-hourglass-2: "\f252";
$fa-var-hourglass-3: "\f253";
$fa-var-hourglass-end: "\f253";
$fa-var-hourglass-half: "\f252";
$fa-var-hourglass-o: "\f250";
$fa-var-hourglass-start: "\f251";
$fa-var-houzz: "\f27c";
$fa-var-html5: "\f13b";
$fa-var-i-cursor: "\f246";
$fa-var-ils: "\f20b";
$fa-var-image: "\f03e";
$fa-var-inbox: "\f01c";
$fa-var-indent: "\f03c";
$fa-var-industry: "\f275";
$fa-var-info: "\f129";
$fa-var-info-circle: "\f05a";
$fa-var-inr: "\f156";
$fa-var-instagram: "\f16d";
$fa-var-institution: "\f19c";
$fa-var-internet-explorer: "\f26b";
$fa-var-intersex: "\f224";
$fa-var-ioxhost: "\f208";
$fa-var-italic: "\f033";
$fa-var-joomla: "\f1aa";
$fa-var-jpy: "\f157";
$fa-var-jsfiddle: "\f1cc";
$fa-var-key: "\f084";
$fa-var-keyboard-o: "\f11c";
$fa-var-krw: "\f159";
$fa-var-language: "\f1ab";
$fa-var-laptop: "\f109";
$fa-var-lastfm: "\f202";
$fa-var-lastfm-square: "\f203";
$fa-var-leaf: "\f06c";
$fa-var-leanpub: "\f212";
$fa-var-legal: "\f0e3";
$fa-var-lemon-o: "\f094";
$fa-var-level-down: "\f149";
$fa-var-level-up: "\f148";
$fa-var-life-bouy: "\f1cd";
$fa-var-life-buoy: "\f1cd";
$fa-var-life-ring: "\f1cd";
$fa-var-life-saver: "\f1cd";
$fa-var-lightbulb-o: "\f0eb";
$fa-var-line-chart: "\f201";
$fa-var-link: "\f0c1";
$fa-var-linkedin: "\f0e1";
$fa-var-linkedin-square: "\f08c";
$fa-var-linux: "\f17c";
$fa-var-list: "\f03a";
$fa-var-list-alt: "\f022";
$fa-var-list-ol: "\f0cb";
$fa-var-list-ul: "\f0ca";
$fa-var-location-arrow: "\f124";
$fa-var-lock: "\f023";
$fa-var-long-arrow-down: "\f175";
$fa-var-long-arrow-left: "\f177";
$fa-var-long-arrow-right: "\f178";
$fa-var-long-arrow-up: "\f176";
$fa-var-low-vision: "\f2a8";
$fa-var-magic: "\f0d0";
$fa-var-magnet: "\f076";
$fa-var-mail-forward: "\f064";
$fa-var-mail-reply: "\f112";
$fa-var-mail-reply-all: "\f122";
$fa-var-male: "\f183";
$fa-var-map: "\f279";
$fa-var-map-marker: "\f041";
$fa-var-map-o: "\f278";
$fa-var-map-pin: "\f276";
$fa-var-map-signs: "\f277";
$fa-var-mars: "\f222";
$fa-var-mars-double: "\f227";
$fa-var-mars-stroke: "\f229";
$fa-var-mars-stroke-h: "\f22b";
$fa-var-mars-stroke-v: "\f22a";
$fa-var-maxcdn: "\f136";
$fa-var-meanpath: "\f20c";
$fa-var-medium: "\f23a";
$fa-var-medkit: "\f0fa";
$fa-var-meh-o: "\f11a";
$fa-var-mercury: "\f223";
$fa-var-microphone: "\f130";
$fa-var-microphone-slash: "\f131";
$fa-var-minus: "\f068";
$fa-var-minus-circle: "\f056";
$fa-var-minus-square: "\f146";
$fa-var-minus-square-o: "\f147";
$fa-var-mixcloud: "\f289";
$fa-var-mobile: "\f10b";
$fa-var-mobile-phone: "\f10b";
$fa-var-modx: "\f285";
$fa-var-money: "\f0d6";
$fa-var-moon-o: "\f186";
$fa-var-mortar-board: "\f19d";
$fa-var-motorcycle: "\f21c";
$fa-var-mouse-pointer: "\f245";
$fa-var-music: "\f001";
$fa-var-navicon: "\f0c9";
$fa-var-neuter: "\f22c";
$fa-var-newspaper-o: "\f1ea";
$fa-var-object-group: "\f247";
$fa-var-object-ungroup: "\f248";
$fa-var-odnoklassniki: "\f263";
$fa-var-odnoklassniki-square: "\f264";
$fa-var-opencart: "\f23d";
$fa-var-openid: "\f19b";
$fa-var-opera: "\f26a";
$fa-var-optin-monster: "\f23c";
$fa-var-outdent: "\f03b";
$fa-var-pagelines: "\f18c";
$fa-var-paint-brush: "\f1fc";
$fa-var-paper-plane: "\f1d8";
$fa-var-paper-plane-o: "\f1d9";
$fa-var-paperclip: "\f0c6";
$fa-var-paragraph: "\f1dd";
$fa-var-paste: "\f0ea";
$fa-var-pause: "\f04c";
$fa-var-pause-circle: "\f28b";
$fa-var-pause-circle-o: "\f28c";
$fa-var-paw: "\f1b0";
$fa-var-paypal: "\f1ed";
$fa-var-pencil: "\f040";
$fa-var-pencil-square: "\f14b";
$fa-var-pencil-square-o: "\f044";
$fa-var-percent: "\f295";
$fa-var-phone: "\f095";
$fa-var-phone-square: "\f098";
$fa-var-photo: "\f03e";
$fa-var-picture-o: "\f03e";
$fa-var-pie-chart: "\f200";
$fa-var-pied-piper: "\f2ae";
$fa-var-pied-piper-alt: "\f1a8";
$fa-var-pied-piper-pp: "\f1a7";
$fa-var-pinterest: "\f0d2";
$fa-var-pinterest-p: "\f231";
$fa-var-pinterest-square: "\f0d3";
$fa-var-plane: "\f072";
$fa-var-play: "\f04b";
$fa-var-play-circle: "\f144";
$fa-var-play-circle-o: "\f01d";
$fa-var-plug: "\f1e6";
$fa-var-plus: "\f067";
$fa-var-plus-circle: "\f055";
$fa-var-plus-square: "\f0fe";
$fa-var-plus-square-o: "\f196";
$fa-var-power-off: "\f011";
$fa-var-print: "\f02f";
$fa-var-product-hunt: "\f288";
$fa-var-puzzle-piece: "\f12e";
$fa-var-qq: "\f1d6";
$fa-var-qrcode: "\f029";
$fa-var-question: "\f128";
$fa-var-question-circle: "\f059";
$fa-var-question-circle-o: "\f29c";
$fa-var-quote-left: "\f10d";
$fa-var-quote-right: "\f10e";
$fa-var-ra: "\f1d0";
$fa-var-random: "\f074";
$fa-var-rebel: "\f1d0";
$fa-var-recycle: "\f1b8";
$fa-var-reddit: "\f1a1";
$fa-var-reddit-alien: "\f281";
$fa-var-reddit-square: "\f1a2";
$fa-var-refresh: "\f021";
$fa-var-registered: "\f25d";
$fa-var-remove: "\f00d";
$fa-var-renren: "\f18b";
$fa-var-reorder: "\f0c9";
$fa-var-repeat: "\f01e";
$fa-var-reply: "\f112";
$fa-var-reply-all: "\f122";
$fa-var-resistance: "\f1d0";
$fa-var-retweet: "\f079";
$fa-var-rmb: "\f157";
$fa-var-road: "\f018";
$fa-var-rocket: "\f135";
$fa-var-rotate-left: "\f0e2";
$fa-var-rotate-right: "\f01e";
$fa-var-rouble: "\f158";
$fa-var-rss: "\f09e";
$fa-var-rss-square: "\f143";
$fa-var-rub: "\f158";
$fa-var-ruble: "\f158";
$fa-var-rupee: "\f156";
$fa-var-safari: "\f267";
$fa-var-save: "\f0c7";
$fa-var-scissors: "\f0c4";
$fa-var-scribd: "\f28a";
$fa-var-search: "\f002";
$fa-var-search-minus: "\f010";
$fa-var-search-plus: "\f00e";
$fa-var-sellsy: "\f213";
$fa-var-send: "\f1d8";
$fa-var-send-o: "\f1d9";
$fa-var-server: "\f233";
$fa-var-share: "\f064";
$fa-var-share-alt: "\f1e0";
$fa-var-share-alt-square: "\f1e1";
$fa-var-share-square: "\f14d";
$fa-var-share-square-o: "\f045";
$fa-var-shekel: "\f20b";
$fa-var-sheqel: "\f20b";
$fa-var-shield: "\f132";
$fa-var-ship: "\f21a";
$fa-var-shirtsinbulk: "\f214";
$fa-var-shopping-bag: "\f290";
$fa-var-shopping-basket: "\f291";
$fa-var-shopping-cart: "\f07a";
$fa-var-sign-in: "\f090";
$fa-var-sign-language: "\f2a7";
$fa-var-sign-out: "\f08b";
$fa-var-signal: "\f012";
$fa-var-signing: "\f2a7";
$fa-var-simplybuilt: "\f215";
$fa-var-sitemap: "\f0e8";
$fa-var-skyatlas: "\f216";
$fa-var-skype: "\f17e";
$fa-var-slack: "\f198";
$fa-var-sliders: "\f1de";
$fa-var-slideshare: "\f1e7";
$fa-var-smile-o: "\f118";
$fa-var-snapchat: "\f2ab";
$fa-var-snapchat-ghost: "\f2ac";
$fa-var-snapchat-square: "\f2ad";
$fa-var-soccer-ball-o: "\f1e3";
$fa-var-sort: "\f0dc";
$fa-var-sort-alpha-asc: "\f15d";
$fa-var-sort-alpha-desc: "\f15e";
$fa-var-sort-amount-asc: "\f160";
$fa-var-sort-amount-desc: "\f161";
$fa-var-sort-asc: "\f0de";
$fa-var-sort-desc: "\f0dd";
$fa-var-sort-down: "\f0dd";
$fa-var-sort-numeric-asc: "\f162";
$fa-var-sort-numeric-desc: "\f163";
$fa-var-sort-up: "\f0de";
$fa-var-soundcloud: "\f1be";
$fa-var-space-shuttle: "\f197";
$fa-var-spinner: "\f110";
$fa-var-spoon: "\f1b1";
$fa-var-spotify: "\f1bc";
$fa-var-square: "\f0c8";
$fa-var-square-o: "\f096";
$fa-var-stack-exchange: "\f18d";
$fa-var-stack-overflow: "\f16c";
$fa-var-star: "\f005";
$fa-var-star-half: "\f089";
$fa-var-star-half-empty: "\f123";
$fa-var-star-half-full: "\f123";
$fa-var-star-half-o: "\f123";
$fa-var-star-o: "\f006";
$fa-var-steam: "\f1b6";
$fa-var-steam-square: "\f1b7";
$fa-var-step-backward: "\f048";
$fa-var-step-forward: "\f051";
$fa-var-stethoscope: "\f0f1";
$fa-var-sticky-note: "\f249";
$fa-var-sticky-note-o: "\f24a";
$fa-var-stop: "\f04d";
$fa-var-stop-circle: "\f28d";
$fa-var-stop-circle-o: "\f28e";
$fa-var-street-view: "\f21d";
$fa-var-strikethrough: "\f0cc";
$fa-var-stumbleupon: "\f1a4";
$fa-var-stumbleupon-circle: "\f1a3";
$fa-var-subscript: "\f12c";
$fa-var-subway: "\f239";
$fa-var-suitcase: "\f0f2";
$fa-var-sun-o: "\f185";
$fa-var-superscript: "\f12b";
$fa-var-support: "\f1cd";
$fa-var-table: "\f0ce";
$fa-var-tablet: "\f10a";
$fa-var-tachometer: "\f0e4";
$fa-var-tag: "\f02b";
$fa-var-tags: "\f02c";
$fa-var-tasks: "\f0ae";
$fa-var-taxi: "\f1ba";
$fa-var-television: "\f26c";
$fa-var-tencent-weibo: "\f1d5";
$fa-var-terminal: "\f120";
$fa-var-text-height: "\f034";
$fa-var-text-width: "\f035";
$fa-var-th: "\f00a";
$fa-var-th-large: "\f009";
$fa-var-th-list: "\f00b";
$fa-var-themeisle: "\f2b2";
$fa-var-thumb-tack: "\f08d";
$fa-var-thumbs-down: "\f165";
$fa-var-thumbs-o-down: "\f088";
$fa-var-thumbs-o-up: "\f087";
$fa-var-thumbs-up: "\f164";
$fa-var-ticket: "\f145";
$fa-var-times: "\f00d";
$fa-var-times-circle: "\f057";
$fa-var-times-circle-o: "\f05c";
$fa-var-tint: "\f043";
$fa-var-toggle-down: "\f150";
$fa-var-toggle-left: "\f191";
$fa-var-toggle-off: "\f204";
$fa-var-toggle-on: "\f205";
$fa-var-toggle-right: "\f152";
$fa-var-toggle-up: "\f151";
$fa-var-trademark: "\f25c";
$fa-var-train: "\f238";
$fa-var-transgender: "\f224";
$fa-var-transgender-alt: "\f225";
$fa-var-trash: "\f1f8";
$fa-var-trash-o: "\f014";
$fa-var-tree: "\f1bb";
$fa-var-trello: "\f181";
$fa-var-tripadvisor: "\f262";
$fa-var-trophy: "\f091";
$fa-var-truck: "\f0d1";
$fa-var-try: "\f195";
$fa-var-tty: "\f1e4";
$fa-var-tumblr: "\f173";
$fa-var-tumblr-square: "\f174";
$fa-var-turkish-lira: "\f195";
$fa-var-tv: "\f26c";
$fa-var-twitch: "\f1e8";
$fa-var-twitter: "\f099";
$fa-var-twitter-square: "\f081";
$fa-var-umbrella: "\f0e9";
$fa-var-underline: "\f0cd";
$fa-var-undo: "\f0e2";
$fa-var-universal-access: "\f29a";
$fa-var-university: "\f19c";
$fa-var-unlink: "\f127";
$fa-var-unlock: "\f09c";
$fa-var-unlock-alt: "\f13e";
$fa-var-unsorted: "\f0dc";
$fa-var-upload: "\f093";
$fa-var-usb: "\f287";
$fa-var-usd: "\f155";
$fa-var-user: "\f007";
$fa-var-user-md: "\f0f0";
$fa-var-user-plus: "\f234";
$fa-var-user-secret: "\f21b";
$fa-var-user-times: "\f235";
$fa-var-users: "\f0c0";
$fa-var-venus: "\f221";
$fa-var-venus-double: "\f226";
$fa-var-venus-mars: "\f228";
$fa-var-viacoin: "\f237";
$fa-var-viadeo: "\f2a9";
$fa-var-viadeo-square: "\f2aa";
$fa-var-video-camera: "\f03d";
$fa-var-vimeo: "\f27d";
$fa-var-vimeo-square: "\f194";
$fa-var-vine: "\f1ca";
$fa-var-vk: "\f189";
$fa-var-volume-control-phone: "\f2a0";
$fa-var-volume-down: "\f027";
$fa-var-volume-off: "\f026";
$fa-var-volume-up: "\f028";
$fa-var-warning: "\f071";
$fa-var-wechat: "\f1d7";
$fa-var-weibo: "\f18a";
$fa-var-weixin: "\f1d7";
$fa-var-whatsapp: "\f232";
$fa-var-wheelchair: "\f193";
$fa-var-wheelchair-alt: "\f29b";
$fa-var-wifi: "\f1eb";
$fa-var-wikipedia-w: "\f266";
$fa-var-windows: "\f17a";
$fa-var-won: "\f159";
$fa-var-wordpress: "\f19a";
$fa-var-wpbeginner: "\f297";
$fa-var-wpforms: "\f298";
$fa-var-wrench: "\f0ad";
$fa-var-xing: "\f168";
$fa-var-xing-square: "\f169";
$fa-var-y-combinator: "\f23b";
$fa-var-y-combinator-square: "\f1d4";
$fa-var-yahoo: "\f19e";
$fa-var-yc: "\f23b";
$fa-var-yc-square: "\f1d4";
$fa-var-yelp: "\f1e9";
$fa-var-yen: "\f157";
$fa-var-yoast: "\f2b1";
$fa-var-youtube: "\f167";
$fa-var-youtube-play: "\f16a";
$fa-var-youtube-square: "\f166";

View File

@ -0,0 +1,311 @@
/*! jQuery UI - v1.11.4 - 2017-05-13
* http://jqueryui.com
* Includes: core.css, autocomplete.css, datepicker.css, menu.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0); /* support: IE8 */
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: none;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
position: relative;
margin: 0;
padding: 3px 1em 3px .4em;
cursor: pointer;
min-height: 0; /* support: IE7 */
/* support: IE10, see #8844 */
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
}
/* icon support */
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item {
padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
left: auto;
right: 0;
}

View File

@ -0,0 +1,75 @@
/*
Error: File to import not found or unreadable: autoheight.
Load paths:
/home/fred/src/eo/publik-base-theme/static/includes
/home/fred/src/eo/publik-base-theme/static/strasbourg
on line 3 of src/01-libs/owlCarousel/owl_carousel.scss
from line 8 of ./src/01-libs/libs.scss
1: @import 'only-sass/_reset';
2: @import 'customSelect/_customSelect';
3: @import 'only-sass/_print';
4: @import 'tablesaw/_tablesaw';
5: @import 'jqueryUi/_jquery-ui';
6: @import 'only-sass/_fonts';
7: // @import 'only-sass/_animate';
8: @import 'owlCarousel/owl_carousel';
Backtrace:
src/01-libs/owlCarousel/owl_carousel.scss:3
./src/01-libs/libs.scss:8
/usr/lib/ruby/vendor_ruby/sass/tree/import_node.rb:67:in `rescue in import'
/usr/lib/ruby/vendor_ruby/sass/tree/import_node.rb:45:in `import'
/usr/lib/ruby/vendor_ruby/sass/tree/import_node.rb:28:in `imported_file'
/usr/lib/ruby/vendor_ruby/sass/tree/import_node.rb:37:in `css_import?'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:313:in `visit_import'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/base.rb:36:in `visit'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:160:in `block in visit'
/usr/lib/ruby/vendor_ruby/sass/stack.rb:79:in `block in with_base'
/usr/lib/ruby/vendor_ruby/sass/stack.rb:115:in `with_frame'
/usr/lib/ruby/vendor_ruby/sass/stack.rb:79:in `with_base'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:160:in `visit'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:328:in `block (2 levels) in visit_import'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:328:in `map'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:328:in `block in visit_import'
/usr/lib/ruby/vendor_ruby/sass/stack.rb:88:in `block in with_import'
/usr/lib/ruby/vendor_ruby/sass/stack.rb:115:in `with_frame'
/usr/lib/ruby/vendor_ruby/sass/stack.rb:88:in `with_import'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:325:in `visit_import'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/base.rb:36:in `visit'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:160:in `block in visit'
/usr/lib/ruby/vendor_ruby/sass/stack.rb:79:in `block in with_base'
/usr/lib/ruby/vendor_ruby/sass/stack.rb:115:in `with_frame'
/usr/lib/ruby/vendor_ruby/sass/stack.rb:79:in `with_base'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:160:in `visit'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/base.rb:52:in `block in visit_children'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/base.rb:52:in `map'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/base.rb:52:in `visit_children'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:169:in `block in visit_children'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:181:in `with_environment'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:168:in `visit_children'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/base.rb:36:in `block in visit'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:188:in `visit_root'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/base.rb:36:in `visit'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:159:in `visit'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:8:in `visit'
/usr/lib/ruby/vendor_ruby/sass/tree/root_node.rb:36:in `css_tree'
/usr/lib/ruby/vendor_ruby/sass/tree/root_node.rb:29:in `render_with_sourcemap'
/usr/lib/ruby/vendor_ruby/sass/engine.rb:381:in `_render_with_sourcemap'
/usr/lib/ruby/vendor_ruby/sass/engine.rb:298:in `render_with_sourcemap'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:492:in `update_stylesheet'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:215:in `block in update_stylesheets'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:209:in `each'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:209:in `update_stylesheets'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:294:in `watch'
/usr/lib/ruby/vendor_ruby/sass/plugin.rb:109:in `method_missing'
/usr/lib/ruby/vendor_ruby/sass/exec/sass_scss.rb:356:in `watch_or_update'
/usr/lib/ruby/vendor_ruby/sass/exec/sass_scss.rb:51:in `process_result'
/usr/lib/ruby/vendor_ruby/sass/exec/base.rb:52:in `parse'
/usr/lib/ruby/vendor_ruby/sass/exec/base.rb:19:in `parse!'
/usr/bin/sass:8:in `<main>'
*/
body:before {
white-space: pre;
font-family: monospace;
content: "Error: File to import not found or unreadable: autoheight.\A Load paths:\A /home/fred/src/eo/publik-base-theme/static/includes\A /home/fred/src/eo/publik-base-theme/static/strasbourg\A on line 3 of src/01-libs/owlCarousel/owl_carousel.scss\A from line 8 of ./src/01-libs/libs.scss\A \A 1: @import 'only-sass/_reset';\A 2: @import 'customSelect/_customSelect';\A 3: @import 'only-sass/_print'; \A 4: @import 'tablesaw/_tablesaw'; \A 5: @import 'jqueryUi/_jquery-ui';\A 6: @import 'only-sass/_fonts';\A 7: // @import 'only-sass/_animate';\A 8: @import 'owlCarousel/owl_carousel'; "; }

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,9 @@
@import 'only-sass/_reset';
@import 'customSelect/_customSelect';
@import 'only-sass/_print';
@import 'tablesaw/_tablesaw';
@import 'jqueryUi/_jquery-ui';
@import 'only-sass/_fonts';
// @import 'only-sass/_animate';
@import 'owlCarousel/owl_carousel';
// @import 'fontawesome/_font-awesome';

View File

@ -0,0 +1,297 @@
(function ($) {
/**
* @name MarkerWithLabel for V3
* @version 1.0 [June 19, 2010]
* @author Gary Little (inspired by code from Marc Ridey of Google).
* @copyright Copyright 2010 Gary Little [gary at luxcentral.com]
* @fileoverview MarkerWithLabel extends the Google Maps JavaScript API V3 <code>google.maps.Marker</code> class.
* <p>
* MarkerWithLabel allows you to define markers with associated labels. As you would expect,
* if the marker is draggable, so too will be the label. In addition, a marker with a label
* responds to all mouse events in the same manner as a regular marker. It also fires mouse
* events and "property changed" events just as a regular marker would.
*/
/*!
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/*jslint browser:true */
/*global document,google */
/**
* This constructor creates a label associated with a marker. It is for the
* private use of the MarkerWithLabel class.
* @constructor
* @param {Marker} marker The marker with which the label is to be associated.
* @private
*/
function MarkerLabel_(marker) {
var me = this;
this.marker_ = marker;
this.labelDiv_ = document.createElement("div");
// Prevent selection of the text in the label:
this.labelDiv_.onselectstart = function () {
return false;
};
this.containerDiv_ = document.createElement("div");
this.containerDiv_.appendChild(this.labelDiv_);
this.containerDiv_.style.cssText = "position: absolute; display: none;";
this.setMap(this.marker_.getMap());
google.maps.event.addListener(this.marker_, "map_changed", function () {
me.setMap(me.marker_.getMap());
});
}
// MarkerLabel_ inherits from <code>OverlayView</code>:
MarkerLabel_.prototype = new google.maps.OverlayView();
/**
* Adds the DIV representing the label to the DOM. It is called
* automatically when the marker's <code>setMap</code> method is called.
* @private
*/
MarkerLabel_.prototype.onAdd = function () {
var me = this;
var cMouseIsDown = false;
var cDraggingInProgress = false;
var cLastPosition;
var cLatOffset;
var cLngOffset;
var cIgnoreClick;
this.getPanes().overlayImage.appendChild(this.containerDiv_);
this.listeners_ = [
google.maps.event.addDomListener(document, "mouseup", function (mEvent) {
if (cDraggingInProgress) {
mEvent.latLng = cLastPosition;
cIgnoreClick = true; // Set flag to ignore the click event reported after a label drag
google.maps.event.trigger(me.marker_, "dragend", mEvent);
}
google.maps.event.trigger(me.marker_, "mouseup", mEvent);
cMouseIsDown = false;
cDraggingInProgress = false;
}),
google.maps.event.addListener(me.marker_.getMap(), "mousemove", function (mEvent) {
if (cMouseIsDown && me.marker_.getDraggable()) {
// Change the reported location from the mouse position to the marker position:
mEvent.latLng = new google.maps.LatLng(mEvent.latLng.lat() - cLatOffset, mEvent.latLng.lng() - cLngOffset);
cLastPosition = mEvent.latLng;
if (cDraggingInProgress) {
me.marker_.setPosition(mEvent.latLng);
google.maps.event.trigger(me.marker_, "drag", mEvent);
} else {
// Calculate offsets from the click point to the marker position:
cLatOffset = mEvent.latLng.lat() - me.marker_.getPosition().lat();
cLngOffset = mEvent.latLng.lng() - me.marker_.getPosition().lng();
cDraggingInProgress = true;
google.maps.event.trigger(me.marker_, "dragstart", mEvent);
}
}
}),
google.maps.event.addDomListener(this.containerDiv_, "mouseover", function (e) {
me.containerDiv_.style.cursor = "pointer";
google.maps.event.trigger(me.marker_, "mouseover", e);
}),
google.maps.event.addDomListener(this.containerDiv_, "mouseout", function (e) {
me.containerDiv_.style.cursor = me.marker_.getCursor();
google.maps.event.trigger(me.marker_, "mouseout", e);
}),
google.maps.event.addDomListener(this.containerDiv_, "click", function (e) {
if (cIgnoreClick) { // Ignore the click reported when a label drag ends
cIgnoreClick = false;
} else {
google.maps.event.trigger(me.marker_, "click", e);
}
}),
google.maps.event.addDomListener(this.containerDiv_, "dblclick", function (e) {
google.maps.event.trigger(me.marker_, "dblclick", e);
// Prevent map zoom when double-clicking on a label:
e.cancelBubble = true;
if (e.stopPropagation) {
e.stopPropagation();
}
}),
google.maps.event.addDomListener(this.containerDiv_, "mousedown", function (e) {
cMouseIsDown = true;
cDraggingInProgress = false;
cLatOffset = 0;
cLngOffset = 0;
google.maps.event.trigger(me.marker_, "mousedown", e);
// Prevent map pan when starting a drag on a label:
e.cancelBubble = true;
if (e.stopPropagation) {
e.stopPropagation();
}
}),
google.maps.event.addListener(this.marker_, "labeltext_changed", function () {
me.labelDiv_.innerHTML = me.marker_.get("labelText");
}),
google.maps.event.addListener(this.marker_, "labelclass_changed", function () {
me.labelDiv_.className = me.marker_.get("labelClass");
}),
google.maps.event.addListener(this.marker_, "labelstyle_changed", function () {
var i, labelStyle;
// Apply default style values to the label:
me.labelDiv_.className = me.marker_.get("labelClass");
// Apply style values defined in the labelStyle parameter:
labelStyle = me.marker_.get("labelStyle");
for (i in labelStyle) {
if (labelStyle.hasOwnProperty(i)) {
me.labelDiv_.style[i] = labelStyle[i];
}
}
// Make sure the opacity setting causes the desired effect on MSIE:
if (typeof me.labelDiv_.style.opacity !== "undefined") {
me.labelDiv_.style.filter = "alpha(opacity=" + (me.labelDiv_.style.opacity * 100) + ")";
}
// Apply mandatory style value:
me.labelDiv_.style.position = "relative";
}),
google.maps.event.addListener(this.marker_, "labelzindex_changed", function () {
me.containerDiv_.style.zIndex = me.marker_.get("labelZIndex");
}),
google.maps.event.addListener(this.marker_, "labelvisible_changed", function () {
if (me.marker_.get("labelVisible")) {
me.containerDiv_.style.display = me.marker_.getVisible() ? "block" : "none";
} else {
me.containerDiv_.style.display = "none";
}
}),
google.maps.event.addListener(this.marker_, "position_changed", function () {
var position = me.getProjection().fromLatLngToDivPixel(me.marker_.getPosition());
me.containerDiv_.style.left = position.x + "px";
me.containerDiv_.style.top = position.y + "px";
}),
google.maps.event.addListener(this.marker_, "visible_changed", function () {
if (me.marker_.get("labelVisible")) {
me.containerDiv_.style.display = me.marker_.getVisible() ? "block" : "none";
} else {
me.containerDiv_.style.display = "none";
}
}),
google.maps.event.addListener(this.marker_, "title_changed", function () {
me.containerDiv_.title = me.marker_.getTitle();
})
];
};
/**
* Removes the DIV for the label from the DOM. It also removes all event handlers.
* This method is called when <code>setMap(null)</code> is called.
* @private
*/
MarkerLabel_.prototype.onRemove = function () {
var i;
this.containerDiv_.parentNode.removeChild(this.containerDiv_);
// Remove event listeners:
for (i = 0; i < this.listeners_.length; i++) {
google.maps.event.removeListener(this.listeners_[i]);
}
};
/**
* Draws the label with the specified style and at the specified location.
* @private
*/
MarkerLabel_.prototype.draw = function () {
var i, labelStyle;
// Position the container:
var position = this.getProjection().fromLatLngToDivPixel(this.marker_.getPosition());
this.containerDiv_.style.left = position.x + "px";
this.containerDiv_.style.top = position.y + "px";
this.containerDiv_.style.zIndex = this.marker_.get("labelZIndex");
if (this.marker_.get("labelVisible")) {
this.containerDiv_.style.display = this.marker_.getVisible() ? "block" : "none";
} else {
this.containerDiv_.style.display = "none";
}
this.containerDiv_.title = this.marker_.getTitle() || "";
// Apply default style values to the label:
this.labelDiv_.className = this.marker_.get("labelClass");
// Apply style values defined in the labelStyle parameter:
labelStyle = this.marker_.get("labelStyle");
for (i in labelStyle) {
if (labelStyle.hasOwnProperty(i)) {
this.labelDiv_.style[i] = labelStyle[i];
}
}
// Make sure the opacity setting causes the desired effect on MSIE:
if (typeof this.labelDiv_.style.opacity !== "undefined") {
this.labelDiv_.style.filter = "alpha(opacity=" + (this.labelDiv_.style.opacity * 100) + ")";
}
// Apply mandatory style value:
this.labelDiv_.style.position = "relative";
this.labelDiv_.innerHTML = this.marker_.get("labelText");
};
/**
* @name MarkerWithLabelOptions
* @class This class represents the optional parameter passed into <code>MarkerWithLabel</code>.
* The properties available are the same as for <code>google.maps.Marker</code> with the addition
* of the properties below. To change any of these new properties after the labeled marker has
* been created, call <code>google.maps.Marker.set(propertyName, propertyValue)</code>.
* <p>
* When any of these properties changes, a property changed event is fired. The names of these
* events are derived from the name of the property and are of the form <code>propertyname_changed</code>.
* For example, if the text of the label changes, a <code>labeltext_changed</code> event is fired.
* <p>
* @property {string} [labelText] The text of the label. It can include HTML code.
* @property {string} [labelClass] The name of the CSS class defining the styles for the label.
* @property {Object} [labelStyle] An object literal whose properties define specific CSS
* style values to be applied to the label. Style values defined here override those that may
* be defined in the <code>labelClass</code> style sheet.
* @property {number} [labelZIndex] The zIndex value for the label. Setting this value to be
* higher or lower than zIndex for the marker controls whether the label appears on top of
* or underneath the marker, respectively.
* @property {boolean} [labelVisible] A flag indicating whether the label is to be visible.
* The default is <code>true</code>. Note that even when <code>labelVisible</code> is
* <code>true</code>, the label will <i>not</i> be visible if the marker itself is not visible
* (i.e., if the marker's <code>visible</code> property is <code>false</code>).
*/
/**
* This constructor is used to create a marker with an associated label.
* @constructor
* @param {MarkerWithLabelOptions} [opt_options] The optional parameters.
*/
function MarkerWithLabel(opt_options) {
opt_options.labelText = opt_options.labelText || "";
opt_options.labelClass = opt_options.labelClass || "markerLabels";
opt_options.labelStyle = opt_options.labelStyle || {};
opt_options.labelZIndex = opt_options.labelZIndex || null;
if (typeof opt_options.labelVisible === "undefined") {
opt_options.labelVisible = true;
}
this.setValues(opt_options);
this.theLabel_ = new MarkerLabel_(this);
}
// MarkerWithLabel inherits from <code>Marker</code>:
MarkerWithLabel.prototype = new google.maps.Marker();
}(jQuery));

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,109 @@
$path: '../fonts/';
// MontSerrat
// Regular
@font-face {
font-family: 'MontSerrat';
src: url('#{$path}montserrat-regular-webfont.eot');
src: url('#{$path}montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('#{$path}montserrat-regular-webfont.woff2') format('woff2'),
url('#{$path}montserrat-regular-webfont.woff') format('woff'),
url('#{$path}montserrat-regular-webfont.ttf') format('truetype'),
url('#{$path}montserrat-regular-webfont.otf') format('otf'),
url('#{$path}montserrat-regular-webfont.svg#montserratregular') format('svg');
font-weight: 400;
font-style: normal;
}
// medium
@font-face {
font-family: 'Montserrat';
src: url('#{$path}montserrat-medium-webfont.eot');
src: url('#{$path}montserrat-medium-webfont.eot?#iefix') format('embedded-opentype'),
url('#{$path}montserrat-medium-webfont.woff2') format('woff2'),
url('#{$path}montserrat-medium-webfont.woff') format('woff'),
url('#{$path}montserrat-medium-webfont.ttf') format('truetype'),
url('#{$path}montserrat-medium-webfont.otf') format('otf'),
url('#{$path}montserrat-medium-webfont.svg#montserratmedium') format('svg');
font-weight: 500;
font-style: normal;
}
// semibold
@font-face {
font-family: 'Montserrat';
src: url('#{$path}montserrat-semibold-webfont.eot');
src: url('#{$path}montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('#{$path}montserrat-semibold-webfont.woff2') format('woff2'),
url('#{$path}montserrat-semibold-webfont.woff') format('woff'),
url('#{$path}montserrat-semibold-webfont.ttf') format('truetype'),
url('#{$path}montserrat-semibold-webfont.otf') format('otf'),
url('#{$path}montserrat-semibold-webfont.svg#montserratsemibold') format('svg');
font-weight: 600;
font-style: normal;
}
// Bold
@font-face {
font-family: 'MontSerrat';
src: url('#{$path}montserrat-bold-webfont.eot');
src: url('#{$path}montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('#{$path}montserrat-bold-webfont.woff2') format('woff2'),
url('#{$path}montserrat-bold-webfont.woff') format('woff'),
url('#{$path}montserrat-bold-webfont.ttf') format('truetype'),
url('#{$path}montserrat-bold-webfont.otf') format('otf'),
url('#{$path}montserrat-bold-webfont.svg#montserratbold') format('svg');
font-weight: 700;
font-style: normal;
}
// ExtraBold
@font-face {
font-family: 'MontSerrat';
src: url('#{$path}montserrat-extrabold-webfont.eot');
src: url('#{$path}montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
url('#{$path}montserrat-extrabold-webfont.woff2') format('woff2'),
url('#{$path}montserrat-extrabold-webfont.woff') format('woff'),
url('#{$path}montserrat-extrabold-webfont.ttf') format('truetype'),
url('#{$path}montserrat-extrabold-webfont.otf') format('otf'),
url('#{$path}montserrat-extrabold-webfont.svg#montserratextrabold') format('svg');
font-weight: 800;
font-style: normal;
}
// OpenSans
// Regular
@font-face {
font-family: 'OpenSans';
src: url('#{$path}opensans-regular-webfont.eot');
src: url('#{$path}opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('#{$path}opensans-regular-webfont.woff2') format('woff2'),
url('#{$path}opensans-regular-webfont.woff') format('woff'),
url('#{$path}opensans-regular-webfont.ttf') format('truetype'),
url('#{$path}opensans-regular-webfont.otf') format('otf'),
url('#{$path}opensans-regular-webfont.svg#opensansregular') format('svg');
font-weight: 400;
font-style: normal;
}
// SemiBold
@font-face {
font-family: 'OpenSans';
src: url('#{$path}opensans-semibold-webfont.eot');
src: url('#{$path}opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('#{$path}opensans-semibold-webfont.woff2') format('woff2'),
url('#{$path}opensans-semibold-webfont.woff') format('woff'),
url('#{$path}opensans-semibold-webfont.ttf') format('truetype'),
url('#{$path}opensans-semibold-webfont.otf') format('otf'),
url('#{$path}opensans-semibold-webfont.svg#opensanssemibold') format('svg');
font-weight: 600;
font-style: normal;
}
// Bold
@font-face {
font-family: 'OpenSans';
src: url('#{$path}opensans-bold-webfont.eot');
src: url('#{$path}opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('#{$path}opensans-bold-webfont.woff2') format('woff2'),
url('#{$path}opensans-bold-webfont.woff') format('woff'),
url('#{$path}opensans-bold-webfont.ttf') format('truetype'),
url('#{$path}opensans-bold-webfont.otf') format('otf'),
url('#{$path}opensans-bold-webfont.svg#opensansbold') format('svg');
font-weight: 700;
font-style: normal;
}

View File

@ -0,0 +1,159 @@
/* Welcome to Compass. Use this file to define print styles.
* Import this file using the following HTML or equivalent:
* <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" /> */
.print-only{
display: none;
}
@media print {
*:not(svg):not(h2):not(h1):not(h3):not(h4) {
position: static !important;
transform: none !important;
height: auto !important;
min-height: auto !important;
width: auto !important;
text-align: left !important;
transform: none !important;
// padding: 0 !important;
// margin: 0 !important;
// display: block !important;
}
h1{
position: static !important;
transform: none !important;
}
div{
margin: 0!important;
}
*:not(svg){
padding: 0 !important;
margin-left: 0!important;
margin-right: 0!important;
line-height: normal !important;
width: 100% !important;
}
li{
display: block !important;
}
body {
width: auto!important;
margin: auto!important;
font-family: serif;
font-size: 12pt;
background-color: #fff!important;
color: #000!important;
}
h1, h2, h3, h4, h5, h6, blockquote, ul, ol {
color: #000!important;
margin: auto!important;
}
.printable {
display: block; /* affichage des elements de classe printable */
}
.print-only{
display: block;
}
p, blockquote {
orphans: 3; /* pas de ligne seule en bas */
widows: 3; /* pas de ligne seule en haut */
}
blockquote, ul, ol {
page-break-inside: always; /* pas de coupure dans ces elements */
page-break-after: avoid; /* pas de saut après ces elements */
page-break-before: avoid; /* pas de saut après ces elements */
}
h1 {
/*page-break-before: always; chaque titre commence sur une nouvelle page */
}
h1, h2, h3, caption {
page-break-after: avoid; /* pas de saut après ces elements */
margin: 0;
}
a {
color: #000!important;
text-decoration: underline!important;
}
/*Affichage des URL des liens*/
a[href]:after {
content: " (" attr(href) ")";
display: block !important;
width: 100% !important;
text-align: left !important;
float: none !important;
display: none !important;
}
nav, menu, form, aside, button, audio, video, #menu, #main-menu{
display: none !important;
}
header{
display: block !important;
}
section{
page-break-before: always !important;
}
#skipnavigation{
display: none !important;
}
#debug-master{
display: none !important;
}
// Smurf
// Post Header
.region-post-header{
margin-bottom: 20px !important;
.region-banner:before{
display: none !important;
}
}
.region-nav-tools{
display: none !important;
}
// RTE
// HAT
.hat{
margin-bottom: 20px !important;
}
p{
margin-bottom: 20px !important;
}
// Grids
.view-grid{
display: block !important;
list-style-type: disc !important;
padding-left: 20px !important;
a{
flex-direction: row !important;
text-decoration: none !important;
}
}
.grid-item{
background: none !important;
margin-bottom: 10px !important;
}
.grid-item-background{
height: 100px !important;
width: 100px !important;
}
.grid-item-visu{
margin-right: 10px !important;
&:before{
display: none !important;
}
}
.grid-item-date{
max-width: 150px !important;
}
.pagination{
display: none !important;
}
.view-maps .map{
width: 500px !important;
height: 500px !important;
}
}

View File

@ -0,0 +1,94 @@
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
*{
box-sizing: border-box;
&:before, &:after{
box-sizing: border-box;
}
}
html {
line-height: 1;
font-size: 10px;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q, blockquote {
quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}
a img {
border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
button{
padding: 0px;
border-width:0px;
background-color: transparent;
cursor: pointer;
@media screen and (-webkit-min-device-pixel-ratio:0) {
padding-bottom: 0px;
}
}
button::-moz-focus-inner {
border: 0;
padding: 0;
margin-top:-2px;
margin-bottom: -2px;
}
// Box-sizing
a{
box-sizing: border-box;
&.external_link{
background: none;
padding: 0;
}
}
.hidden{
display: none;
}
.clearfix{
clear: both;
}

View File

@ -0,0 +1,28 @@
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel{
.animated {
animation-duration: 1000ms;
animation-fill-mode: both;
}
.owl-animated-in {
z-index: 0;
}
.owl-animated-out {
z-index: 1;
}
.fadeOut {
animation-name: fadeOut;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}

View File

@ -0,0 +1,7 @@
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out;
}

View File

@ -0,0 +1,105 @@
/*
* Owl Carousel - Core
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
.owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-nav.disabled,
.owl-dots.disabled {
display: none;
}
.owl-nav .owl-prev,
.owl-nav .owl-next,
.owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
&.owl-loaded {
display: block;
}
&.owl-loading {
opacity: 0;
display: block;
}
&.owl-hidden {
opacity: 0;
}
&.owl-refresh .owl-item {
display: none;
}
&.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
&.owl-grab {
cursor: move;
cursor: grab;
}
&.owl-rtl {
direction: rtl;
}
&.owl-rtl .owl-item {
float: right;
}
}
/* No Js */
.no-js .owl-carousel {
display: block;
}

View File

@ -0,0 +1,51 @@
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel{
.owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("../images/sliders/owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease;
}
.owl-video-play-icon:hover {
transform: scale(1.3, 1.3);
}
.owl-video-playing .owl-video-tn,
.owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}
.owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
}

View File

@ -0,0 +1,57 @@
/*
Error: File to import not found or unreadable: autoheight.
Load paths:
/home/fred/src/eo/publik-base-theme/static/includes
/home/fred/src/eo/publik-base-theme/static/strasbourg
on line 3 of ./src/01-libs/owlCarousel/owl_carousel.scss
1: @import 'core';
2: @import 'animate';
3: @import 'autoheight';
4: // @import 'lazyload';
5: @import 'video';
Backtrace:
./src/01-libs/owlCarousel/owl_carousel.scss:3
/usr/lib/ruby/vendor_ruby/sass/tree/import_node.rb:67:in `rescue in import'
/usr/lib/ruby/vendor_ruby/sass/tree/import_node.rb:45:in `import'
/usr/lib/ruby/vendor_ruby/sass/tree/import_node.rb:28:in `imported_file'
/usr/lib/ruby/vendor_ruby/sass/tree/import_node.rb:37:in `css_import?'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:313:in `visit_import'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/base.rb:36:in `visit'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:160:in `block in visit'
/usr/lib/ruby/vendor_ruby/sass/stack.rb:79:in `block in with_base'
/usr/lib/ruby/vendor_ruby/sass/stack.rb:115:in `with_frame'
/usr/lib/ruby/vendor_ruby/sass/stack.rb:79:in `with_base'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:160:in `visit'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/base.rb:52:in `block in visit_children'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/base.rb:52:in `map'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/base.rb:52:in `visit_children'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:169:in `block in visit_children'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:181:in `with_environment'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:168:in `visit_children'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/base.rb:36:in `block in visit'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:188:in `visit_root'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/base.rb:36:in `visit'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:159:in `visit'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:8:in `visit'
/usr/lib/ruby/vendor_ruby/sass/tree/root_node.rb:36:in `css_tree'
/usr/lib/ruby/vendor_ruby/sass/tree/root_node.rb:29:in `render_with_sourcemap'
/usr/lib/ruby/vendor_ruby/sass/engine.rb:381:in `_render_with_sourcemap'
/usr/lib/ruby/vendor_ruby/sass/engine.rb:298:in `render_with_sourcemap'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:492:in `update_stylesheet'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:215:in `block in update_stylesheets'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:209:in `each'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:209:in `update_stylesheets'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:294:in `watch'
/usr/lib/ruby/vendor_ruby/sass/plugin.rb:109:in `method_missing'
/usr/lib/ruby/vendor_ruby/sass/exec/sass_scss.rb:356:in `watch_or_update'
/usr/lib/ruby/vendor_ruby/sass/exec/sass_scss.rb:51:in `process_result'
/usr/lib/ruby/vendor_ruby/sass/exec/base.rb:52:in `parse'
/usr/lib/ruby/vendor_ruby/sass/exec/base.rb:19:in `parse!'
/usr/bin/sass:8:in `<main>'
*/
body:before {
white-space: pre;
font-family: monospace;
content: "Error: File to import not found or unreadable: autoheight.\A Load paths:\A /home/fred/src/eo/publik-base-theme/static/includes\A /home/fred/src/eo/publik-base-theme/static/strasbourg\A on line 3 of ./src/01-libs/owlCarousel/owl_carousel.scss\A \A 1: @import 'core';\A 2: @import 'animate';\A 3: @import 'autoheight';\A 4: // @import 'lazyload';\A 5: @import 'video';"; }

View File

@ -0,0 +1,5 @@
@import 'core';
@import 'animate';
@import 'autoheight';
// @import 'lazyload';
@import 'video';

View File

@ -0,0 +1,731 @@
/*! Tablesaw - v3.0.0-beta.4 - 2016-10-12
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2016 Filament Group; Licensed MIT */
.tablesaw {
width: 100%;
max-width: 100%;
empty-cells: show;
border-collapse: collapse;
border: 0;
padding: 0;
}
.tablesaw * {
box-sizing: border-box;
}
.tablesaw th,
.tablesaw td {
padding: .5em .7em;
}
.tablesaw thead tr:first-child th {
padding-top: .9em;
padding-bottom: .7em;
}
.tablesaw-bar .btn {
border: 1px solid #ccc;
border-radius: .25em;
background: none;
box-shadow: 0 1px 0 rgba(255,255,255,1);
color: #4a4a4a;
cursor: pointer;
display: inline-block;
margin: 0;
padding: .5em .85em .4em .85em;
position: relative;
text-align: center;
text-decoration: none;
text-transform: capitalize;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.tablesaw-bar a.btn {
color: #1c95d4;
}
.tablesaw-bar .btn:hover {
text-decoration: none;
}
/* Default radio/checkbox styling horizonal controlgroups. */
.tablesaw-bar .btn:active {
background-color: #ddd;
}
@supports (box-shadow: none ) {
.tablesaw-bar .btn:focus {
background-color: #fff;
outline: none;
}
.tablesaw-bar .btn:focus {
box-shadow: 0 0 .35em #4faeef !important;
}
}
.tablesaw-bar .btn-select select {
background: none;
border: none;
display: inline-block;
position: absolute;
left: 0;
top: 0;
margin: 0;
width: 100%;
height: 100%;
z-index: 2;
min-height: 1em;
opacity: 0;
color: transparent;
}
.tablesaw-bar .btn select option {
background: #fff;
color: #000;
font-family: sans-serif;
}
.tablesaw-bar .btn {
display: inline-block;
width: auto;
height: auto;
position: relative;
top: 0;
}
.tablesaw-bar .btn.btn-small {
font-size: 1.0625em;
line-height: 19px;
padding: .3em 1em .3em 1em;
}
.tablesaw-bar .btn.btn-micro {
font-size: .8125em;
padding: .4em .7em .25em .7em;
}
.tablesaw-bar .btn-select {
padding-right: 1.5em;
text-align: left;
display: inline-block;
color: #4d4d4d;
padding-right: 2.5em;
min-width: 7.25em;
text-align: left;
}
.tablesaw-bar .btn-select:after {
content: " ";
position: absolute;
background: none;
background-repeat: no-repeat;
background-position: .25em .45em;
content: "\25bc";
font-size: .55em;
padding-top: 1.2em;
padding-left: 1em;
left: auto;
right: 0;
margin: 0;
top: 0;
bottom: 0;
width: 1.8em;
}
.tablesaw-bar .btn-select.btn-small:after,
.tablesaw-bar .btn-select.btn-micro:after {
width: 1.2em;
font-size: .5em;
padding-top: 1em;
padding-right: .5em;
line-height: 1.65;
background: none;
box-shadow: none;
border-left-width: 0;
}
/* Column navigation buttons for swipe and columntoggle tables */
.tablesaw-advance .btn {
-webkit-appearance: none;
-moz-appearance: none;
box-sizing: border-box;
text-shadow: 0 1px 0 #fff;
border-radius: .25em;
}
.tablesaw-advance .btn.btn-micro {
font-size: .8125em;
padding: .3em .7em .25em .7em;
}
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn {
display: inline-block;
overflow: hidden;
width: 1.8em;
height: 1.8em;
background-position: 50% 50%;
margin-left: .5em;
position: relative;
}
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
content: "\0020";
overflow: hidden;
width: 0;
height: 0;
position: absolute;
}
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before {
left: .5em;
top: .65em;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #808080;
}
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
left: .5em;
top: .65em;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #808080;
}
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
top: .45em;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
}
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before {
left: .6em;
border-right: 5px solid #808080;
}
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
left: .7em;
border-left: 5px solid #808080;
}
.tablesaw-advance a.tablesaw-nav-btn.disabled {
opacity: .25;
cursor: default;
pointer-events: none;
}
/* Table Toolbar */
.tablesaw-bar {
clear: both;
font-family: sans-serif;
}
.tablesaw-toolbar {
float: left;
}
.tablesaw-toolbar label {
font-size: .875em;
padding: .5em 0;
clear: both;
display: block;
color: #888;
margin-right: .5em;
text-transform: uppercase;
}
.tablesaw-bar .btn,
.tablesaw-enhanced .tablesaw-bar .btn {
margin-top: .5em;
margin-bottom: .5em;
}
.tablesaw-bar .btn-select,
.tablesaw-enhanced .tablesaw-bar .btn-select {
margin-bottom: 0;
}
.tablesaw-bar .tablesaw-toolbar .btn {
margin-left: .4em;
margin-top: 0;
text-transform: uppercase;
border: none;
box-shadow: none;
background: transparent;
font-family: sans-serif;
font-size: 1em;
padding-left: .3em;
}
.tablesaw-bar .tablesaw-toolbar .btn-select {
min-width: 0;
}
.tablesaw-bar .tablesaw-toolbar .btn-select:after {
padding-top: .9em;
}
.tablesaw-bar .tablesaw-toolbar select {
color: #888;
text-transform: none;
background: transparent;
}
.tablesaw-toolbar ~ table {
clear: both;
}
.tablesaw-toolbar .a11y-sm {
clip: rect(0 0 0 0);
height: 1px;
overflow: hidden;
position: absolute;
width: 1px;
}
@media (min-width: 24em) {
.tablesaw-toolbar .a11y-sm {
clip: none;
height: auto;
width: auto;
position: static;
overflow: visible;
}
}
.tablesaw th,
.tablesaw td {
text-align: left;
vertical-align: middle;
}
.tablesaw thead th {
text-align: left;
}
/* Table rows have a gray bottom stroke by default */
.tablesaw-row-border tr {
border-bottom: 1px solid #dfdfdf;
}
/* Zebra striping */
.tablesaw-row-zebra tr:nth-child(2n) {
background-color: #f8f8f8;
}
.tablesaw caption {
text-align: left;
margin: .59375em 0;
}
.tablesaw-swipe .tablesaw-cell-persist {
border-right: 2px solid #e4e1de;
}
.tablesaw-swipe-shadow .tablesaw-cell-persist {
border-right-width: 1px;
}
.tablesaw-swipe-shadow .tablesaw-cell-persist {
box-shadow: 3px 0 4px -1px #e4e1de;
}
.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
display: none;
}
/* Mobile first styles: Begin with the stacked presentation at narrow widths */
@media only all {
/* Show the table cells as a block level element */
.tablesaw-stack td,
.tablesaw-stack th {
text-align: left;
display: block;
}
.tablesaw-stack tr {
clear: both;
display: table-row;
}
/* Make the label elements a percentage width */
.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
display: block;
padding: 0 .6em 0 0;
width: 30%;
display: inline-block;
}
/* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
.tablesaw-stack th .tablesaw-cell-label-top,
.tablesaw-stack td .tablesaw-cell-label-top {
display: block;
padding: .4em 0;
margin: .4em 0;
}
.tablesaw-cell-label {
display: block;
}
/* Avoid double strokes when stacked */
.tablesaw-stack tbody th.group {
margin-top: -1px;
}
/* Avoid double strokes when stacked */
.tablesaw-stack th.group b.tablesaw-cell-label {
display: none !important;
}
}
@media (max-width: 39.9375em) {
/* Table rows have a gray bottom stroke by default */
.tablesaw-stack tbody tr {
border-bottom: 1px solid #dfdfdf;
}
.tablesaw-stack thead td,
.tablesaw-stack thead th {
display: none;
}
.tablesaw-stack tbody td,
.tablesaw-stack tbody th {
clear: left;
float: left;
width: 100%;
}
.tablesaw-cell-label {
vertical-align: top;
}
.tablesaw-cell-content {
max-width: 67%;
display: inline-block;
}
.tablesaw-stack td:empty,
.tablesaw-stack th:empty {
display: none;
}
}
/* Media query to show as a standard table at 560px (35em x 16px) or wider */
@media (min-width: 40em) {
.tablesaw-stack tr {
display: table-row;
}
/* Show the table header rows */
.tablesaw-stack td,
.tablesaw-stack th,
.tablesaw-stack thead td,
.tablesaw-stack thead th {
display: table-cell;
margin: 0;
}
/* Hide the labels in each cell */
.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
display: none !important;
}
}
.tablesaw-fix-persist {
table-layout: fixed;
}
@media only all {
/* Unchecked manually: Always hide */
.tablesaw-swipe th.tablesaw-cell-hidden,
.tablesaw-swipe td.tablesaw-cell-hidden {
display: none;
}
}
.btn.tablesaw-columntoggle-btn span {
text-indent: -9999px;
display: inline-block;
}
.tablesaw-columntoggle-btnwrap {
position: relative;
/* for dialog positioning */
}
.tablesaw-columntoggle-btnwrap .dialog-content {
padding: .5em;
}
.tablesaw-columntoggle tbody td {
line-height: 1.5;
}
/* Remove top/bottom margins around the fieldcontain on check list */
.tablesaw-columntoggle-popup {
display: none;
}
.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
display: block;
position: absolute;
top: 2em;
right: 0;
background-color: #fff;
padding: .5em .8em;
border: 1px solid #ccc;
box-shadow: 0 1px 2px #ccc;
border-radius: .2em;
z-index: 1;
}
.tablesaw-columntoggle-popup fieldset {
margin: 0;
}
/* Hide all prioritized columns by default */
@media only all {
.tablesaw-columntoggle th.tablesaw-priority-6,
.tablesaw-columntoggle td.tablesaw-priority-6,
.tablesaw-columntoggle th.tablesaw-priority-5,
.tablesaw-columntoggle td.tablesaw-priority-5,
.tablesaw-columntoggle th.tablesaw-priority-4,
.tablesaw-columntoggle td.tablesaw-priority-4,
.tablesaw-columntoggle th.tablesaw-priority-3,
.tablesaw-columntoggle td.tablesaw-priority-3,
.tablesaw-columntoggle th.tablesaw-priority-2,
.tablesaw-columntoggle td.tablesaw-priority-2,
.tablesaw-columntoggle th.tablesaw-priority-1,
.tablesaw-columntoggle td.tablesaw-priority-1 {
display: none;
}
}
.tablesaw-columntoggle-btnwrap .dialog-content {
top: 0 !important;
right: 1em;
left: auto !important;
width: 12em;
max-width: 18em;
margin: -.5em auto 0;
}
.tablesaw-columntoggle-btnwrap .dialog-content:focus {
outline-style: none;
}
/* Preset breakpoints if "" class added to table */
/* Show priority 1 at 320px (20em x 16px) */
@media (min-width: 20em) {
.tablesaw-columntoggle th.tablesaw-priority-1,
.tablesaw-columntoggle td.tablesaw-priority-1 {
display: table-cell;
}
}
/* Show priority 2 at 480px (30em x 16px) */
@media (min-width: 30em) {
.tablesaw-columntoggle th.tablesaw-priority-2,
.tablesaw-columntoggle td.tablesaw-priority-2 {
display: table-cell;
}
}
/* Show priority 3 at 640px (40em x 16px) */
@media (min-width: 40em) {
.tablesaw-columntoggle th.tablesaw-priority-3,
.tablesaw-columntoggle td.tablesaw-priority-3 {
display: table-cell;
}
.tablesaw-columntoggle tbody td {
line-height: 2;
}
}
/* Show priority 4 at 800px (50em x 16px) */
@media (min-width: 50em) {
.tablesaw-columntoggle th.tablesaw-priority-4,
.tablesaw-columntoggle td.tablesaw-priority-4 {
display: table-cell;
}
}
/* Show priority 5 at 960px (60em x 16px) */
@media (min-width: 60em) {
.tablesaw-columntoggle th.tablesaw-priority-5,
.tablesaw-columntoggle td.tablesaw-priority-5 {
display: table-cell;
}
}
/* Show priority 6 at 1,120px (70em x 16px) */
@media (min-width: 70em) {
.tablesaw-columntoggle th.tablesaw-priority-6,
.tablesaw-columntoggle td.tablesaw-priority-6 {
display: table-cell;
}
}
@media only all {
/* Unchecked manually: Always hide */
.tablesaw-columntoggle th.tablesaw-cell-hidden,
.tablesaw-columntoggle td.tablesaw-cell-hidden {
display: none;
}
/* Checked manually: Always show */
.tablesaw-columntoggle th.tablesaw-cell-visible,
.tablesaw-columntoggle td.tablesaw-cell-visible {
display: table-cell;
}
}
.tablesaw-columntoggle-popup .btn-group > label {
display: block;
padding: .2em 0;
white-space: nowrap;
}
.tablesaw-columntoggle-popup .btn-group > label input {
margin-right: .8em;
}
.tablesaw-sortable,
.tablesaw-sortable thead,
.tablesaw-sortable thead tr,
.tablesaw-sortable thead tr th {
position: relative;
}
.tablesaw-sortable thead tr th {
vertical-align: top;
}
.tablesaw-sortable th.tablesaw-sortable-head.tablesaw-sortable-head {
padding: 0;
}
.tablesaw-sortable th.tablesaw-sortable-head button {
padding-top: .9em;
padding-bottom: .7em;
padding-left: .6em;
padding-right: .6em;
}
.tablesaw-sortable .tablesaw-sortable-head button {
min-width: 100%;
color: inherit;
background: transparent;
border: 0;
padding: 0;
text-align: left;
font: inherit;
text-transform: inherit;
}
.tablesaw-sortable-arrow:after {
display: inline-block;
width: 10px;
height: 14px;
content: " ";
margin-left: .3125em;
}
.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after,
.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending .tablesaw-sortable-arrow:after {
content: "\0020";
}
.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after {
content: "\2191";
}
.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending .tablesaw-sortable-arrow:after {
content: "\2193";
}
.tablesaw-sortable .not-applicable:after {
content: "--";
display: block;
}
.tablesaw-sortable .not-applicable span {
display: none;
}
.tablesaw-advance {
float: right;
}
.tablesaw-advance.minimap {
margin-right: .4em;
}
.tablesaw-advance-dots {
float: left;
margin: 0;
padding: 0;
list-style: none;
}
.tablesaw-advance-dots li {
display: table-cell;
margin: 0;
padding: .4em .2em;
}
.tablesaw-advance-dots li i {
width: .25em;
height: .25em;
background: #555;
border-radius: 100%;
display: inline-block;
}
.tablesaw-advance-dots-hide {
opacity: .25;
cursor: default;
pointer-events: none;
}

View File

@ -0,0 +1,24 @@
%container{
width: #{$container-width}px;
display: block;
margin-left: auto;
margin-right: auto;
@include RWD(tablet){
width: 100%;
padding-left: 40px;
padding-right: 40px;
}
@include RWD(mobile){
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
}
%container-form{
width: 100%;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}

View File

@ -0,0 +1,31 @@
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(0, 100px, 0);
}
50% {
opacity: 0.8;
transform: translate3d(0, -10px, 0);
}
80% {
opacity: 1;
transform: translate3d(0, 3px, 0);
}
90% {
opacity: 1;
transform: translate3d(0, -1.5px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}

View File

@ -0,0 +1,17 @@
%animation-hoverBar{
&-in{
content: '';
display: block;
width: 100%;
height: 1px;
transition: all, 0.3s;
position: absolute;
transform: translateY(10px);
opacity: 0;
top: calc(100% + 3px);
}
&-out{
transform: translateY(0);
opacity: 1;
}
}

View File

@ -0,0 +1,67 @@
%atom-btn-int{
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0px 28px;
height: 50px;
text-decoration: none;
position: relative;
cursor: pointer;
.btn-text{
position: relative;
color: #FFFFFF;
font-weight: 500;
font-size: 16px;
font-size: 1.6rem;
}
.flexbox{
width: 100%;
z-index: 1;
}
&:before{
position: absolute;
bottom: 0;
left: 0;
height: 0;
width: 100%;
content: '';
display: block;
transition: all, 0.3s;
}
&:hover, &:focus{
&:before{
height: 100%;
}
}
&--inverted{
@extend %atom-btn-int;
background-color: $second-color;
&:before{
background-color: $core-color;
}
}
&--core{
@extend %atom-btn-int;
background-color: $core-color;
&:before{
background-color: $second-color;
}
}
&--white{
@extend %atom-btn-int;
background-color: #FFFFFF;
.btn-text{
color: #222222;
}
&:before{
background-color: $second-color;
}
&:hover, &:focus{
.btn-text{
color: #FFFFFF;
}
}
}
}

View File

@ -0,0 +1,86 @@
%atom-btn-round{
padding: 12px 20px;
text-decoration: none;
position: relative;
display: inline-block;
// border-style: solid;
// border-width: 1px;
// border-color: transparent;
transition: all, 0.5s;
overflow: hidden;
border-radius: 10px;
.seu-btn-text{
font-family: $montserrat;
font-size: 1.4rem;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 0px;
transition: all, 0.3s;
line-height: 1;
padding-top: 3px;
display: block;
}
&--core{
@extend %atom-btn-round;
background-color: $core-color;
border-color: $core-color;
.seu-btn-text{
color: #FFFFFF;
}
&:not(.seu-actif){
&:hover, &:focus{
background-color: #FFFFFF;
.seu-btn-text{
color: $core-color;
}
}
}
}
&--inverted{
@extend %atom-btn-round;
background-color: $second-color;
border-color: $second-color;
.seu-btn-text{
color: $core-color;
}
&:not(.seu-actif){
&:hover, &:focus{
background-color: #FFFFFF;
.seu-btn-text{
color: $second-color;
}
}
}
}
&--grey{
@extend %atom-btn-round;
background-color: #ffffff;
border-color: #ffffff;
.seu-btn-text{
color: #7e7e7e;
}
&:not(.seu-actif){
&:hover, &:focus{
background-color: #7e7e7e;
.seu-btn-text{
color: #ffffff;
}
}
}
}
}
// Déclarations pour des classes transverse au site
.seu-btn-round{
&.seu-core{
@extend %atom-btn-round--core;
}
&.seu-inverted{
@extend %atom-btn-round--inverted;
}
&.seu-grey{
@extend %atom-btn-round--grey;
}
}

View File

@ -0,0 +1,225 @@
%atom-btn-square{
padding: 15px 20px;
text-decoration: none;
position: relative;
display: inline-block;
// border-style: solid;
// border-width: 1px;
border-color: transparent;
transition: all, 0.5s;
overflow: hidden;
.seu-flexbox{
display: flex;
align-items: center;
justify-content: center;
}
.seu-btn-text{
font-family: $montserrat;
font-size: 1.4rem;
text-transform: uppercase;
font-weight: 400;
transition: all, 0.3s;
margin-right: 20px;
}
.seu-btn-arrow{
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-size: 14px;
background-position: center;
background-repeat: no-repeat;
}
&:hover, &:focus{
text-decoration: none;
.seu-btn-text{
}
}
&--filled{
@extend %atom-btn-square;
&:before{
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0%;
height: 0%;
width: 100%;
z-index: 1;
transition: all, 0.3s;
}
& > * {
position: relative;
z-index: 2;
}
&:hover, &:focus{
&:before{
height: 103%;
}
}
&--core{
@extend %atom-btn-square--filled;
border-color: $core-color;
background-color: $core-color;
&:before{
background-color: #FFFFFF;
}
.seu-btn-text{
color: #FFFFFF;
}
.seu-btn-arrow{
background-image: url( svg-bg-uri($svg-arrow1, #FFFFFF) );
}
&:hover, &:focus{
.seu-btn-text{
color: $core-color;
}
.seu-btn-arrow{
background-image: url( svg-bg-uri($svg-arrow1, $core-color) );
}
}
}
&--second{
@extend %atom-btn-square--filled;
border-color: $second-color;
background-color: $second-color;
&:before{
background-color: $core-color;
}
.seu-flexbox{
display: flex;
align-items: center;
}
.seu-btn-text{
color: $core-color;
}
.seu-btn-arrow{
background-image: url( svg-bg-uri($svg-arrow1, $core-color) );
}
&:hover, &:focus{
.seu-btn-text{
color: $second-color;
}
.seu-btn-arrow{
background-image: url( svg-bg-uri($svg-arrow1, $second-color) );
}
}
}
}
&--bordered{
@extend %atom-btn-square;
&:before{
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
transition: all 0.3s ease;
z-index: 1;
}
&:hover, &:focus{
&:before{
height: 100%;
}
}
& > * {
z-index: 2;
position: relative;
}
&--white{
@extend %atom-btn-square--bordered;
&:before{
background-color: #FFFFFF;
}
.seu-btn-text{
color: #FFFFFF;
}
.seu-btn-arrow{
background-image: url( svg-bg-uri($svg-arrow1, #FFFFFF) );
}
&:hover, &:focus{
.seu-btn-text{
color: $core-color;
}
.seu-btn-arrow{
background-image: url( svg-bg-uri($svg-arrow1, $core-color) );
}
}
}
&--core{
@extend %atom-btn-square--bordered;
&:before{
background-color: $core-color;
}
.seu-btn-text{
color: $core-color;
}
.seu-btn-arrow{
background-image: url( svg-bg-uri($svg-arrow1, $core-color) );
}
&:hover, &:focus{
.seu-btn-text{
color: #FFFFFF;
}
.seu-btn-arrow{
background-image: url( svg-bg-uri($svg-arrow1, #FFFFFF) );
}
}
}
&--grey{
@extend %atom-btn-square--bordered;
&:before{
background-color: #7e7e7e;
}
.seu-btn-text{
color: #7e7e7e;
}
.seu-btn-arrow{
background-image: url( svg-bg-uri($svg-arrow1, #7e7e7e) );
}
&:hover, &:focus{
.seu-btn-text{
color: #FFFFFF;
}
.seu-btn-arrow{
background-image: url( svg-bg-uri($svg-arrow1, #ffffff) );
}
}
}
}
}
// Déclarations pour des classes transverse au site
.seu-btn-square{
&.seu-filled{
&.seu-core{
@extend %atom-btn-square--filled--core;
}
&.seu-second{
@extend %atom-btn-square--filled--second;
}
}
// Boutons avec bordure
&.seu-bordered{
&.seu-core{
@extend %atom-btn-square--bordered--core;
}
&.seu-white{
@extend %atom-btn-square--bordered--white;
}
&.seu-grey{
@extend %atom-btn-square--bordered--grey;
}
}
}

View File

@ -0,0 +1,41 @@
%atom-form-checkbox{
position: absolute;
left: -99999999px;
& + span{
padding-left: 30px;
display: block;
&:before{
display: inline-block;
content: '';
height: 15px;
width: 15px;
background-color: transparent;
position: absolute;
top: 50%; left: 0;
transform: translateY(-50%);
border: solid 3px $core-color;
}
&:after{
display: inline-block;
content: '';
height: 15px;
width: 15px;
background-color: $second-color;
position: absolute;
top: 50%; left: 0;
transform: translateY(-50%);
opacity: 0;
}
}
&:checked{
& + span{
&:before{
opacity: 0;
}
&:after{
opacity: 1;
}
}
}
}

View File

@ -0,0 +1,64 @@
%atom-customSelect{
height: 42px;
.customSelect {
padding: 7.5px 50px 7.5px 20px;;
border-style: solid;
border-width: 1px;
border-radius: 5px;
display: flex;
align-items: center;
&.arrowed {
&:after {
position: absolute;
top: 50%;
right: 15px;
content: '';
display: block;
height: 20px;
width: 20px;
background-size: 15px;
background-position: center;
background-repeat: no-repeat;
transform: translateY(-50%) rotate(90deg);
}
}
}
option{
padding: 10px;
font-family: $montserrat;
font-weight: 400;
font-size: 1.4rem;
color: #7e7e7e;
}
.customSelectInner{
font-family: $montserrat;
font-weight: 400;
font-size: 1.4rem;
color: #7e7e7e;
text-transform: uppercase;
}
&--grey{
@extend %atom-customSelect;
.customSelect{
background-color: #fff;
border-color: #d0d0d0;
border-radius: 0;
&.arrowed:after{
background-image: url( svg-bg-uri($svg-arrow1, #7e7e7e) );
}
}
.customSelectInner{
color: #7e7e7e;
}
.customSelectContain.focused .customSelect{
border: solid 1px $core-color;
}
.customSelectContain select{
background-color: #FFFFFF;
color: #000000;
}
}
}

View File

@ -0,0 +1,138 @@
%atom-datepicker{
padding: 0;
font-family: $site-font !important;
border: none;
background-color: #f7f7f7;
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
%datepicker-arrow{
width: 20px;
height: 20px;
position: static;
background-size: 20px;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
opacity: 0.5;
transition: all, 0.5s;
span{
display: none;
}
&:hover, &:focus{
opacity: 1;
}
}
.ui-datepicker-next{
@extend %datepicker-arrow;
background-image: url( svg-bg-uri($svg-map-chevron, $core-color) );
order: 3;
}
.ui-datepicker-prev{
@extend %datepicker-arrow;
order: 0;
background-image: url( svg-bg-uri($svg-map-chevron, $core-color) );
transform: rotate(180deg);
}
.ui-datepicker-header{
background-color: $second-color;
padding: 25px 15px;
order: 2;
display: flex;
justify-content: space-between;
align-items: center;
&:before, &:after{
display: none;
}
.ui-datepicker-title{
line-height: 1;
margin: 0;
display: flex;
}
.ui-datepicker-month{
font-size: 20px;
font-size: 2.0rem;
color: #FFFFFF;
font-weight: 300;
display: block;
text-transform: uppercase;
}
.ui-datepicker-year{
font-size: 20px;
font-size: 2.0rem;
color: #FFFFFF;
font-weight: 300;
}
}
select{
// background: none;
background-color: $second-color;
border: solid 1px #FFFFFF;
border-radius: 0px;
background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYWxxdWVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2Mi43IDQ5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2Mi43IDQ5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWdvbiBzdHlsZT0iZmlsbDogI0ZGRkZGRjsiIHBvaW50cz0iMTMuNiwyMy40IDQ4LjgsMjMuNCAzMS4yLDM5ICIvPg0KPC9zdmc+DQo=) no-repeat 95% 50%;
background-size: 15px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
padding: 5px;
padding-right: 20px;
option{
background-color: $second-color;
}
& + select{
margin-left: 20px;
}
}
table{
width: 80%;
margin: 10px auto;
th, td{
padding: 6px;
}
th{
font-size: 9px;
color: $core-color;
text-transform: uppercase;
font-weight: 600;
}
td{
font-size: 12px;
font-size: 1.2rem;
text-align: center;
a{
color: #555555;
text-align: center;
transition: all, 0.5s;
&:hover, &:focus{
opacity: 0.5;
}
}
&.ui-datepicker-current-day{
a{
color: #FFFFFF;
}
position: relative;
&:before{
content: '';
display: block;
border-radius: 5000px;
background-color: $core-color;
height: 22px;
width: 22px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
}
}
}
}
}

View File

@ -0,0 +1,10 @@
%atom-form-file{
@include RWD(mobile){
flex-wrap: wrap;
.form-file{
margin-bottom: 10px;
}
}
}

View File

@ -0,0 +1,16 @@
%atom-form-input{
width: 100%;
height: 50px;
background-color: #f6f6f6;
border: 2px solid transparent;
border-radius: 0;
@extend %text-form-input;
padding: 0 20px;
transition: all, 0.5s;
&:focus{
border-color: $core-color;
outline: none;
background-color: #FFFFFF;
}
}

View File

@ -0,0 +1,43 @@
%atom-form-radio{
position: absolute;
left: -99999999px;
& + span{
padding-left: 30px;
display: block;
&:before{
display: inline-block;
content: '';
height: 15px;
width: 15px;
background-color: transparent;
position: absolute;
top: 50%; left: 0;
transform: translateY(-50%);
border-radius: 50%;
border: solid 3px $core-color;
}
&:after{
display: inline-block;
content: '';
height: 15px;
width: 15px;
background-color: $second-color;
position: absolute;
top: 50%; left: 0;
transform: translateY(-50%);
border-radius: 50%;
opacity: 0;
}
}
&:checked{
& + span{
&:before{
opacity: 0;
}
&:after{
opacity: 1;
}
}
}
}

View File

@ -0,0 +1,12 @@
%skin-form-validation{
.error{
border-color: $error !important;
}
span.error{
color: $error;
margin-top: 5px;
}
.valid{
border-color: $success !important;
}
}

View File

@ -0,0 +1,39 @@
%icon-arrow-select{
$arrow-height: 10px;
content: '';
display: inline-block;
position: absolute;
right: 15px;
top: 50%;
margin-top: -2px;
transform: rotate(45deg) translateY(-50%);
height: 10px;
width: $arrow-height;
background-color: transparent;
border-width: 2px;
border-style: solid;
border-left: none;
border-top: none;
}
%icon-back-map{
&:before{
background-image: url( svg-bg-uri($svg-arrow1, $icon-color) );
content: '';
width: 50px;
height: 25px;
background-position: right center;
background-repeat: no-repeat;
background-size: 20px;
display: block;
position: absolute;
left: 0px;
top: 16px;
transform: rotate(180deg);
}
&:hover, &:focus{
&:before{
background-image: url( svg-bg-uri($svg-arrow1, $icon-color-active) );
}
}
}

View File

@ -0,0 +1,42 @@
%icon-burger{
$bar-height: 3px;
$bar-border-radius: 0;
$bar-color: #FFFFFF;
position: relative;
transform: rotate(0deg);
transition: all, 0.5s, ease-in-out;
cursor: pointer;
span{
display: block;
position: absolute;
height: $bar-height;
width: 100%;
background-color: $bar-color;
border-radius: $bar-border-radius;
opacity: 1;
left: 0;
transform: rotate(0deg);
&:nth-child(1){
top: 0px;
transition: all, 0.5s, ease-in-out, 0s;
}
&:nth-child(2){
top: 50%;
margin-top: -#{$bar-height / 2};
transition: all, 0.5s, ease-in-out, 0.2s;
}
&:nth-child(3){
top: 100%;
margin-top: -#{$bar-height};
transition: all, 0.5s, ease-in-out, 0.4s;
}
}
&.opened{
span{
left: 350%;
}
}
}

View File

@ -0,0 +1,23 @@
%icon-close{
position: relative;
height: 16px;
width: 16px;
&:after, &:before{
display: inline-block;
content: '';
height: 20px;
width: 3px;
background-color: #fff;
position: absolute;
top: -11%;
left: 45%;
transition: all, 0.5s;
}
&:after{
transform: rotate(-45deg);
}
&:before{
transform: rotate(45deg);
}
}

View File

@ -0,0 +1,20 @@
%atom-main-title{
@extend %text-h1;
@extend %container;
text-align: center;
}
%atom-h2-rte{
@extend %text-h2;
}
%atom-h3-rte{
@extend %text-h3;
// padding-left: 20px;
}
%atom-h4-rte{
@extend %text-h4;
// padding-left: 40px;
}
%atom-h5-rte{
@extend %text-h5;
}

View File

@ -0,0 +1,19 @@
%atom-link-rte{
text-decoration: underline;
transition: color, 0.5s;
color: $core-color;
font-weight: 600;
&:hover, &:focus{
color: #2da192;
text-decoration: underline;
}
// &.external-link{
// &:after{
// content: '*';
// vertical-align: super;
// font-size: smaller;
// }
// }
}

View File

@ -0,0 +1,12 @@
%text-form-input{
font-family: $main-font;
color: #505050;
font-size: 1.8rem;
font-weight: 400;
}
%text-form-label{
font-weight: 600;
font-family: $main-font;
color: #505050;
font-size: 1.8rem;
}

View File

@ -0,0 +1,89 @@
%text-h1{
font-size: 50px;
font-size: 5.0rem;
font-weight: 700;
text-transform: uppercase;
color: $core-color;
font-family: $site-font;
line-height: 1.2;
@include RWD(mobile){
font-size: 2.5rem;
}
}
%text-h2{
font-family: $site-font;
color: #505050;
font-size: 3.7rem;
font-weight: 500;
text-transform: uppercase;
line-height: 1.2;
word-break: break-word;
hyphens: auto;
@include RWD(mobile){
font-size: 2.5rem;
}
}
%text-h3{
font-family: $site-font;
font-weight: 400;
font-size: 3.0rem;
color: $core-color;
line-height: 1.2;
text-transform: uppercase;
@include RWD(mobile){
font-size: 1.7rem;
}
}
%text-h4{
font-family: $site-font;
font-weight: 700;
font-size: 1.7rem;
color: $core-color;
line-height: 1.2;
text-transform: uppercase;
@include RWD(mobile){
font-size: 1.4rem;
}
}
%text-h5{
font-size: 14px;
text-transform: uppercase;
}
%text-hat{
font-family: $site-font;
font-weight: 400;
font-size: 3.0rem;
line-height: 1.2;
color: $core-color;
@include RWD(mobile){
font-size: 2rem;
}
}
// HP
%text-section-title-hp{
font-weight: 700;
font-size: 32px;
font-size: 3.2rem;
letter-spacing: 0.05em;
}
%text-section-subtitle-hp{
font-weight: 400;
font-size: 16px;
font-size: 1.6rem;
text-transform: uppercase;
letter-spacing: 0.05em;
}
// TEASERS
%text-teaser-title{
font-weight: 500;
font-size: 20px;
font-size: 2.0rem;
}

View File

@ -0,0 +1,25 @@
%text-basis-rte{
font-family: $main-font;
font-size: 1.8rem;
line-height: 1.66666666;
color: $text-basis-color;
font-weight: 400;
@include RWD(mobile){
font-size: 1.4rem;
}
}
%text-caption-rte{
font-family: $main-font;
color: #ffffff;
font-size: 1.2rem;
font-weight: 400;
}
%text-teaser-description{
font-weight: 400;
font-size: 15px;
font-size: 1.5rem;
line-height: normal;
}

View File

@ -0,0 +1,192 @@
%organism-block-infos-pratiques{
display: flex;
flex-wrap: wrap;
@include RWD(mobile) {
margin-bottom: 20px;
}
.event-block-title {
background-color: $core-color;
color: #FFFFFF;
font-size: 20px;
font-size: 2.0rem;
font-weight: 500;
width: 100%;
padding: 30px 20px;
margin-bottom: 0;
@include RWD(mobile) {
padding: 20px 15px;
}
}
.event-block-content {
padding: 30px 40px 10px;
background-color: #f7f7f7;
display: flex;
flex-wrap: wrap;
width: 100%;
@include RWD(mobile) {
padding: 20px 20px 0px;
}
}
.field {
margin-bottom: 20px;
.field-label {
@extend %text-form-label;
margin-bottom: 20px;
}
}
// Dates
&.event-block-dates {
width: #{$break-large / 2}px;
max-width: 100%;
.field {
width: 100%;
min-width: 100%;
}
.field-items {
padding-left: 50px;
@include RWD(mobile) {
padding-left: 0px;
}
&>div {
margin-bottom: $margin-p;
position: relative;
&:before {
content: '';
height: 7px;
width: 7px;
background-color: $second-color;
border-radius: 500px;
margin-right: 6px;
display: block;
position: absolute;
left: -15px;
top: 7px;
@include RWD(mobile) {
display: none;
}
}
}
}
.field-item {
display: flex;
@include RWD(mobile) {
flex-wrap: wrap;
}
}
// AddToCal
.flexbox {
display: flex;
justify-content: flex-end;
}
.add-cal-module {
margin-top: 5px;
position: relative;
// position: absolute;
// right: 0;
// top: 100%;
// &:hover{
// .addtocal_menu{
// display: block;
// }
// }
.addtocal_menu {
display: none;
position: absolute;
top: 100%;
right: 0;
background-color: #FFFFFF;
width: 100%;
padding: 5px 10px;
z-index: 10;
border: solid 1px $core-color;
border-top: none;
li {
margin-bottom: 5px;
}
a {
color: $core-color-access;
text-decoration: none;
display: flex;
&:hover,
&:focus {
color: #595959;
}
&:before {
content: '>';
margin-right: 5px;
}
}
}
.addtocal {
background-color: $core-color;
color: #FFFFFF;
font-weight: 600;
padding: 10px;
transition: all, 0.5s;
&:hover {
background-color: $second-color;
}
&:focus {
&+.addtocal_menu {
display: block;
}
}
}
}
.date-display-range {
.date-display-start {
&:before {
content: 'Du ';
}
}
.date-display-end {
&:before {
content: 'Au '
}
}
span {
line-height: normal;
}
}
}
// Infos Pratiques
&.event-block-infos {
.btn-event-map {
.flexbox {
display: flex;
align-items: center;
justify-content: center;
}
.btn-arrow {
background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzMuMjA1IDMzLjIwNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzMuMjA1IDMzLjIwNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCglwYXRoe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggZD0iTTE2LjYwMywxNy45MDhjLTMuMTMxLDAtNS42NzktMi41NDgtNS42NzktNS42OHMyLjU0Ny01LjY4LDUuNjc5LTUuNjhzNS42NzksMi41NDgsNS42NzksNS42OA0KCQlTMTkuNzM0LDE3LjkwOCwxNi42MDMsMTcuOTA4eiBNMTYuNjAzLDcuNTQ5Yy0yLjU4LDAtNC42NzksMi4wOTktNC42NzksNC42OHMyLjA5OSw0LjY4LDQuNjc5LDQuNjhzNC42NzktMi4wOTksNC42NzktNC42OA0KCQlTMTkuMTgzLDcuNTQ5LDE2LjYwMyw3LjU0OXoiLz4NCgk8Zz4NCgkJPHBhdGggZD0iTTE2LjYwMywzMy4yMDVjLTAuMTQ4LDAtMC4yODgtMC4wNjUtMC4zODMtMC4xNzlDMTUuNzM2LDMyLjQ0OSw0LjM3NiwxOC44MTEsNC4zNzYsMTIuMjI5QzQuMzc2LDUuNDg2LDkuODYxLDAsMTYuNjAzLDANCgkJCXMxMi4yMjcsNS40ODYsMTIuMjI3LDEyLjIyOWMwLDYuNTgzLTExLjM2LDIwLjIyLTExLjg0MywyMC43OThDMTYuODkxLDMzLjE0LDE2Ljc1LDMzLjIwNSwxNi42MDMsMzMuMjA1eiBNMTYuNjAzLDENCgkJCUMxMC40MTIsMSw1LjM3Niw2LjAzNyw1LjM3NiwxMi4yMjljMCw1LjU3MSw5LjIxNiwxNy4yMTUsMTEuMjI3LDE5LjY4OGMyLjAxLTIuNDc0LDExLjIyNy0xNC4xMTgsMTEuMjI3LTE5LjY4OA0KCQkJQzI3LjgyOSw2LjAzNywyMi43OTMsMSwxNi42MDMsMXoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4=');
background-size: 30px auto;
background-position: center;
background-repeat: no-repeat;
height: 48px;
width: 50px;
background-color: $second-color;
transition: all, 0.5s;
}
&:hover,
&:focus {
.btn-arrow {
background-color: $core-color;
}
}
}
.field {
width: 50%;
min-width: 50%;
@include RWD(mobile) {
width: 100%;
min-width: 100%;
}
}
.event-gmap {
width: 100%;
.field {
width: 100%;
}
}
}
}

View File

@ -0,0 +1,8 @@
.node-event,
.node-fiche-annuaire {
.event-block{
@extend %organism-block-infos-pratiques;
margin-bottom: 40px;
clear: both;
}
}

View File

@ -0,0 +1,35 @@
%molecule-grid-comarquage{
clear: both;
@include RWD(desktop){
@include grid-distribution(3, 20, 'grid-item');
}
@include RWD(tablet){
@include grid-distribution(2, 20, 'grid-item');
}
@include RWD(mobile){
@include grid-distribution(1, 0, 'grid-item');
}
/* Vignettes */
.grid-item{
margin-bottom: 30px;
display: flex;
& > div{
flex: 1;
@extend %atom-vignette;
.grid-item-title{
color: #2D2D2D !important;
}
a{
&:hover, &:focus{
text-decoration: underline;
}
}
.grid-item-text{
padding: 20px !important;
}
}
}
}

View File

@ -0,0 +1,27 @@
%organism-comarquage{
a{
text-decoration: none;
}
.sommaire{
display: flex;
flex-wrap: wrap;
a{
@extend %atom-btn-int--core;
margin-bottom: 10px;
margin-right: 10px;
&:last-child{
margin-right: 0;
}
}
}
h2{
.fa{
margin-right: 10px;
}
}
.grid-comarquage{
@extend %molecule-grid-comarquage;
}
}

View File

@ -0,0 +1,3 @@
#comarquage{
@extend %organism-comarquage;
}

View File

@ -0,0 +1,54 @@
%organism-comments{
@extend %organism-rte;
@extend %container-form;
clear: both;
border-top: solid 1px $core-color;
padding-top: 30px;
padding-right: 170px;
margin-top: 30px;
display: flex;
flex-direction: column;
align-items: flex-end;
form{
@extend %molecule-form-components;
@extend %bone-form-structure;
}
.comment-block-title{
display: none;
}
.comment{
display: flex;
flex-wrap: wrap;
max-width: 580px;
padding: 20px 15px;
border: solid 1px #d0d0d0;
position: relative;
& > * {
width: 100%;
}
h3{
order: 2;
}
.submitted{
order: 0;
color: #d0d0d0;
font-size: 12px;
font-size: 1.2rem;
text-align: right;
a{
display: none;
}
}
.content{
order: 5;
}
.links{
order: 20;
}
}
}

View File

@ -0,0 +1,3 @@
#comments{
@extend %organism-comments;
}

View File

@ -0,0 +1,85 @@
%molecule-cookies{
// position: fixed;
display: none;
top: 0px;
left: 0px;
width: 100%;
background-color: #f3f3f3;
z-index: 1000;
padding: 14px 40px;
padding-right: 85px;
font-family: $site-font;
color: #7c7c7c;
position: relative;
font-size: 12px;
font-size: 1.2rem;
#popup-text{
display: flex;
a{
font-family: $site-font;
color: #7c7c7c;
font-size: 12px;
font-size: 1.2rem;
transition: all, 0.5s;
text-decoration: underline;
&:hover, &:focus{
color: $core-color;
}
}
}
.find-more-button{
display: inline;
margin-left: 3px;
font-family: $site-font;
color: #7c7c7c;
font-size: 12px;
font-size: 1.2rem;
transition: all, 0.5s;
text-decoration: underline;
display: none;
&:hover, &:focus{
color: $core-color;
}
}
.close,.agree-button{
position: absolute;
right: 40px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
opacity: 1;
transition: all, 0.5s;
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-size: 20px;
background-position: center;
background-repeat: no-repeat;
background-image: url( svg-bg-uri($svg-close, #595959) );
.circle{
transition: all, 0.5s;
}
&:hover, &:focus{
.circle{
fill: $core-color;
}
opacity: 0.7;
}
}
@include RWD(mobile){
padding: 15px 45px 15px 20px;
.close,.agree-button{
right: 20px;
}
}
}

View File

@ -0,0 +1,34 @@
/*
Sass::SyntaxError: "#cookies" failed to @extend "%molecule-cookies".
The selector "%molecule-cookies" was not found.
Use "@extend %molecule-cookies !optional" if the extend should be able to fail.
Backtrace:
./src/02-particules/02-modules/divers/cookies/cookies.scss:2
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/extend.rb:62:in `block in check_extends_fired!'
/usr/lib/ruby/vendor_ruby/sass/util/subset_map.rb:105:in `block in each_value'
/usr/lib/ruby/vendor_ruby/sass/util/subset_map.rb:105:in `each'
/usr/lib/ruby/vendor_ruby/sass/util/subset_map.rb:105:in `each_value'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/extend.rb:51:in `check_extends_fired!'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/extend.rb:16:in `visit'
/usr/lib/ruby/vendor_ruby/sass/tree/root_node.rb:39:in `css_tree'
/usr/lib/ruby/vendor_ruby/sass/tree/root_node.rb:29:in `render_with_sourcemap'
/usr/lib/ruby/vendor_ruby/sass/engine.rb:381:in `_render_with_sourcemap'
/usr/lib/ruby/vendor_ruby/sass/engine.rb:298:in `render_with_sourcemap'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:492:in `update_stylesheet'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:215:in `block in update_stylesheets'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:209:in `each'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:209:in `update_stylesheets'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:294:in `watch'
/usr/lib/ruby/vendor_ruby/sass/plugin.rb:109:in `method_missing'
/usr/lib/ruby/vendor_ruby/sass/exec/sass_scss.rb:356:in `watch_or_update'
/usr/lib/ruby/vendor_ruby/sass/exec/sass_scss.rb:51:in `process_result'
/usr/lib/ruby/vendor_ruby/sass/exec/base.rb:52:in `parse'
/usr/lib/ruby/vendor_ruby/sass/exec/base.rb:19:in `parse!'
/usr/bin/sass:8:in `<main>'
*/
body:before {
white-space: pre;
font-family: monospace;
content: "Sass::SyntaxError: \"#cookies\" failed to @extend \"%molecule-cookies\".\A The selector \"%molecule-cookies\" was not found.\A Use \"@extend %molecule-cookies !optional\" if the extend should be able to fail.\A "; }

View File

@ -0,0 +1,3 @@
#cookies{
@extend %molecule-cookies;
}

View File

@ -0,0 +1,34 @@
%molecule-debug-master{
position: fixed;
bottom: 20px;
right: 20px;
width: 300px;
max-width: 50vw;
height: 500px;
max-height: 80vh;
z-index: 999999999999999;
background-color: #2D2D2D;
overflow: auto;
padding: 20px;
display: none;
a{
color: #FFFFFF;
font-size: 12px;
text-decoration: none;
}
.close{
position: absolute;
right: 10px;
top: 10px;
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-size: 20px;
background-position: center;
background-repeat: no-repeat;
background-image: url( svg-bg-uri($svg-close, #FFFFFF) );
font-size: 0;
}
}

View File

@ -0,0 +1,34 @@
/*
Sass::SyntaxError: "#debug-master" failed to @extend "%molecule-debug-master".
The selector "%molecule-debug-master" was not found.
Use "@extend %molecule-debug-master !optional" if the extend should be able to fail.
Backtrace:
./src/02-particules/02-modules/divers/debug-master/debug-master.scss:3
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/extend.rb:62:in `block in check_extends_fired!'
/usr/lib/ruby/vendor_ruby/sass/util/subset_map.rb:105:in `block in each_value'
/usr/lib/ruby/vendor_ruby/sass/util/subset_map.rb:105:in `each'
/usr/lib/ruby/vendor_ruby/sass/util/subset_map.rb:105:in `each_value'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/extend.rb:51:in `check_extends_fired!'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/extend.rb:16:in `visit'
/usr/lib/ruby/vendor_ruby/sass/tree/root_node.rb:39:in `css_tree'
/usr/lib/ruby/vendor_ruby/sass/tree/root_node.rb:29:in `render_with_sourcemap'
/usr/lib/ruby/vendor_ruby/sass/engine.rb:381:in `_render_with_sourcemap'
/usr/lib/ruby/vendor_ruby/sass/engine.rb:298:in `render_with_sourcemap'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:492:in `update_stylesheet'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:215:in `block in update_stylesheets'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:209:in `each'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:209:in `update_stylesheets'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:294:in `watch'
/usr/lib/ruby/vendor_ruby/sass/plugin.rb:109:in `method_missing'
/usr/lib/ruby/vendor_ruby/sass/exec/sass_scss.rb:356:in `watch_or_update'
/usr/lib/ruby/vendor_ruby/sass/exec/sass_scss.rb:51:in `process_result'
/usr/lib/ruby/vendor_ruby/sass/exec/base.rb:52:in `parse'
/usr/lib/ruby/vendor_ruby/sass/exec/base.rb:19:in `parse!'
/usr/bin/sass:8:in `<main>'
*/
body:before {
white-space: pre;
font-family: monospace;
content: "Sass::SyntaxError: \"#debug-master\" failed to @extend \"%molecule-debug-master\".\A The selector \"%molecule-debug-master\" was not found.\A Use \"@extend %molecule-debug-master !optional\" if the extend should be able to fail.\A "; }

View File

@ -0,0 +1,4 @@
// Debug yosemite qui affiche la liste des pages
#debug-master{
@extend %molecule-debug-master;
}

View File

@ -0,0 +1,69 @@
/*
Error: Undefined variable: "$core-color".
on line 11 of ./src/02-particules/02-modules/divers/loader/loader.scss
6: flex-direction: column;
7: top: 0;
8: left: 0;
9: width: 100%;
10: height: 100%;
11: background-color: $core-color;
12: z-index: 400;
13:
14: .seu-loaded{
15: font-size: 2.0rem;
16: font-family: $montserrat;
Backtrace:
./src/02-particules/02-modules/divers/loader/loader.scss:11
/usr/lib/ruby/vendor_ruby/sass/script/tree/variable.rb:49:in `_perform'
/usr/lib/ruby/vendor_ruby/sass/script/tree/node.rb:58:in `perform'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:397:in `visit_prop'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/base.rb:36:in `visit'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:160:in `block in visit'
/usr/lib/ruby/vendor_ruby/sass/stack.rb:79:in `block in with_base'
/usr/lib/ruby/vendor_ruby/sass/stack.rb:115:in `with_frame'
/usr/lib/ruby/vendor_ruby/sass/stack.rb:79:in `with_base'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:160:in `visit'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:433:in `block (2 levels) in visit_rule'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:433:in `map'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:433:in `block in visit_rule'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:181:in `with_environment'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:431:in `visit_rule'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/base.rb:36:in `visit'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:160:in `block in visit'
/usr/lib/ruby/vendor_ruby/sass/stack.rb:79:in `block in with_base'
/usr/lib/ruby/vendor_ruby/sass/stack.rb:115:in `with_frame'
/usr/lib/ruby/vendor_ruby/sass/stack.rb:79:in `with_base'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:160:in `visit'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/base.rb:52:in `block in visit_children'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/base.rb:52:in `map'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/base.rb:52:in `visit_children'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:169:in `block in visit_children'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:181:in `with_environment'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:168:in `visit_children'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/base.rb:36:in `block in visit'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:188:in `visit_root'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/base.rb:36:in `visit'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:159:in `visit'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:8:in `visit'
/usr/lib/ruby/vendor_ruby/sass/tree/root_node.rb:36:in `css_tree'
/usr/lib/ruby/vendor_ruby/sass/tree/root_node.rb:29:in `render_with_sourcemap'
/usr/lib/ruby/vendor_ruby/sass/engine.rb:381:in `_render_with_sourcemap'
/usr/lib/ruby/vendor_ruby/sass/engine.rb:298:in `render_with_sourcemap'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:492:in `update_stylesheet'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:215:in `block in update_stylesheets'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:209:in `each'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:209:in `update_stylesheets'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:294:in `watch'
/usr/lib/ruby/vendor_ruby/sass/plugin.rb:109:in `method_missing'
/usr/lib/ruby/vendor_ruby/sass/exec/sass_scss.rb:356:in `watch_or_update'
/usr/lib/ruby/vendor_ruby/sass/exec/sass_scss.rb:51:in `process_result'
/usr/lib/ruby/vendor_ruby/sass/exec/base.rb:52:in `parse'
/usr/lib/ruby/vendor_ruby/sass/exec/base.rb:19:in `parse!'
/usr/bin/sass:8:in `<main>'
*/
body:before {
white-space: pre;
font-family: monospace;
content: "Error: Undefined variable: \"$core-color\".\A on line 11 of ./src/02-particules/02-modules/divers/loader/loader.scss\A \A 6: flex-direction: column;\A 7: top: 0;\A 8: left: 0;\A 9: width: 100%;\A 10: height: 100%;\A 11: background-color: $core-color;\A 12: z-index: 400;\A 13: \A 14: .seu-loaded{\A 15: font-size: 2.0rem;\A 16: font-family: $montserrat;"; }

View File

@ -0,0 +1,38 @@
#seu-loader{
display: flex;
align-items: center;
justify-content: center;
position: fixed;
flex-direction: column;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: $core-color;
z-index: 400;
.seu-loaded{
font-size: 2.0rem;
font-family: $montserrat;
font-weight: 900;
color: #FFFFFF;
opacity: 0.1;
@include RWD(mobile){
font-size: 1.4rem;
}
}
svg{
animation: fadeToggle 1s infinite alternate;
max-width: 80%;
margin: 0 auto;
margin-bottom: 10px;
}
@keyframes fadeToggle{
0% {
opacity: 1;
}
100%{
opacity: 0;
}
}
}

View File

@ -0,0 +1,75 @@
/*
Error: Undefined variable: "$second-color".
on line 4 of ./src/02-particules/02-modules/divers/splashscreen/splashscreen.scss
1: #seu-splashscreen{
2: position: fixed;
3: top: 0; left: 0; width: 100%; height: 100%;
4: background: rgba($second-color, 0.95);
5: // display: flex;
6: // align-items: center;
7: // justify-content: center;
8: z-index: 300;
9:
Backtrace:
./src/02-particules/02-modules/divers/splashscreen/splashscreen.scss:4
/usr/lib/ruby/vendor_ruby/sass/script/tree/variable.rb:49:in `_perform'
/usr/lib/ruby/vendor_ruby/sass/script/tree/node.rb:58:in `perform'
/usr/lib/ruby/vendor_ruby/sass/script/tree/funcall.rb:173:in `perform_arg'
/usr/lib/ruby/vendor_ruby/sass/script/tree/funcall.rb:124:in `block in _perform'
/usr/lib/ruby/vendor_ruby/sass/script/tree/funcall.rb:124:in `each'
/usr/lib/ruby/vendor_ruby/sass/script/tree/funcall.rb:124:in `each_with_index'
/usr/lib/ruby/vendor_ruby/sass/script/tree/funcall.rb:124:in `each'
/usr/lib/ruby/vendor_ruby/sass/script/tree/funcall.rb:124:in `map'
/usr/lib/ruby/vendor_ruby/sass/script/tree/funcall.rb:124:in `_perform'
/usr/lib/ruby/vendor_ruby/sass/script/tree/node.rb:58:in `perform'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:397:in `visit_prop'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/base.rb:36:in `visit'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:160:in `block in visit'
/usr/lib/ruby/vendor_ruby/sass/stack.rb:79:in `block in with_base'
/usr/lib/ruby/vendor_ruby/sass/stack.rb:115:in `with_frame'
/usr/lib/ruby/vendor_ruby/sass/stack.rb:79:in `with_base'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:160:in `visit'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:433:in `block (2 levels) in visit_rule'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:433:in `map'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:433:in `block in visit_rule'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:181:in `with_environment'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:431:in `visit_rule'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/base.rb:36:in `visit'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:160:in `block in visit'
/usr/lib/ruby/vendor_ruby/sass/stack.rb:79:in `block in with_base'
/usr/lib/ruby/vendor_ruby/sass/stack.rb:115:in `with_frame'
/usr/lib/ruby/vendor_ruby/sass/stack.rb:79:in `with_base'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:160:in `visit'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/base.rb:52:in `block in visit_children'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/base.rb:52:in `map'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/base.rb:52:in `visit_children'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:169:in `block in visit_children'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:181:in `with_environment'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:168:in `visit_children'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/base.rb:36:in `block in visit'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:188:in `visit_root'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/base.rb:36:in `visit'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:159:in `visit'
/usr/lib/ruby/vendor_ruby/sass/tree/visitors/perform.rb:8:in `visit'
/usr/lib/ruby/vendor_ruby/sass/tree/root_node.rb:36:in `css_tree'
/usr/lib/ruby/vendor_ruby/sass/tree/root_node.rb:29:in `render_with_sourcemap'
/usr/lib/ruby/vendor_ruby/sass/engine.rb:381:in `_render_with_sourcemap'
/usr/lib/ruby/vendor_ruby/sass/engine.rb:298:in `render_with_sourcemap'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:492:in `update_stylesheet'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:215:in `block in update_stylesheets'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:209:in `each'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:209:in `update_stylesheets'
/usr/lib/ruby/vendor_ruby/sass/plugin/compiler.rb:294:in `watch'
/usr/lib/ruby/vendor_ruby/sass/plugin.rb:109:in `method_missing'
/usr/lib/ruby/vendor_ruby/sass/exec/sass_scss.rb:356:in `watch_or_update'
/usr/lib/ruby/vendor_ruby/sass/exec/sass_scss.rb:51:in `process_result'
/usr/lib/ruby/vendor_ruby/sass/exec/base.rb:52:in `parse'
/usr/lib/ruby/vendor_ruby/sass/exec/base.rb:19:in `parse!'
/usr/bin/sass:8:in `<main>'
*/
body:before {
white-space: pre;
font-family: monospace;
content: "Error: Undefined variable: \"$second-color\".\A on line 4 of ./src/02-particules/02-modules/divers/splashscreen/splashscreen.scss\A \A 1: #seu-splashscreen{\A 2: position: fixed;\A 3: top: 0; left: 0; width: 100%; height: 100%;\A 4: background: rgba($second-color, 0.95);\A 5: // display: flex;\A 6: // align-items: center;\A 7: // justify-content: center;\A 8: z-index: 300;\A 9: "; }

Some files were not shown because too many files have changed in this diff Show More