poitn zéro (copie champslibres)
This commit is contained in:
parent
ead35aef40
commit
95685f9cda
326 changed files with 25366 additions and 0 deletions
6
.gitignore
vendored
Normal file
6
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
node_modules/
|
||||
stocks/
|
||||
package-lock.json
|
||||
swoopBuf
|
||||
.DS_Store
|
||||
*.map
|
||||
29
action/creer_bien.php
Normal file
29
action/creer_bien.php
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
<?php
|
||||
if (!defined('_ECRIRE_INC_VERSION')) return;
|
||||
|
||||
function action_creer_bien_dist(){
|
||||
$securiser_action = charger_fonction('securiser_action', 'inc');
|
||||
$arg = $securiser_action();
|
||||
$id_article = intval($arg);
|
||||
|
||||
include_spip('inc/autoriser');
|
||||
if (! autoriser("creer","article")) {
|
||||
return false;
|
||||
}
|
||||
if (!$id_article) {
|
||||
$id_rubrique = lire_config('champslibres/id_bien');
|
||||
include_spip('action/editer_article');
|
||||
$set = array(
|
||||
'statut' => 'publie'
|
||||
);
|
||||
$id_article = article_inserer($id_rubrique,$set);
|
||||
include_spip('inc/invalideur');
|
||||
suivre_invalideur("id='id_article/$id_article'");
|
||||
}
|
||||
|
||||
// redirection sur la création de la vidéo
|
||||
$retour = 'spip.php?page=editer_bien&id_article='.$id_article;
|
||||
include_spip('inc/headers');
|
||||
redirige_par_entete($retour);
|
||||
}
|
||||
|
||||
26
action/enlever_une.php
Normal file
26
action/enlever_une.php
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
<?php
|
||||
if (!defined('_ECRIRE_INC_VERSION')) return;
|
||||
|
||||
// enlever un bien de la Une
|
||||
function action_enlever_une_dist(){
|
||||
$securiser_action = charger_fonction('securiser_action', 'inc');
|
||||
$arg = $securiser_action();
|
||||
$id_article = intval($arg);
|
||||
if (!$id_article)
|
||||
return false;
|
||||
|
||||
// il faut être admin pour mettre à la Une
|
||||
include_spip('inc/autoriser');
|
||||
if (! autoriser("creer","rubrique")) {
|
||||
return false;
|
||||
}
|
||||
|
||||
// virer l'article de la Une
|
||||
sql_updateq('spip_articles', array('ps' => '""'),'id_article='.$id_article);
|
||||
|
||||
// redirection sur la page d'édition du bien
|
||||
$retour = 'spip.php?page=editer_bien&id_article='.$id_article;
|
||||
include_spip('inc/headers');
|
||||
redirige_par_entete($retour);
|
||||
}
|
||||
|
||||
30
action/mettre_une.php
Normal file
30
action/mettre_une.php
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
<?php
|
||||
if (!defined('_ECRIRE_INC_VERSION')) return;
|
||||
|
||||
// mettre un bien à la Une (ps = une)
|
||||
function action_mettre_une_dist(){
|
||||
$securiser_action = charger_fonction('securiser_action', 'inc');
|
||||
$arg = $securiser_action();
|
||||
$id_article = intval($arg);
|
||||
if (!$id_article)
|
||||
return false;
|
||||
|
||||
// il faut être admin pour mettre à la Une
|
||||
include_spip('inc/autoriser');
|
||||
if (! autoriser("creer","rubrique")) {
|
||||
return false;
|
||||
}
|
||||
|
||||
// modifier le PS
|
||||
sql_updateq('spip_articles', array('ps' => 'une'),'id_article='.$id_article);
|
||||
|
||||
// Cache
|
||||
include_spip('inc/invalideur');
|
||||
suivre_invalideur("id='id_article/$id_article'");
|
||||
|
||||
// redirection sur la page d'édition du bien
|
||||
$retour = 'spip.php?page=editer_bien&id_article='.$id_article;
|
||||
include_spip('inc/headers');
|
||||
redirige_par_entete($retour);
|
||||
}
|
||||
|
||||
42
action/promouvoir_photo.php
Normal file
42
action/promouvoir_photo.php
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
<?php
|
||||
if (!defined('_ECRIRE_INC_VERSION')) return;
|
||||
|
||||
// mettre une photo en première (credit = une)
|
||||
function action_promouvoir_photo_dist(){
|
||||
$securiser_action = charger_fonction('securiser_action', 'inc');
|
||||
$arg = $securiser_action();
|
||||
$Targs = explode('-', $arg);
|
||||
$id_document = intval($Targs[0]);
|
||||
$id_article = intval($Targs[1]);
|
||||
if (!$id_document OR !$id_article)
|
||||
return false;
|
||||
|
||||
// il faut être auteur pour mettre à la Une
|
||||
include_spip('inc/autoriser');
|
||||
if (! autoriser("creer","article")) {
|
||||
return false;
|
||||
}
|
||||
|
||||
// récupérer les docs attachés à l'article
|
||||
$where = array(
|
||||
'id_objet='.$id_article,
|
||||
'objet="article"',
|
||||
'extension IN ("jpg","png","gif")',
|
||||
);
|
||||
$res = sql_allfetsel('spip_documents_liens.id_document', array('spip_documents_liens','spip_documents'), $where);
|
||||
$Tid_docs = array_column($res,'id_document');
|
||||
|
||||
// virer la Une actuelle et mettre celle de la photo choisie
|
||||
sql_updateq('spip_documents', array('credits' => ''),'id_document IN ('.join(',',$Tid_docs).')');
|
||||
sql_updateq('spip_documents', array('credits' => 'une'),'id_document = '.$id_document);
|
||||
|
||||
// Cache
|
||||
include_spip('inc/invalideur');
|
||||
suivre_invalideur("id='id_article/$id_article'");
|
||||
|
||||
// redirection sur la page d'édition du bien
|
||||
$retour = 'spip.php?page=editer_bien&id_article='.$id_article.'#les_photos';
|
||||
include_spip('inc/headers');
|
||||
redirige_par_entete($retour);
|
||||
}
|
||||
|
||||
27
action/supprimer_bien.php
Normal file
27
action/supprimer_bien.php
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
<?php
|
||||
if (!defined('_ECRIRE_INC_VERSION')) return;
|
||||
|
||||
function action_supprimer_bien_dist(){
|
||||
$securiser_action = charger_fonction('securiser_action', 'inc');
|
||||
$arg = $securiser_action();
|
||||
$id_article = intval($arg);
|
||||
|
||||
include_spip('inc/autoriser');
|
||||
if (! autoriser("modifier","article", $id_article)) {
|
||||
return false;
|
||||
}
|
||||
if ($id_article) {
|
||||
$set = array(
|
||||
'statut' => 'poubelle'
|
||||
);
|
||||
sql_updateq('spip_articles', $set,'id_article='.$id_article);
|
||||
include_spip('inc/invalideur');
|
||||
suivre_invalideur("id='id_article/$id_article'");
|
||||
}
|
||||
|
||||
// redirection sur l'accueil
|
||||
$retour = 'spip.php?page=sommaire';
|
||||
include_spip('inc/headers');
|
||||
redirige_par_entete($retour);
|
||||
}
|
||||
|
||||
28
action/supprimer_photo.php
Normal file
28
action/supprimer_photo.php
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
<?php
|
||||
if (!defined('_ECRIRE_INC_VERSION')) return;
|
||||
|
||||
function action_supprimer_photo_dist(){
|
||||
$securiser_action = charger_fonction('securiser_action', 'inc');
|
||||
$arg = $securiser_action();
|
||||
$Targs = explode('-', $arg);
|
||||
$id_document = intval($Targs[0]);
|
||||
$id_article = intval($Targs[1]);
|
||||
|
||||
|
||||
include_spip('inc/autoriser');
|
||||
if (! autoriser("modifier","article", $id_article)) {
|
||||
return false;
|
||||
}
|
||||
if ($id_document AND $id_article) {
|
||||
$where = ['id_document='.$id_document, 'id_objet='.$id_article, 'objet="article"'];
|
||||
sql_delete('spip_documents_liens', $where);
|
||||
include_spip('inc/invalideur');
|
||||
suivre_invalideur("id='id_article/$id_article'");
|
||||
}
|
||||
|
||||
// redirection sur la page d'édition
|
||||
$retour = 'spip.php?page=editer_bien&id_article='.$id_article.'#les_photos';
|
||||
include_spip('inc/headers');
|
||||
redirige_par_entete($retour);
|
||||
}
|
||||
|
||||
17
article.html
Normal file
17
article.html
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
[(#REM) On affiche l'article s'il est publié, sinon il faut être admin, ou faire partie des rédacteurs.]
|
||||
|
||||
[(#VAL{publie}|setenv{statut})]
|
||||
|
||||
[(#SESSION{statut}|=={0minirezo}|oui)
|
||||
[(#INFO_STATUT{article,#ENV{id_article}}|setenv{statut})]
|
||||
]
|
||||
<BOUCLE_auteurs(AUTEURS){id_article}>
|
||||
[(#SESSION{id_auteur}|=={#ID_AUTEUR}|oui)
|
||||
[(#INFO_STATUT{article,#ENV{id_article}}|setenv{statut})]
|
||||
]
|
||||
</BOUCLE_auteurs>
|
||||
|
||||
<BOUCLE_principale_article(ARTICLES){id_article}{statut}>
|
||||
<INCLURE{fond=structure,env,id_rubrique=#ENV{id_rubrique,#ID_RUBRIQUE},id_secteur=#ID_SECTEUR,type-page=article,composition=#COMPOSITION} />
|
||||
</BOUCLE_principale_article>
|
||||
|
||||
6
aside/dist.html
Normal file
6
aside/dist.html
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
[(#REM) Menu de navigation par rubriques ]
|
||||
<INCLURE{fond=inclure/rubriques,id_rubrique} />
|
||||
|
||||
<div class="form-search">
|
||||
#FORMULAIRE_RECHERCHE
|
||||
</div>
|
||||
10
aside/z_apl.html
Normal file
10
aside/z_apl.html
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
[(#REM)
|
||||
|
||||
Squelette Big_Pipe
|
||||
http://www.facebook.com/notes/facebook-engineering/bigpipe-pipelining-web-pages-for-high-performance/389414033919
|
||||
|
||||
(c) 2010 Cedric Morin
|
||||
Distribue sous licence GPL
|
||||
|
||||
]#CACHE{0}
|
||||
#INCLURE{fond=inclure/ajax_parallel_load,bloc=#SQUELETTE}
|
||||
3
auteur.html
Normal file
3
auteur.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<BOUCLE_principale_auteur(AUTEURS){id_auteur}>
|
||||
<INCLURE{fond=structure,env,type-page=auteur,composition=#COMPOSITION} />
|
||||
</BOUCLE_principale_auteur>
|
||||
43
backend.html
Normal file
43
backend.html
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
[(#REM)
|
||||
Ce fichier sert à créer les flux RSS
|
||||
qui permettent aux visiteurs de suivre l'actualité
|
||||
de votre site depuis un lecteur de news.
|
||||
|
||||
Cette page génère un code XML/RSS adapté
|
||||
|
||||
][(#HTTP_HEADER{Content-type: text/xml[; charset=(#CHARSET)]})]<?xml
|
||||
version="1.0"[ encoding="(#CHARSET)"]?>
|
||||
<rss version="2.0" [(#REM) rss 2.0.9)]
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:content="http://purl.org/rss/1.0/modules/content/"
|
||||
xmlns:atom="http://www.w3.org/2005/Atom"
|
||||
>
|
||||
|
||||
<channel[ xml:lang="(#LANG)"]>
|
||||
<title>[(#NOM_SITE_SPIP|textebrut|texte_backend)]</title>
|
||||
<link>#URL_SITE_SPIP/</link>
|
||||
[<description>(#DESCRIPTIF_SITE_SPIP|supprimer_tags|texte_backend)</description>]
|
||||
<language>#LANG</language>
|
||||
<generator>SPIP - www.spip.net</generator>
|
||||
<atom:link href="[(#SELF|url_absolue)]" rel="self" type="application/rss+xml" />
|
||||
|
||||
[ <image>
|
||||
<title>[(#NOM_SITE_SPIP|texte_backend)]</title>
|
||||
<url>(#LOGO_SITE_SPIP|image_reduire{144,400}|extraire_attribut{src}|url_absolue|texte_backend)</url>
|
||||
<link>#URL_SITE_SPIP/</link>
|
||||
[<height>(#LOGO_SITE_SPIP|image_reduire{144,400}|extraire_attribut{height})</height>]
|
||||
[<width>(#LOGO_SITE_SPIP|image_reduire{144,400}|extraire_attribut{width})</width>]
|
||||
</image>
|
||||
]
|
||||
|
||||
<BOUCLE_10recents(ARTICLES) {lang ?}{branche ?}{id_mot ?}{id_auteur ?} {par date}{inverse}{0,10}{unique}>
|
||||
<INCLURE{fond=inclure/rss-item,id_article} />
|
||||
</BOUCLE_10recents>
|
||||
|
||||
<BOUCLE_tres_recents(ARTICLES){lang ?}{branche ?}{id_mot ?}{id_auteur ?} {par date}{inverse}{age<3}{unique}>
|
||||
<INCLURE{fond=inclure/rss-item,id_article} />
|
||||
</BOUCLE_tres_recents>
|
||||
|
||||
</channel>
|
||||
|
||||
</rss>
|
||||
56
base/champslibres.php
Normal file
56
base/champslibres.php
Normal file
|
|
@ -0,0 +1,56 @@
|
|||
<?php
|
||||
if (!defined('_ECRIRE_INC_VERSION')) return;
|
||||
|
||||
|
||||
|
||||
function champslibres_declarer_tables_principales($tables_principales){
|
||||
|
||||
$tables_principales['spip_articles']['field']['surface'] = "text DEFAULT '' NOT NULL"; //duree
|
||||
$tables_principales['spip_articles']['field']['surface_parking'] = "text DEFAULT '' NOT NULL"; //date_pv
|
||||
$tables_principales['spip_articles']['field']['loyer'] = "text DEFAULT '' NOT NULL";//lieux_pv
|
||||
$tables_principales['spip_articles']['field']['champ_1'] = "text DEFAULT '' NOT NULL";//realisation
|
||||
$tables_principales['spip_articles']['field']['champ_2'] = "text DEFAULT '' NOT NULL";//intervenants
|
||||
|
||||
return $tables_principales;
|
||||
}
|
||||
|
||||
function champslibres_declarer_champs_extras($champs = array()) {
|
||||
$champs['spip_groupes_mots']['grigri'] = array(
|
||||
'saisie' => 'input',//Type du champ (voir plugin Saisies)
|
||||
'options' => array(
|
||||
'nom' => 'grigri',
|
||||
'label' => 'grigri',
|
||||
'sql' => "varchar(30) NOT NULL DEFAULT ''",
|
||||
'defaut' => '',// Valeur par défaut
|
||||
'restrictions'=>array(
|
||||
'voir' => array('auteur' => ''),//Tout le monde peut voir
|
||||
'modifier' => array('auteur' => 'webmestre')),//Seuls les webmestres peuvent modifier
|
||||
),
|
||||
);
|
||||
$champs['spip_articles']['grigri'] = array(
|
||||
'saisie' => 'input',//Type du champ (voir plugin Saisies)
|
||||
'options' => array(
|
||||
'nom' => 'grigri',
|
||||
'label' => 'grigri',
|
||||
'sql' => "varchar(30) NOT NULL DEFAULT ''",
|
||||
'defaut' => '',// Valeur par défaut
|
||||
'restrictions'=>array(
|
||||
'voir' => array('auteur' => ''),//Tout le monde peut voir
|
||||
'modifier' => array('auteur' => 'webmestre')),//Seuls les webmestres peuvent modifier
|
||||
),
|
||||
);
|
||||
$champs['spip_mots']['grigri'] = array(
|
||||
'saisie' => 'input',//Type du champ (voir plugin Saisies)
|
||||
'options' => array(
|
||||
'nom' => 'grigri',
|
||||
'label' => 'grigri',
|
||||
'sql' => "varchar(30) NOT NULL DEFAULT ''",
|
||||
'defaut' => '',// Valeur par défaut
|
||||
'restrictions'=>array(
|
||||
'voir' => array('auteur' => ''),//Tout le monde peut voir
|
||||
'modifier' => array('auteur' => 'webmestre')),//Seuls les webmestres peuvent modifier
|
||||
),
|
||||
);
|
||||
|
||||
return $champs;
|
||||
}
|
||||
25
body.html
Normal file
25
body.html
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
<body class="">
|
||||
|
||||
<div class="inner">
|
||||
<div id="header">
|
||||
<INCLURE{fond=header/#ENV{type-page},env}>
|
||||
</div>
|
||||
|
||||
[(#REM)<INCLURE{fond=inclure/zone_tags,env}>]
|
||||
|
||||
<div class="breadcrumb inner">
|
||||
<INCLURE{fond=breadcrumb/#ENV{type-page},env,ajax=article} />
|
||||
</div>
|
||||
|
||||
<div class="content" id="content">
|
||||
<INCLURE{fond=content/#ENV{type-page},env} />
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
<div id="" class="footer">
|
||||
<INCLURE{fond=footer/#ENV{type-page},env} >
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
5
breadcrumb/401.html
Normal file
5
breadcrumb/401.html
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
[(#REM) Fil d'Ariane ]
|
||||
<ul class="breadcrumb">
|
||||
<li><a href="#URL_SITE_SPIP/"><:accueil_site:></a> <span class="divider"> > </span></li>
|
||||
<li class="active"><span><:pass_erreur:>[ (#ENV{status})]</span></li>
|
||||
</ul>
|
||||
5
breadcrumb/404.html
Normal file
5
breadcrumb/404.html
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
[(#REM) Fil d'Ariane ]
|
||||
<ul class="breadcrumb">
|
||||
<li><a href="#URL_SITE_SPIP/"><:accueil_site:></a> <span class="divider"> > </span></li>
|
||||
<li class="active"><span><:pass_erreur:> 404</span></li>
|
||||
</ul>
|
||||
8
breadcrumb/auteur.html
Normal file
8
breadcrumb/auteur.html
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<BOUCLE_content(AUTEURS){id_auteur}>
|
||||
[(#REM) Fil d'Ariane ]
|
||||
<ul class="breadcrumb">
|
||||
<li><a href="#URL_SITE_SPIP/"><:accueil_site:></a><span class="divider"> > </span></li>
|
||||
<li><span><:info_auteurs:></span><span class="divider"> > </span></li>
|
||||
[<li class="active"><span>(#NOM|couper{80})</span></li>]
|
||||
</ul>
|
||||
</BOUCLE_content>
|
||||
21
breadcrumb/dist.html
Normal file
21
breadcrumb/dist.html
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
<div class="breadcrumb">
|
||||
[(#ENV{type-page}|!={sommaire}|oui)
|
||||
<ul class="breadcrumb">
|
||||
#SET{objet,''}#SET{id_objet,''}
|
||||
|
||||
[(#ENV{id_rubrique}|oui)#SET{objet,rubrique}#SET{id_objet,#ENV{id_rubrique}}]
|
||||
[(#ENV{id_syndic}|oui)#SET{objet,site}#SET{id_objet,#ENV{id_syndic}}]
|
||||
[(#ENV{id_breve}|oui)#SET{objet,breve}#SET{id_objet,#ENV{id_breve}}]
|
||||
[(#ENV{id_article}|oui)#SET{objet,article}#SET{id_objet,#ENV{id_article}}]
|
||||
[(#ENV{id_objet}|oui)#SET{objet,#ENV{objet}}#SET{id_objet,#ENV{id_objet}}]
|
||||
[(#GET{objet}|non|et{#ENV{#ENV{type-page}|id_table_objet}}|oui)
|
||||
#SET{objet,#ENV{type-page}}#SET{id_objet,#ENV{#ENV{type-page}|id_table_objet}}
|
||||
]
|
||||
[(#GET{objet}|oui)
|
||||
#INCLURE{fond=breadcrumb/inc-objet,id_objet=#GET{id_objet},objet=#GET{objet}}
|
||||
][(#GET{objet}|non)
|
||||
<li><a href="#URL_SITE_SPIP/"><:accueil_site:></a><span class="divider"> > </span></li>
|
||||
]
|
||||
</ul>
|
||||
]
|
||||
</div>
|
||||
9
breadcrumb/inc-objet.html
Normal file
9
breadcrumb/inc-objet.html
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<li><a href="#URL_SITE_SPIP/"><:accueil_site:></a><span class="divider"> > </span></li>
|
||||
<BOUCLE_contexte_rubrique(RUBRIQUES) {id_rubrique=(#OBJET|=={rubrique}|?{#INFO_ID_PARENT{#OBJET,#ID_OBJET},#INFO_ID_RUBRIQUE{#OBJET,#ID_OBJET}})}>
|
||||
<BOUCLE_ariane_hier(HIERARCHIE) {id_rubrique}{tout}>
|
||||
[(#ID_SECTEUR|!={#ID_RUBRIQUE}|oui)
|
||||
<li><a href="#URL_RUBRIQUE">[(#TITRE|couper{80})]</a><span class="divider"> > </span></li>
|
||||
]
|
||||
</BOUCLE_ariane_hier>
|
||||
</BOUCLE_contexte_rubrique>
|
||||
<li[(#ENV{expose,' '}|oui)class="active"]>[(#ID_OBJET|generer_url_entite{#OBJET}|lien_ou_expose{#INFO_TITRE{#OBJET,#ID_OBJET}|sinon{?}|couper{80},#ENV{expose,' '}|?{span}})][<span class="divider">(#ENV{expose,' '}|non)> </span>]</li>
|
||||
11
breadcrumb/login.html
Normal file
11
breadcrumb/login.html
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
[(#REM)
|
||||
Est-ce qu'on se connecte a l'espace prive ou pas ?
|
||||
]#SET{prive,''}
|
||||
[(#ENV{url}|=={''}|?{#SET{prive,' '}})]
|
||||
[(#ENV{url}|match{^#EVAL{_DIR_RESTREINT_ABS}}|?{#SET{prive,' '}})]
|
||||
|
||||
[(#REM) Fil d'Ariane ]
|
||||
<ul class="breadcrumb">
|
||||
<li><a href="#URL_SITE_SPIP/"><:accueil_site:></a><span class="divider"> > </span></li>
|
||||
<li class="active"><span>[(#GET{prive}|?{<:login_acces_prive:>,<:lien_connecter:>})]</span></li>
|
||||
</ul>
|
||||
4
breadcrumb/mentions_legales.html
Normal file
4
breadcrumb/mentions_legales.html
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<ul class="breadcrumb">
|
||||
<li><a href="#URL_SITE_SPIP/"><:accueil_site:></a><span class="divider"> > </span></li>
|
||||
<li class="active"><span><:enercoop:mentions_legales:></span></li>
|
||||
</ul>
|
||||
7
breadcrumb/mot.html
Normal file
7
breadcrumb/mot.html
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<BOUCLE_content(MOTS) {id_mot} {doublons}>
|
||||
<ul class="breadcrumb">
|
||||
<li><a href="#URL_SITE_SPIP/"><:accueil_site:></a><span class="divider"> > </span></li>
|
||||
<BOUCLE_ariane(GROUPES_MOTS){id_groupe}><li><a href="#URL_GROUPE_MOT">[(#TITRE|couper{80})]</a><span class="divider"> > </span></li></BOUCLE_ariane>
|
||||
<li class="active"><strong class="on">[(#TITRE|couper{80})]</strong></li>
|
||||
</ul>
|
||||
</BOUCLE_content>
|
||||
4
breadcrumb/plan.html
Normal file
4
breadcrumb/plan.html
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<ul class="breadcrumb">
|
||||
<li><a href="#URL_SITE_SPIP/"><:accueil_site:></a><span class="divider"> > </span></li>
|
||||
<li class="active"><span><:plan_site:></span></li>
|
||||
</ul>
|
||||
4
breadcrumb/recherche.html
Normal file
4
breadcrumb/recherche.html
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<ul class="breadcrumb">
|
||||
<li><a href="#URL_SITE_SPIP/"><:accueil_site:></a><span class="divider"> > </span></li>
|
||||
<li class="active"><span><:info_rechercher:> [« <strong class="on">(#RECHERCHE)</strong> »]</span></li>
|
||||
</ul>
|
||||
3
breve.html
Normal file
3
breve.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<BOUCLE_breve_principal(BREVES) {id_breve}>
|
||||
<INCLURE{fond=structure,env,id_rubrique=#ENV{id_rubrique,#ID_RUBRIQUE},id_secteur=#ID_SECTEUR,type-page=breve,composition=#COMPOSITION} />
|
||||
</BOUCLE_breve_principal>
|
||||
66
champslibres_administrations.php
Normal file
66
champslibres_administrations.php
Normal file
|
|
@ -0,0 +1,66 @@
|
|||
<?php
|
||||
/**
|
||||
* Fichier gérant l'installation et désinstallation du plugin champslibres
|
||||
*
|
||||
* @plugin champslibres
|
||||
* @copyright 2020
|
||||
* @author Gamuza[informatique]
|
||||
* @licence GNU/GPL
|
||||
* @package SPIP\Fip\Installation
|
||||
*/
|
||||
|
||||
if (!defined('_ECRIRE_INC_VERSION')) {
|
||||
return;
|
||||
}
|
||||
|
||||
include_spip('inc/cextras');
|
||||
include_spip('base/champslibres');
|
||||
/**
|
||||
* Fonction d'installation et de mise à jour du plugin champslibres.
|
||||
*
|
||||
* @param string $nom_meta_base_version
|
||||
* Nom de la meta informant de la version du schéma de données du plugin installé dans SPIP
|
||||
* @param string $version_cible
|
||||
* Version du schéma de données dans ce plugin (déclaré dans paquet.xml)
|
||||
* @return void
|
||||
**/
|
||||
function champslibres_upgrade($nom_meta_base_version, $version_cible) {
|
||||
$maj = array();
|
||||
|
||||
$maj['create'] = array(
|
||||
array('maj_tables', array('spip_articles')),
|
||||
array('config_prive')
|
||||
);
|
||||
|
||||
$maj['1.0.2'] = array(
|
||||
array('maj_tables', array('spip_articles')),
|
||||
array('config_prive')
|
||||
);
|
||||
|
||||
|
||||
function config_prive(){
|
||||
include_spip('inc/config');
|
||||
ecrire_config('uploadhtml5/charger_public','on');
|
||||
}
|
||||
|
||||
cextras_api_upgrade(champslibres_declarer_champs_extras(), $maj['create']);
|
||||
cextras_api_upgrade(champslibres_declarer_champs_extras(), $maj['1.0.1']);
|
||||
cextras_api_upgrade(champslibres_declarer_champs_extras(), $maj['1.0.3']);
|
||||
|
||||
include_spip('base/upgrade');
|
||||
maj_plugin($nom_meta_base_version, $version_cible, $maj);
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Fonction de désinstallation du plugin champslibres.
|
||||
*
|
||||
* @param string $nom_meta_base_version
|
||||
* Nom de la meta informant de la version du schéma de données du plugin installé dans SPIP
|
||||
* @return void
|
||||
**/
|
||||
function champslibres_vider_tables($nom_meta_base_version) {
|
||||
|
||||
|
||||
effacer_meta($nom_meta_base_version);
|
||||
}
|
||||
23
champslibres_autorisations.php
Normal file
23
champslibres_autorisations.php
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<?php
|
||||
/**
|
||||
* Définit les autorisations du plugin champslibres
|
||||
*
|
||||
* @plugin champslibres
|
||||
* @copyright 2020
|
||||
* @author Gamuza[informatique]
|
||||
* @licence GNU/GPL
|
||||
* @package SPIP\Fip\Autorisations
|
||||
*/
|
||||
|
||||
if (!defined('_ECRIRE_INC_VERSION')) {
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Fonction d'appel pour le pipeline
|
||||
* @pipeline autoriser */
|
||||
function champslibres_autoriser() {
|
||||
}
|
||||
|
||||
|
||||
78
champslibres_fonctions.php
Normal file
78
champslibres_fonctions.php
Normal file
|
|
@ -0,0 +1,78 @@
|
|||
<?php
|
||||
/**
|
||||
* Fonctions utiles au plugin champslibres
|
||||
*
|
||||
* @plugin champslibres
|
||||
* @copyright 2020
|
||||
* @author Gamuza[informatique]
|
||||
* @licence GNU/GPL
|
||||
* @package SPIP\Fip\Fonctions
|
||||
*/
|
||||
|
||||
if (!defined('_ECRIRE_INC_VERSION')) {
|
||||
return;
|
||||
}
|
||||
|
||||
/**
|
||||
* function qui permet d'afficher une image svg inline en y ajoutant un id et 2 balises : title et alt
|
||||
* La fonction supprime tout ce qui se trouve au dessus de la balise <svg>
|
||||
* ex : [(#CHEMIN{IMG/rubon#ID_RUBRIQUE.svg}|afficher_svg{#ID_RUBRIQUE,#GET{class},#GET{titre},#GET{titre}})]
|
||||
*
|
||||
*
|
||||
* @param $url_relative de l'image
|
||||
* @param $id = numero de l'id
|
||||
* @param $class
|
||||
* @param $title
|
||||
* @param $alt
|
||||
*
|
||||
* @return $svg (le code svg)
|
||||
* @author tofulm
|
||||
**/
|
||||
function afficher_svg($url_relative, $id=0, $class = '', $title='', $alt=''){
|
||||
// nettoyer $url_relative des ?timestamp et vérifier que le ficher existe
|
||||
$url_relative = explode('?', $url_relative)[0];
|
||||
if (!file_exists($url_relative)) {
|
||||
return;
|
||||
}
|
||||
$svg = file_get_contents($url_relative);
|
||||
if ($id) {
|
||||
$id = "id_$id";
|
||||
$class = ' class="'.$class.'" ';
|
||||
$pattern = '/(.+?<svg)(.+?id=")(.+?)(".+?)(<\/svg>)/s';
|
||||
$replace = '<svg'.$class.'${2}'.$id.'${4}';
|
||||
if ($title) {
|
||||
$title = "<title>$title</title>";
|
||||
$replace .= $title;
|
||||
}
|
||||
if ($alt) {
|
||||
$alt = "<alt>$alt</alt>";
|
||||
$replace .= $alt;
|
||||
}
|
||||
$replace .= '${5}';
|
||||
$svg = preg_replace($pattern,$replace,$svg,1);
|
||||
}
|
||||
|
||||
return $svg;
|
||||
}
|
||||
|
||||
|
||||
if (!function_exists('array_column')) {
|
||||
function array_column($array, $columnKey, $indexKey = null)
|
||||
{
|
||||
$result = array();
|
||||
foreach ($array as $subArray) {
|
||||
if (is_null($indexKey) && array_key_exists($columnKey, $subArray)) {
|
||||
$result[] = is_object($subArray)?$subArray->$columnKey: $subArray[$columnKey];
|
||||
} elseif (array_key_exists($indexKey, $subArray)) {
|
||||
if (is_null($columnKey)) {
|
||||
$index = is_object($subArray)?$subArray->$indexKey: $subArray[$indexKey];
|
||||
$result[$index] = $subArray;
|
||||
} elseif (array_key_exists($columnKey, $subArray)) {
|
||||
$index = is_object($subArray)?$subArray->$indexKey: $subArray[$indexKey];
|
||||
$result[$index] = is_object($subArray)?$subArray->$columnKey: $subArray[$columnKey];
|
||||
}
|
||||
}
|
||||
}
|
||||
return $result;
|
||||
}
|
||||
}
|
||||
49
champslibres_options.php
Normal file
49
champslibres_options.php
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
<?php
|
||||
/**
|
||||
* Options au chargement du plugin champslibres
|
||||
*
|
||||
* @plugin champslibres
|
||||
* @copyright 2020
|
||||
* @author Gamuza[informatique]
|
||||
* @licence GNU/GPL
|
||||
* @package SPIP\Fip\Options
|
||||
*/
|
||||
|
||||
if (!defined('_ECRIRE_INC_VERSION')) {
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
function debug_spip(){
|
||||
define('_DEBUG_SLOW_QUERIES', true);
|
||||
define('_BOUCLE_PROFILER', 5000);
|
||||
define('_LOG_FILTRE_GRAVITE', 8);
|
||||
define('_LOG_FILELINE',true);
|
||||
define('_DEBUG_AUTORISER', true);
|
||||
define('_MAX_LOG', 500000);
|
||||
|
||||
error_reporting(E_ALL^E_NOTICE);
|
||||
ini_set ("display_errors", "On");
|
||||
ini_set("html_errors", "On");
|
||||
ini_set("allow_url_fopen", "On");
|
||||
define('SPIP_ERREUR_REPORT',E_ALL^E_NOTICE);
|
||||
define('SPIP_ERREUR_REPORT_INCLUDE_PLUGINS',E_ALL^E_NOTICE);
|
||||
|
||||
|
||||
define('_NO_CACHE', -1);
|
||||
define('_INTERDIRE_COMPACTE_HEAD_ECRIRE', true);
|
||||
}
|
||||
//debug_spip();
|
||||
|
||||
|
||||
|
||||
if (!isset($GLOBALS['z_blocs']))
|
||||
$GLOBALS['z_blocs'] = array(
|
||||
'content',
|
||||
'aside',
|
||||
'extra',
|
||||
'head',
|
||||
'head_js',
|
||||
'header',
|
||||
'footer',
|
||||
'breadcrumb');
|
||||
55
champslibres_pipelines.php
Normal file
55
champslibres_pipelines.php
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
<?php
|
||||
/**
|
||||
* Utilisations de pipelines par champslibres
|
||||
*
|
||||
* @plugin champslibres
|
||||
* @copyright 2020
|
||||
* @author Gamuza[informatique]
|
||||
* @licence GNU/GPL
|
||||
* @package SPIP\Fip\Pipelines
|
||||
*/
|
||||
|
||||
if (!defined('_ECRIRE_INC_VERSION')) {
|
||||
return;
|
||||
}
|
||||
|
||||
/**
|
||||
* Charger des styles CSS
|
||||
*
|
||||
* @pipeline insert_head_css
|
||||
* @param string $flux Code html des styles CSS à charger
|
||||
* @return string Code html complété
|
||||
**/
|
||||
//function champslibres_insert_head_css($flux){
|
||||
//$flux .= '<link rel="stylesheet" href="' . produire_fond_statique('css/vignettes.css') . '" type="text/css" />' . "\n";
|
||||
//$flux .= '<link rel="stylesheet" href="' . timestamp(find_in_path('css/bigup.css')) . '" type="text/css" />' . "\n";
|
||||
//return $flux;
|
||||
//}
|
||||
|
||||
/**
|
||||
* Charger des scripts jquery
|
||||
*
|
||||
* @pipeline jqueryui_plugins
|
||||
* @param array $scripts Liste à charger
|
||||
* @return array Liste complétée
|
||||
**/
|
||||
//function champslibres_jquery_plugins($scripts){
|
||||
//$scripts[] = "aa";
|
||||
//$scripts[] = produire_fond_statique('javascript/bigup.js');
|
||||
//return $scripts;
|
||||
//}
|
||||
|
||||
/**
|
||||
* Charger des scripts jquery ui
|
||||
*
|
||||
* @pipeline jqueryui_plugins
|
||||
* @param array $scripts Liste à charger
|
||||
* @return array Liste complétée
|
||||
**/
|
||||
function champslibres_jqueryui_plugins($scripts){
|
||||
$scripts[] = "datepicker";
|
||||
$scripts[] = "i18n/datepicker-fr";
|
||||
$scripts[] = "autocomplete";
|
||||
return $scripts;
|
||||
}
|
||||
|
||||
12
content/401.html
Normal file
12
content/401.html
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
[(#REM) Fil d'Ariane ]
|
||||
<section>
|
||||
<header class="cartouche">
|
||||
<h1><:pass_erreur:>[ (#ENV{status})]</h1>
|
||||
</header>
|
||||
<div class="main">
|
||||
[<div class="chapo">(#ENV{erreur})</div>]
|
||||
</div>
|
||||
<aside>
|
||||
#FORMULAIRE_LOGIN{#ENV{cible},'',0}
|
||||
</aside>
|
||||
</section>
|
||||
9
content/404.html
Normal file
9
content/404.html
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
[(#REM) Fil d'Ariane ]
|
||||
<section>
|
||||
<header class="cartouche">
|
||||
<h1><:pass_erreur:> 404</h1>
|
||||
</header>
|
||||
<div class="main">
|
||||
[<div class="chapo">(#ENV{erreur})</div>]
|
||||
</div>
|
||||
</section>
|
||||
3
content/article-bien.html
Normal file
3
content/article-bien.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<div class="parent_prev_next">
|
||||
<INCLURE{fond=inclure/un_bien,env,id_article=#ENV{id_article},ajax=article}>
|
||||
</div>
|
||||
5
content/article-bien.xml
Normal file
5
content/article-bien.xml
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<composition>
|
||||
<nom>Bien Immomardi</nom>
|
||||
<description>Grande image, petite colonne à droite
|
||||
</description>
|
||||
</composition>
|
||||
20
content/article-contact.html
Normal file
20
content/article-contact.html
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
<BOUCLE_article(ARTICLES){id_article}>
|
||||
[(#REM) AUTORISER{modifier, article, #ID_ARTICLE})
|
||||
<a class="btn pull-right" href="#URL_PAGE{editer_bien,id_article=#ID_ARTICLE }"><i class="fas fa-edit"></i> Editer</a>
|
||||
]
|
||||
<h1>#TITRE</h1>
|
||||
<div class="la_une">
|
||||
<div class="video_une">
|
||||
[<h2 class="h3-like #EDIT{soustitre}">(#SOUSTITRE)</h2>]
|
||||
<div class="texte #EDIT{texte}">#TEXTE</div>
|
||||
</div>
|
||||
[<div class="aside_une">
|
||||
<div class="texte #EDIT{descriptif}">(#DESCRIPTIF)</div>
|
||||
</div>]
|
||||
</div>
|
||||
<div class="carte">
|
||||
[(#INCLURE{fond=modeles/carte_yaller,
|
||||
autocenterandzoom=oui,
|
||||
id_article=#ID_ARTICLE})]
|
||||
</div>
|
||||
</BOUCLE_article>
|
||||
6
content/article-contact.xml
Normal file
6
content/article-contact.xml
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
<composition>
|
||||
<nom>Page de contact</nom>
|
||||
<description>Article pour page de contact:
|
||||
bloc principal = texte / aside = descritif / footer large = PS
|
||||
</description>
|
||||
</composition>
|
||||
13
content/article-edito.html
Normal file
13
content/article-edito.html
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
#SET{id_grpe_tags, 0}
|
||||
<BOUCLE_tags(GROUPES_MOTS){grigri == tags}>#SET{id_grpe_tags, #ID_GROUPE} </BOUCLE_tags>
|
||||
|
||||
<BOUCLE_article(ARTICLES){id_article}>
|
||||
[(#AUTORISER{modifier, article, #ID_ARTICLE})
|
||||
<a class="btn pull-right" href="#URL_PAGE{editer_bien,id_article=#ID_ARTICLE }"><i class="fas fa-edit"></i> Editer</a>
|
||||
]
|
||||
<h1>#TITRE</h1>
|
||||
<div class="le_texte">
|
||||
[<h2 class="h3-like #EDIT{soustitre}">(#SOUSTITRE)</h2>]
|
||||
<div class="texte #EDIT{texte}">#TEXTE</div>
|
||||
</div>
|
||||
</BOUCLE_article>
|
||||
4
content/article-edito.xml
Normal file
4
content/article-edito.xml
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<composition>
|
||||
<nom>Article editorial</nom>
|
||||
<description>Article pour contenu éditorial (hors catalogue de biens)</description>
|
||||
</composition>
|
||||
55
content/article.html
Normal file
55
content/article.html
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
#SET{id_grpe_tags, 0} #SET{grpes_importants,#ARRAY}
|
||||
<BOUCLE_tags(GROUPES_MOTS){grigri = tags}>#SET{id_grpe_tags, #ID_GROUPE} </BOUCLE_tags>
|
||||
<BOUCLE_grpes_importants(GROUPES_MOTS){obligatoire=oui}>#SET{grpes_importants,#GET{grpes_importants}|push{#ID_GROUPE}} </BOUCLE_grpes_importants>
|
||||
|
||||
#SET{id_mot_statut_bien,0}
|
||||
<BOUCLE_statut_bien(GROUPES_MOTS){grigri == statut_bien}>
|
||||
<BOUCLE_articles(MOTS){id_article}{id_groupe}{doublons}>
|
||||
#SET{id_mot_statut_bien, #ID_MOT}
|
||||
</BOUCLE_articles>
|
||||
</BOUCLE_statut_bien>
|
||||
|
||||
<BOUCLE_article(ARTICLES){id_article}{statut}>
|
||||
|
||||
[(#AUTORISER{modifier, article, #ID_ARTICLE})
|
||||
[(#INFO_STATUT{article,#ID_ARTICLE}|=={publie}|non)
|
||||
<a class="btn pull-right btn_une" href="#URL_PAGE{editer_bien,id_article=#ID_ARTICLE }"><i class="fas fa-edit"></i> Éditer</a>
|
||||
]
|
||||
]
|
||||
|
||||
<?php if (isset($GLOBALS['visiteur_session']['statut']) AND $GLOBALS['visiteur_session']['statut'] == '0minirezo') { ?>
|
||||
[(#INCLURE{fond=inclure/bouton_une,id_article=#ENV{id_article}})]
|
||||
<?php } ?>
|
||||
|
||||
<h1 class="h1-like #EDIT{titre}">#TITRE</h1>
|
||||
|
||||
<div class="la_une">
|
||||
<div class="video_une">
|
||||
[<h2 class="h3-like #EDIT{soustitre}">(#SOUSTITRE)</h2>]
|
||||
<BOUCLE_doc(DOCUMENTS){id_article?}{extension==jpg|png|gif}{statut in prop,prepa,publie}{0,1}{!par credits}{par id_document}>
|
||||
[(#FICHIER|image_recadre{900:450,-,focus}|image_reduire{900,450})]
|
||||
</BOUCLE_doc>
|
||||
<div class="texte #EDIT{texte}">#TEXTE</div>
|
||||
<B_mots>
|
||||
<div class="mots">
|
||||
[(#REM) afficher mots-clés et tags dont le groupe est "important" ]
|
||||
<BOUCLE_mots(MOTS){id_article}{si #CONFIG{champslibres/tags_article}|!={non}}{id_groupe IN #GET{grpes_importants}}>
|
||||
<a href="[(#URL_MOT)]" class="tag tags mrs[ (#ID_GROUPE|=={#GET{id_grpe_tags}}|?{hashtag,mot_cle})]"
|
||||
data-id_mot="#ID_MOT" title="Les biens liées au[ (#ID_GROUPE|=={#GET{id_grpe_tags}}|?{tag,mot clé}) ]#TITRE">
|
||||
<i class="fas fa-[(#ID_GROUPE|=={#GET{id_grpe_tags}}|?{hashtag,tag})]"></i>#TITRE
|
||||
</a>
|
||||
</BOUCLE_mots>
|
||||
</div>
|
||||
</B_mots>
|
||||
<BOUCLE_images(DOCUMENTS){id_article=#ID_ARTICLE}{extension==jpg|png|gif}{!par credits}{1,n}>
|
||||
<a href="#FICHIER" class='mediabox' rel='galerie_#ID_ARTICLE'>
|
||||
[(#FICHIER|image_recadre{350:200,-,focus}|image_reduire{350, 200})]
|
||||
</a>
|
||||
</BOUCLE_images>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</BOUCLE_gis>
|
||||
</BOUCLE_article>
|
||||
|
||||
9
content/auteur.html
Normal file
9
content/auteur.html
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<BOUCLE_auteur(AUTEURS){id_auteur=#ENV{id_auteur}}>
|
||||
<INCLURE{fond=inclure/avatar_auteur,env}>
|
||||
#NOM
|
||||
#BIO
|
||||
[site internet :
|
||||
<a href="(#URL_SITE)">
|
||||
#NOM_SITE
|
||||
</a>]
|
||||
</BOUCLE_auteur>
|
||||
11
content/catalogue_biens.html
Normal file
11
content/catalogue_biens.html
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
|
||||
#SET{titre_mot,Liste des biens}
|
||||
#SET{id_mot,0}
|
||||
<BOUCLE_titremot(MOTS){id_mot = #ENV{mots}|table_valeur{0}}>
|
||||
#SET{titre_mot,#TITRE}
|
||||
#SET{id_mot,#ID_MOT}
|
||||
</BOUCLE_titremot>
|
||||
|
||||
<h1 class="">#GET{titre_mot}</h1>
|
||||
|
||||
<INCLURE{fond=inclure/choix_articles,env,ajax=choix_articles,mots=#ENV{mots}, id_mot=#GET{id_mot}}>
|
||||
6
content/collectif.html
Normal file
6
content/collectif.html
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
<BOUCLE_collectif(ARTICLES){grigri=collectif}{0,1}{! par date}>
|
||||
<div id="collectif">
|
||||
<h1 class="#EDIT{titre}">#TITRE</h1>
|
||||
<div class="#EDIT{texte}">#TEXTE</div>
|
||||
</div>
|
||||
</BOUCLE_collectif>
|
||||
35
content/editer_bien.html
Normal file
35
content/editer_bien.html
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
[(#ENV{id_article}|?{
|
||||
[(#INCLURE{fond=inclure/bouton_supprimer,id_article=#ENV{id_article}})]
|
||||
[(#INCLURE{fond=inclure/bouton_une,id_article=#ENV{id_article}})]
|
||||
<h1>Éditer l'article n°[(#ENV{id_article})]</h1>
|
||||
,
|
||||
<h1>Créer un article</h1>
|
||||
})]
|
||||
|
||||
<div class="container">
|
||||
[(#SESSION{id_auteur}|oui)
|
||||
[(#ENV{id_article}|oui)
|
||||
[(#AUTORISER{modifier, article, #ENV{id_article}}|?{
|
||||
[(#FORMULAIRE_EDITER_BIEN{#ENV{id_article}})]<br>
|
||||
,
|
||||
<div class="reponse_formulaire reponse_formulaire_erreur">Votre compte ne fait pas partie des auteurs autorisés à modifier cet article.</div>
|
||||
})]
|
||||
]
|
||||
[(#ENV{id_article}|non)
|
||||
[(#AUTORISER{creer, article}|?{
|
||||
[(#FORMULAIRE_EDITER_BIEN)]
|
||||
,
|
||||
<div class="reponse_formulaire reponse_formulaire_erreur">Votre compte n'a pas les droits suffisants pour créer un article.</div>
|
||||
})]
|
||||
]
|
||||
]
|
||||
[(#SESSION{id_auteur}|non)
|
||||
<div class="se_connecter bloc_connexion">
|
||||
[(#FORMULAIRE_LOGIN{#ENV{url}})]
|
||||
</div>
|
||||
<div class="ou"><h2>ou</h2></div>
|
||||
<div class="creer_associer_compte bloc_connexion">
|
||||
[(#FORMULAIRE_INSCRIPTION)]
|
||||
</div>
|
||||
]
|
||||
</div>
|
||||
21
content/groupe_mots.html
Normal file
21
content/groupe_mots.html
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
|
||||
<BOUCLE_grpes(GROUPES_MOTS){id_groupe}>
|
||||
<h1 class="">#TITRE</h1>
|
||||
|
||||
<div class="liste_des_mots">
|
||||
<BOUCLE_mots(MOTS){id_groupe}{par num titre}>
|
||||
<INCLURE{fond=inclure/bloc_mot, env, id_mot}>
|
||||
</BOUCLE_mots>
|
||||
</div>
|
||||
|
||||
|
||||
</BOUCLE_grpes>
|
||||
|
||||
<h3>Situation des biens</h3>
|
||||
[(#INCLURE{fond=modeles/carte_gis,
|
||||
autocenterandzoom=oui,
|
||||
objets=articles,
|
||||
id_mot=#ENV{id_mot},
|
||||
zoom_wheel=non,
|
||||
height=500px,
|
||||
})]
|
||||
6
content/inscription.html
Normal file
6
content/inscription.html
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
<div>
|
||||
<h1>Création d'un compte étudiant</h1>
|
||||
|
||||
[(#FORMULAIRE_INSCRIPTION)]
|
||||
|
||||
</div>
|
||||
10
content/login.html
Normal file
10
content/login.html
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
#CACHE{0}
|
||||
|
||||
<h1>Connexion</h1>
|
||||
<div class="grid-2" id="choix_connexion">
|
||||
<div class="se_connecter bloc_connexion">
|
||||
[(#FORMULAIRE_LOGIN{#ENV{url}})]
|
||||
</div>
|
||||
<div> </div>
|
||||
</div>
|
||||
|
||||
1
content/mentions_legales.html
Normal file
1
content/mentions_legales.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
<INCLURE{fond=inclure/mentions_legales}>
|
||||
26
content/mes-articles.html
Normal file
26
content/mes-articles.html
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
<div class="h3-like">Vos articles en cours de rédaction</div>
|
||||
<B_art_brouillon>
|
||||
<div class="liste_des_rubriques">
|
||||
<BOUCLE_art_brouillon(ARTICLES){branche}{id_secteur = #CONFIG{champslibres/id_bien}}{id_auteur=#SESSION{id_auteur}}{statut=prepa}>
|
||||
<INCLURE{fond=inclure/bloc_une, env, id_article,statut=prepa}>
|
||||
</BOUCLE_art_brouillon>
|
||||
</div>
|
||||
</B_art_brouillon>
|
||||
<div>
|
||||
Aucun article en cours de rédaction.
|
||||
<a href="#URL_PAGE{editer_bien}">Je publie un article !</a>
|
||||
</div>
|
||||
<//B_art_brouillon>
|
||||
|
||||
<div class="h3-like">Vos articles publiés</div>
|
||||
<B_art_publie>
|
||||
<div class="liste_des_rubriques">
|
||||
<BOUCLE_art_publie(ARTICLES){branche}{id_secteur = #CONFIG{champslibres/id_bien}}{id_auteur=#SESSION{id_auteur}}{statut=publie}>
|
||||
<INCLURE{fond=inclure/bloc_une, env, id_article,statut=publie}>
|
||||
</BOUCLE_art_publie>
|
||||
</div>
|
||||
</B_art_publie>
|
||||
<div>
|
||||
Aucun article publié.
|
||||
</div>
|
||||
<//B_art_publie>
|
||||
18
content/modifier_auteur.html
Normal file
18
content/modifier_auteur.html
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<div class="container">
|
||||
<h1>Modifier mon profil</h1>
|
||||
<B_modifier_auteur>
|
||||
<div class="row">
|
||||
<a class="btn pull-right" href="#URL_PAGE{mes-articles}">Mes articles</a>
|
||||
<a class="btn pull-right" href="#URL_LOGOUT{sommaire}">Me déconnecter</a>
|
||||
|
||||
<BOUCLE_modifier_auteur(AUTEURS){id_auteur = #SESSION{id_auteur}}{tous}>
|
||||
<div class="col-xs-24 modifier_auteur_pub">
|
||||
#FORMULAIRE_EDITER_AUTEUR{#ID_AUTEUR,#URL_PAGE{auteur}|parametre_url{id_auteur,#ENV{id_auteur}}}
|
||||
</div>
|
||||
</BOUCLE_modifier_auteur>
|
||||
</div>
|
||||
</div>
|
||||
</B_modifier_auteur>
|
||||
<div class="attention">Vous devez être connecté pour accéder à cette page.</div>
|
||||
<//B_modifier_auteur>
|
||||
</div>
|
||||
11
content/mot.html
Normal file
11
content/mot.html
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
|
||||
#SET{titre_mot,Liste des biens}
|
||||
#SET{id_mot,0}
|
||||
<BOUCLE_titremot(MOTS){id_mot}>
|
||||
#SET{titre_mot,#TITRE}
|
||||
#SET{id_mot,#ID_MOT}
|
||||
</BOUCLE_titremot>
|
||||
|
||||
<h1 class="">#GET{titre_mot}</h1>
|
||||
|
||||
<INCLURE{fond=inclure/choix_articles,env,ajax=choix_articles,id_mot=#GET{id_mot}}>
|
||||
24
content/motsar.html
Normal file
24
content/motsar.html
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<h1>Arborescence des mots clés</h1>
|
||||
|
||||
|
||||
<style>
|
||||
h1 { margin-top:2em; }
|
||||
h2 { border-bottom:2px solid black; }
|
||||
</style>
|
||||
|
||||
|
||||
<BOUCLE_groupes_arbos(GROUPES_MOTS){par num titre, titre}{tous}>
|
||||
<h2>#TITRE</h2>
|
||||
|
||||
<B_mots>
|
||||
<ul>
|
||||
<BOUCLE_mots(MOTS){id_groupe}{par num titre, titre}{tous}>
|
||||
<li>
|
||||
<strong>#TITRE</strong>
|
||||
</li>
|
||||
</BOUCLE_mots>
|
||||
</ul>
|
||||
</B_mots>
|
||||
|
||||
</BOUCLE_groupes_arbos>
|
||||
|
||||
3
content/nous-contacter.html
Normal file
3
content/nous-contacter.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<BOUCLE_principale(AUTEURS){tout}{id_auteur=4}>
|
||||
#FORMULAIRE_ECRIRE_AUTEUR
|
||||
</BOUCLE_principale>
|
||||
48
content/plan.html
Normal file
48
content/plan.html
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
<h1>Plan du site</h1>
|
||||
|
||||
<div class="content">
|
||||
<BOUCLE_secteurs(RUBRIQUES) {racine} {par num titre}{!par date}>
|
||||
|
||||
<h2>#TITRE</h2>
|
||||
|
||||
[(#REM) Articles et sous-rubriques ]
|
||||
<B_articles_racine>
|
||||
<ul class="spip">
|
||||
<BOUCLE_articles_racine(ARTICLES) {id_rubrique} {par num titre}{!par date}>
|
||||
<li><a href="#URL_ARTICLE">#TITRE[ - (#SOUSTITRE)]</a></li>
|
||||
</BOUCLE_articles_racine>
|
||||
</ul>
|
||||
</B_articles_racine>
|
||||
|
||||
<B_rubriques>
|
||||
<ul class="spip">
|
||||
<BOUCLE_rubriques(RUBRIQUES) {id_parent} {par num titre}{!par date}>
|
||||
<li>
|
||||
<strong><a href="#URL_RUBRIQUE">#TITRE</a></strong>
|
||||
|
||||
<B_articles>
|
||||
<ul class="spip">
|
||||
<BOUCLE_articles(ARTICLES) {id_rubrique} {par num titre}{!par date}>
|
||||
<li><a href="#URL_ARTICLE">#TITRE[ - (#SOUSTITRE)]</a></li>
|
||||
</BOUCLE_articles>
|
||||
</ul>
|
||||
</B_articles>
|
||||
|
||||
<BOUCLE_sous_rubriques(BOUCLE_rubriques)></BOUCLE_sous_rubriques>
|
||||
</li>
|
||||
</BOUCLE_rubriques>
|
||||
</ul>
|
||||
</B_rubriques>
|
||||
|
||||
[(#REM) Sur le Web ]
|
||||
<B_sites>
|
||||
<h3><:sites_web:></h3>
|
||||
<ul class="spip">
|
||||
<BOUCLE_sites(SITES) {id_secteur} {par nom_site}>
|
||||
<li><a href="[(#ID_SYNDIC|generer_url_entite{site,'','',#CONNECT})]">#NOM_SITE</a></li>
|
||||
</BOUCLE_sites>
|
||||
</ul>
|
||||
</B_sites>
|
||||
|
||||
</BOUCLE_secteurs>
|
||||
</div>
|
||||
13
content/rubrique.html
Normal file
13
content/rubrique.html
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
|
||||
<BOUCLE_rub(RUBRIQUES){id_rubrique}>
|
||||
<div class="rub_en-tete">
|
||||
[<img src="(#LOGO_RUBRIQUE|image_recadre{1200:350,-,focus}|image_reduire{1200,350}|extraire_attribut{src})" alt="[(#TITRE|attribut_html)]">]
|
||||
<div class="rub_en-tete_titre">
|
||||
<h1 class="">#TITRE</h1>
|
||||
<em class="h3-like">#TEXTE</em>
|
||||
</div>
|
||||
</div>
|
||||
<INCLURE{fond=inclure/choix_articles,env,ajax=choix_articles,id_rubrique=#ID_RUBRIQUE}>
|
||||
</BOUCLE_rub>
|
||||
<h1 class="">Liste des articles</h1>
|
||||
<//B_rub>
|
||||
46
content/sommaire.html
Normal file
46
content/sommaire.html
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
<div class="la_une">
|
||||
<BOUCLE_presentation(ARTICLES){grigri=presentation}{0,1}{! par date}>
|
||||
<div id="presentation" class="w66">
|
||||
<h3 class="#EDIT{titre}">#TITRE</h3>
|
||||
<div class="#EDIT{texte}">#TEXTE</div>
|
||||
</div>
|
||||
</BOUCLE_presentation>
|
||||
<BOUCLE_actualites(ARTICLES){grigri=actualites}{0,1}{! par date}>
|
||||
<div id="actualites" class="encadre">
|
||||
<h3 class="#EDIT{titre}">#TITRE</h3>
|
||||
<div class="#EDIT{texte}">#TEXTE</div>
|
||||
</div>
|
||||
</BOUCLE_actualites>
|
||||
</div>
|
||||
|
||||
<h3 class="la_une">À la une</h3>
|
||||
<div class="liste_des_rubriques">
|
||||
<BOUCLE_art(ARTICLES){branche}{id_secteur = #CONFIG{champslibres/id_bien}}>
|
||||
<INCLURE{fond=inclure/bloc_une, env, id_article,statut=publie}>
|
||||
</BOUCLE_art>
|
||||
</div>
|
||||
|
||||
<h3 class="la_une">Les rubriques du journal</h3>
|
||||
<div class="liste_des_rubriques">
|
||||
<BOUCLE_sect(RUBRIQUES){id_rubrique = #CONFIG{champslibres/id_bien}}>
|
||||
<BOUCLE_rub(RUBRIQUES){id_parent}{par num titre}>
|
||||
<INCLURE{fond=inclure/bloc_rub, env, id_rubrique}>
|
||||
</BOUCLE_rub>
|
||||
#SET{nb_rubs, #TOTAL_BOUCLE}
|
||||
</B_rub>
|
||||
</BOUCLE_sect>
|
||||
</div>
|
||||
|
||||
|
||||
[(#REM)
|
||||
<div class="container_carte">
|
||||
<h3>Situation des biens</h3>
|
||||
[(#INCLURE{fond=modeles/carte_gis,
|
||||
autocenterandzoom=oui,
|
||||
objets=articles,
|
||||
id_mot=#ENV{id_mot},
|
||||
zoom_wheel=non,
|
||||
height=500px,
|
||||
})]
|
||||
</div>
|
||||
]
|
||||
34
content/sommaire_articles-un-mot.html
Normal file
34
content/sommaire_articles-un-mot.html
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
<h2 class="h1-like #EDIT{meta-slogan_site}">[(#SLOGAN_SITE_SPIP)]</h2>
|
||||
|
||||
<div class="la_une">
|
||||
<div class="video_une">
|
||||
<BOUCLE_bien_une(ARTICLES){ps = une}{!par date}{0,1}{id_rubrique = #CONFIG{champslibres/id_bien}}>
|
||||
<div class="container_slider">
|
||||
[(#MODELE{articles_ps_owl}{autoplay=true}{caption=true}{navigation=false})] #SET{id_une,#ID_ARTICLE}
|
||||
</div>
|
||||
</BOUCLE_bien_une>
|
||||
<BOUCLE_une_defaut(ARTICLES){!par date}{0,1}{id_rubrique = #CONFIG{champslibres/id_bien}}>
|
||||
<div class="container_slider">
|
||||
[(#MODELE{article_owl}{id_article=#ID_ARTICLE})] #SET{id_une,#ID_ARTICLE}
|
||||
</div>
|
||||
<h3><a href="#URL_ARTICLE" title="Voir les détails">#TITRE</a></h3>
|
||||
</BOUCLE_une_defaut>
|
||||
<//B_bien_une>
|
||||
</div>
|
||||
<BOUCLE_presentation(ARTICLES){grigri=presentation}{0,1}{! par date}>
|
||||
<div class="aside_une">
|
||||
<h3 class="#EDIT{titre}">#TITRE</h3>
|
||||
<div class="#EDIT{texte}">#TEXTE</div>
|
||||
</div>
|
||||
</BOUCLE_presentation>
|
||||
</div>
|
||||
|
||||
|
||||
<BOUCLE_mot_presentation(MOTS){grigri=accueil}>#SET{id_mot, #ID_MOT}
|
||||
<h1>#TITRE</h1>
|
||||
</BOUCLE_mot_presentation>
|
||||
<h1>Nos réalisations</h1>
|
||||
<//B_mot_presentation>
|
||||
<INCLURE{fond=inclure/choix_articles,env,id_mot=#GET{id_mot}}>
|
||||
|
||||
|
||||
43
content/sommaire_mots-un-groupe-mot.html
Normal file
43
content/sommaire_mots-un-groupe-mot.html
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
<h2 class="h1-like #EDIT{meta-slogan_site}">[(#SLOGAN_SITE_SPIP)]</h2>
|
||||
|
||||
<div class="la_une">
|
||||
<div class="video_une">
|
||||
<BOUCLE_bien_une(ARTICLES){ps = une}{!par date}{0,1}{id_secteur = #CONFIG{champslibres/id_bien}}>
|
||||
<div class="container_slider">
|
||||
[(#MODELE{articles_ps_owl}{autoplay=true}{caption=true}{navigation=false})] #SET{id_une,#ID_ARTICLE}
|
||||
</div>
|
||||
</BOUCLE_bien_une>
|
||||
<BOUCLE_une_defaut(ARTICLES){!par date}{0,1}{id_secteur = #CONFIG{champslibres/id_bien}}>
|
||||
<div class="container_slider">
|
||||
[(#MODELE{article_owl}{id_article=#ID_ARTICLE})] #SET{id_une,#ID_ARTICLE}
|
||||
</div>
|
||||
<h3><a href="#URL_ARTICLE" title="Voir les détails">#TITRE</a></h3>
|
||||
</BOUCLE_une_defaut>
|
||||
<//B_bien_une>
|
||||
</div>
|
||||
<BOUCLE_presentation(ARTICLES){grigri=presentation}{0,1}{! par date}>
|
||||
<div class="aside_une">
|
||||
<h3 class="#EDIT{titre}">#TITRE</h3>
|
||||
<div class="#EDIT{texte}">#TEXTE</div>
|
||||
</div>
|
||||
</BOUCLE_presentation>
|
||||
</div>
|
||||
|
||||
<div class="liste_des_mots">
|
||||
<BOUCLE_sect(RUBRIQUES){id_rubrique = #CONFIG{champslibres/id_bien}}>
|
||||
<BOUCLE_rub(RUBRIQUES){id_parent}{par num titre}>
|
||||
<INCLURE{fond=inclure/bloc_rub, env, id_rubrique}>
|
||||
</BOUCLE_rub>
|
||||
#SET{nb_rubs, #TOTAL_BOUCLE}
|
||||
</B_rub>
|
||||
</BOUCLE_sect>
|
||||
|
||||
</div>
|
||||
<h3>Situation des biens</h3>
|
||||
[(#INCLURE{fond=modeles/carte_gis,
|
||||
autocenterandzoom=oui,
|
||||
objets=articles,
|
||||
id_mot=#ENV{id_mot},
|
||||
zoom_wheel=non,
|
||||
height=500px,
|
||||
})]
|
||||
66
content/test.html
Normal file
66
content/test.html
Normal file
|
|
@ -0,0 +1,66 @@
|
|||
<section>
|
||||
|
||||
<!-- Header -->
|
||||
<header class="cartouche hide">
|
||||
<div id="header">
|
||||
<!-- Logo -->
|
||||
<h1><a href="sommaire.html" id="logo">#NOM_SITE_SPIP <em>,Briancon (05)</em></a></h1>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Banner -->
|
||||
<section id="banner">
|
||||
<header>
|
||||
<h2>FeetFit <em>Confort - Bien-être - Performance, Praticien conventionné et agrée par l'Etat</em></h2>
|
||||
</header>
|
||||
</section>
|
||||
|
||||
<!-- Highlights -->
|
||||
<section class="wrapper style1">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<section class="col-4">
|
||||
<div class="box highlight">
|
||||
<i class="icon major fa fa-phone"></i>
|
||||
<h3>Appelez-nous</h3>
|
||||
<p> 04 92 24 75 71</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="col-4">
|
||||
<div class="box highlight">
|
||||
<i class="icon major fa fa-pencil"></i>
|
||||
<p>4 Avenue René Froger</br>05100 - BRIANÇON</br>Email : feet.fit@orange.fr</br>Siret : 790011837</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="col-4">
|
||||
<div class="box highlight">
|
||||
<i class="icon major fa fa-wrench"></i>
|
||||
<h3>Cliquez ici</h3>
|
||||
<p>pour nous situer</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Gigantic Heading -->
|
||||
<section class="wrapper style2">
|
||||
<div class="container">
|
||||
<header class="major">
|
||||
<h2>Orthopédie et Podologie</h2>
|
||||
<p>Briançon (05)</p>
|
||||
</header>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Posts -->
|
||||
<section class="wrapper style1">
|
||||
<div class="container">
|
||||
Feet & Fit est un centre spécialisé dans le domaine de la podologie. M. Dran, orthopédiste, orthésiste et podologiste, reçoivent les patients atteints de douleurs aux pieds afin de leur proposer un traitement adéquat.</br></br>
|
||||
Une mauvaise posture peut entraîner divers troubles tels que des douleurs aux pieds, aux chevilles et aux genoux. Il existe toutefois des solutions pour aider les personnes souffrant de ces maux à retrouver le plaisir de marcher. Grâce à un diagnostique établi par un orthopédiste reconnu, le centre Feet & Fit sera en mesure de concevoir des semelles et des chaussures sur mesure pour traiter votre maladie.</br></br>
|
||||
La pratique d'un sport tel que le ski et les randonnées en montagne peuvent également être la cause de problèmes aux pieds. Spécialisé dans la confection de semelles et de chaussures de sport, pour prévenir et traiter les douleurs dont souffrent les sportifs.</br></br>
|
||||
Chaque patient étant différent, le centre Feet & Fit s'engage à assurer le suivi du traitement mis en place pour vous soigner.
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</section>
|
||||
10
content/z_apl.html
Normal file
10
content/z_apl.html
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
[(#REM)
|
||||
|
||||
Squelette Big_Pipe
|
||||
http://www.facebook.com/notes/facebook-engineering/bigpipe-pipelining-web-pages-for-high-performance/389414033919
|
||||
|
||||
(c) 2010 Cedric Morin
|
||||
Distribue sous licence GPL
|
||||
|
||||
]#CACHE{0}
|
||||
#INCLURE{fond=inclure/ajax_parallel_load,bloc=#SQUELETTE}
|
||||
10
css/_body.scss
Normal file
10
css/_body.scss
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
/* Definition des containers pour Knacss */
|
||||
.inner-fluid {
|
||||
margin: 2rem 2rem 0;
|
||||
}
|
||||
|
||||
// met une taille max
|
||||
.inner {
|
||||
max-width: $extra-large;
|
||||
margin: 0 auto;
|
||||
}
|
||||
98
css/_form_spip.scss
Normal file
98
css/_form_spip.scss
Normal file
|
|
@ -0,0 +1,98 @@
|
|||
/* ------------------------------------------
|
||||
/* Habillage des formulaires SPIP
|
||||
/* ------------------------------------------ */
|
||||
|
||||
input, textarea, select {-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
|
||||
.bugajaxie { display: none; } /* Bug IE/Win */
|
||||
|
||||
/* Structure generale des formulaires
|
||||
----------------------------------------------- */
|
||||
.formulaire_spip { clear: both; margin-bottom: /*@margin-bottom*/1.5em/*/@*/; padding: /*@demi-line-height*/0.75em/*/@; border: 1px solid #ddd; background-color: #FCFCFC*/; text-align: left; }
|
||||
|
||||
/* Fieldset */
|
||||
.formulaire_spip fieldset { clear: both; margin: 0; padding: 0; border: 0; }
|
||||
.formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 1.25em; font-weight: bold; background-color: #FCFCFC; color: #333; } /* Preciser la couleur des legend et du fond pour IE/Win */
|
||||
.formulaire_spip fieldset fieldset { margin-top: /*@margin-bottom*/1.5em/*/@*/; }
|
||||
.formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }
|
||||
|
||||
/* Explications */
|
||||
.formulaire_spip .explication { color: #444;margin-bottom: 0;padding: /*@demi-line-height*/0.75em/*/@*/ 0;}
|
||||
|
||||
/* Lignes */
|
||||
.formulaire_spip .editer { clear: both; margin: 0 /*@demi-line-height*/-0.75em/*/@*/; padding: /*@demi-line-height*/0.75em/*/@*/; }
|
||||
|
||||
/* Labels */
|
||||
.formulaire_spip .editer>label { display: block; text-align: left; color: #444; font-weight: bold;}
|
||||
|
||||
.formulaire_spip .choix label {display:inline;font-weight:normal;}
|
||||
.formulaire_spip .choix input.radio,
|
||||
/*.formulaire_spip .choix input.checkbox {width:auto;}*/
|
||||
|
||||
|
||||
/* Champs de saisie */
|
||||
.formulaire_spip input.text { width: 100%;}
|
||||
.formulaire_spip textarea { width: 100%; }
|
||||
.formulaire_spip select { width: 100%; }
|
||||
|
||||
/* Boutons */
|
||||
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; margin-top: /*@margin-bottom*/1.5em/*/@*/; }
|
||||
.formulaire_spip .boutons input { margin-left: 1em; }
|
||||
.formulaire_spip .boutons input, input.submit {}
|
||||
|
||||
@media print {
|
||||
.formulaire_spip { display: none; }
|
||||
}
|
||||
|
||||
/* Reponses, previsu et erreurs
|
||||
----------------------------------------------- */
|
||||
|
||||
/* Champs obligatoires */
|
||||
.formulaire_spip li.obligatoire {}
|
||||
.formulaire_spip li.obligatoire label {font-weight: strong;}
|
||||
|
||||
|
||||
/* Reponses */
|
||||
.reponse_formulaire { margin-bottom: /*@margin-bottom*/1.5em/*/@*/; padding: /*@demi-margin-bottom*/0.75em/*/@*/; border: 2px solid #ddd; }
|
||||
.reponse_formulaire_ok { background: #e6efc2; color: #264409; border-color: #c6d880; }
|
||||
.reponse_formulaire_erreur { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
|
||||
.reponse_formulaire_ok a { color: #264409; }
|
||||
.reponse_formulaire_erreur a { color: #8a1f11; }
|
||||
|
||||
|
||||
/* Previsualisation du message */
|
||||
fieldset.previsu { margin-bottom: /*@margin-bottom*/1.5em/*/@*/;padding: /*@demi-margin-bottom*/0.75em/*/@*/; border: 2px dashed #F57900; }
|
||||
fieldset.previsu legend { color: #F57900; }
|
||||
fieldset.previsu legend { padding-left:0.50em; font-weight: bold; color: #F57900; }
|
||||
/* Reponse du formulaire */
|
||||
fieldset.previsu .reponse_formulaire { font-weight: bold; color: #e86519;}
|
||||
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
|
||||
|
||||
|
||||
/* * Erreurs */
|
||||
.editer.erreur { background-color: #fbe3e4; }
|
||||
.editer .erreur_message { display: block; color: #C30; font-weight: bold;}
|
||||
|
||||
|
||||
/* Variantes et cas particuliers
|
||||
----------------------------------------------- */
|
||||
|
||||
/* Selection des langues */
|
||||
.formulaire_menu_lang { margin: 0; padding: 0; background: none; border: 0;}
|
||||
.formulaire_menu_lang select {width: 15em;}
|
||||
.page_login .content .formulaire_menu_lang {margin-bottom:1.5em;}
|
||||
|
||||
/* Formulaires de recherche (site / petitions) */
|
||||
.formulaire_recherche { padding: 0; background: none; border: 0;}
|
||||
.formulaire_recherche * { display: inline; vertical-align: middle; }
|
||||
.formulaire_recherche label {display: block;}
|
||||
.formulaire_recherche input.text { width: 10em; padding-left: 25px; background: #FFF url(img/rechercher.gif) no-repeat left center; }
|
||||
.formulaire_recherche input.submit {}
|
||||
|
||||
/* Choix des mots-clefs */
|
||||
.choix_mots li { float: left; width: 30%; padding: 1%; }
|
||||
|
||||
/* Formulaire de login dans une page */
|
||||
.formulaire_login .editer {clear:left;}
|
||||
/*.formulaire_login input.text,.formulaire_login input.password {width:15em;}*/
|
||||
.formulaire_login .editer_password .details {margin-bottom:0;}
|
||||
.formulaire_login #spip_logo_auteur {float:right;}
|
||||
153
css/_menu_spip.scss
Normal file
153
css/_menu_spip.scss
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
/* Menu SPIP */
|
||||
|
||||
|
||||
/* cette variable permet de dire a quel breakpoint le burger est affiché ou caché */
|
||||
$burger: $large; // obsolete pour Knacss: on met le breakpoint a "large"
|
||||
|
||||
|
||||
#barnav {
|
||||
li {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
a, a:focus, a:hover,a:active {
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.on.active {
|
||||
background-color: #000;
|
||||
> a {
|
||||
color: #fff;
|
||||
padding: 0 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
img.spip_logo {
|
||||
vertical-align: bottom;
|
||||
margin: 0 2rem .5rem 0;
|
||||
height: 40px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
/* hamburger: Version mobile et tablette */
|
||||
/* @media (max-width: ($burger - 1)) { */
|
||||
@include respond-to("large") {
|
||||
button.burgermenu {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
right: 15px;
|
||||
//margin-right: 31px;
|
||||
}
|
||||
.is-opened .js-sous-menu {
|
||||
display: block;
|
||||
}
|
||||
#barnav {
|
||||
width: 100%;
|
||||
|
||||
li.menu-entree a {
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
nav > ul {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
right: -74px;
|
||||
top: 64px;
|
||||
}
|
||||
|
||||
/* habillage du bloc du menu à afficher sous-menu */
|
||||
ul.js-sous-menu {
|
||||
display: none;
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
background-color: $white;
|
||||
z-index: $zindex-modal;
|
||||
right: 0;
|
||||
a {
|
||||
@include font-size(h3);
|
||||
font-weight: $weight-medium;
|
||||
font-family: $font-family-headings;
|
||||
}
|
||||
}
|
||||
li.menu-entree {
|
||||
margin: 7px 0 5px 0;
|
||||
text-align: left;
|
||||
background-color: rgba(206, 206, 206, 1);
|
||||
i {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.contact_header {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* barrenav: Menu desktop */
|
||||
/*@media (min-width: $burger) { */
|
||||
@include respond-to("large-up") {
|
||||
.contact_barrenav {
|
||||
display: none;
|
||||
}
|
||||
.contact_header {
|
||||
display: block;
|
||||
}
|
||||
button.burgermenu {
|
||||
display: none;
|
||||
}
|
||||
ul.js-sous-menu {
|
||||
opacity: $opacite_header;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
> li.menu-entree {
|
||||
position: relative;
|
||||
list-style-type: none;
|
||||
> ul.menu-liste {
|
||||
left: -193px;
|
||||
padding: 10px 0 10px 185px;
|
||||
position: absolute;
|
||||
flex-direction: column;
|
||||
width: 932px;
|
||||
z-index: 599;
|
||||
}
|
||||
}
|
||||
a {
|
||||
@include font-size(h3);
|
||||
font-weight: $weight-medium;
|
||||
font-family: $font-family-headings;
|
||||
}
|
||||
i {
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* taille des caractères de la barre-nav pour passer en 5 items sur une largeur */
|
||||
ul.js-sous-menu a {
|
||||
@include respond-to("large-up") {
|
||||
font-size: 2rem;
|
||||
}
|
||||
@include respond-to("extra-large-up") {
|
||||
font-size: 2.4rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* navbar fixed lors du scroll de la page => recup gocryo, à adapter si besoin */
|
||||
#header.navbar-fixed-top {
|
||||
position: fixed;
|
||||
z-index: ($zindex-navigation + 1);
|
||||
width: 100%;
|
||||
//padding: 0;
|
||||
background-color: #fff;
|
||||
/* img.spip_logo {
|
||||
margin-top: 1rem;
|
||||
}*/
|
||||
}
|
||||
#barnav .fixed-top {
|
||||
position: fixed;
|
||||
z-index: ($zindex-navigation + 1);
|
||||
}
|
||||
|
||||
30
css/_polices.scss
Normal file
30
css/_polices.scss
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
/* les polices à charger en @font-face */
|
||||
|
||||
@font-face {
|
||||
font-family: 'Lato';
|
||||
src: url("../fonts/lato_regular.woff2?#iefix") format("woff2");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Bitter';
|
||||
src: url("../fonts/bitter.woff2?#iefix") format("woff2");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
/*
|
||||
@font-face {
|
||||
font-family: 'luxi_sansregular';
|
||||
src: url("../fonts/luxisr-webfont.woff?#iefix") format("woff");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Oswald';
|
||||
src: url('../fonts/oswald_regular.woff2?#iefix') format('woff2');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
*/
|
||||
907
css/_sq_champslibres.scss
Normal file
907
css/_sq_champslibres.scss
Normal file
|
|
@ -0,0 +1,907 @@
|
|||
/* tous les éléments CSS spécifiques du squelettes Champslibres */
|
||||
|
||||
/* utilitaires */
|
||||
.hidden, .hide, .invisible {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cursor {
|
||||
cursor: pointer;
|
||||
}
|
||||
.row_odd {
|
||||
background-color: $gray-400;
|
||||
}
|
||||
|
||||
|
||||
/* polices */
|
||||
* { font-family: Lato, sans-serif; }
|
||||
i.fas { font-family: fontawesome; font-style: normal; font-weight: 400; }
|
||||
h1, .h1, h2, .h2, h3, .h3, h4, .h4, legend,
|
||||
.h1-like, .h2-like, .h3-like, .h4-like { font-family: Bitter, sans-serif; }
|
||||
|
||||
|
||||
/* liens */
|
||||
a, a:hover { text-decoration: none; }
|
||||
a:hover { background-color: #e8e8e8; }
|
||||
|
||||
|
||||
#content {
|
||||
h1, h2, h3 {
|
||||
text-align: center;
|
||||
@include respond-to("large-up") {
|
||||
text-align: initial;
|
||||
}
|
||||
}
|
||||
}
|
||||
.container {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
fieldset {
|
||||
clear: none;
|
||||
margin-bottom: 2rem;
|
||||
border: solid 1px #BBB;
|
||||
padding: 1.5rem;
|
||||
background-color: #FCFCFC;
|
||||
> div { margin-bottom: 1.2rem;}
|
||||
}
|
||||
> div {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.parent_prev_next {
|
||||
display: flex;
|
||||
margin-bottom: 1.5rem;
|
||||
.fleche {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
&.gauche {
|
||||
padding-right: 1rem;
|
||||
}
|
||||
&.droite {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
}
|
||||
div.ajaxbloc {
|
||||
width: 100%;
|
||||
}
|
||||
h1 {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.encadre{
|
||||
padding: 1rem;
|
||||
border: solid 1px #BBB;
|
||||
}
|
||||
|
||||
/**********************************************************************/
|
||||
/************************* HEADER ******************************/
|
||||
/**********************************************************************/
|
||||
|
||||
#header {
|
||||
.fas {
|
||||
font-size: 3.1rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
.fa-times { color: red; }
|
||||
.btn_hamburger {
|
||||
align-items: end;
|
||||
}
|
||||
.hamburger {
|
||||
margin-left: auto;
|
||||
margin-top: auto;
|
||||
}
|
||||
.tt_plier {
|
||||
margin-top: auto;
|
||||
padding: 1rem;
|
||||
}
|
||||
.fas.plier {
|
||||
cursor: pointer;
|
||||
font-size: 1.2em;
|
||||
padding-right: 1.5rem;
|
||||
opacity: .5;
|
||||
}
|
||||
.btn_tags, .btn_mcs {
|
||||
margin-top: auto;
|
||||
}
|
||||
}
|
||||
|
||||
header {
|
||||
padding: 1.5rem 0 0 0;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
border-bottom: solid 3px;
|
||||
h1 {
|
||||
margin: 0;
|
||||
}
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#header-droite{
|
||||
flex-grow: 1;
|
||||
}
|
||||
#sous-titre_site{
|
||||
display: none;
|
||||
@include respond-to("large-up") {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
#btn_mc_tags {
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
margin-left: auto;
|
||||
> div { padding-left: 3rem; }
|
||||
}
|
||||
|
||||
|
||||
/* MENU PRINCIPAL */
|
||||
|
||||
|
||||
.burgermenu.nav-button {
|
||||
height: 1.9rem;
|
||||
i {
|
||||
height: 2.2rem;
|
||||
}
|
||||
@include respond-to("medium-up") {
|
||||
height: 3.6rem;
|
||||
top: 50px;
|
||||
padding-right: 1rem;
|
||||
i {
|
||||
width: 3.6rem;
|
||||
height: 2.6rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#barnav {
|
||||
padding: 2rem 0 0 0;
|
||||
margin-top: -1rem;
|
||||
ul.js-sous-menu {
|
||||
top: 50px;
|
||||
padding: 0 10px;
|
||||
justify-content: space-between;
|
||||
@include respond-to("medium-up") {
|
||||
top: 110px;
|
||||
}
|
||||
a {
|
||||
font-size: 1.9rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* BREADCRUMB */
|
||||
|
||||
.breadcrumb {
|
||||
margin-bottom: 1rem;
|
||||
ul {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
li {
|
||||
display: inline;
|
||||
opacity: $opacite_header;
|
||||
}
|
||||
@include respond-to("medium-up") {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
@include respond-to("medium-up") {
|
||||
img.spip_logo {
|
||||
vertical-align: bottom;
|
||||
margin: 0 2rem .5rem 0;
|
||||
height: 100px;
|
||||
}
|
||||
}
|
||||
.contact_header {
|
||||
align-self: end;
|
||||
margin-bottom: 9px;
|
||||
}
|
||||
|
||||
|
||||
/* menu des mots-clés */
|
||||
nav.navbar, nav.tagbar, nav.mcbar {
|
||||
float: right;
|
||||
.pardessus {
|
||||
position: absolute;
|
||||
z-index: 99;
|
||||
width: 100%;
|
||||
}
|
||||
.groupe_mots, .articles {
|
||||
background-color: $gray-200;
|
||||
display: block;
|
||||
border-top: .2rem solid #FFF;
|
||||
}
|
||||
.nom_groupe {
|
||||
padding: 1rem 1.5rem;
|
||||
cursor: pointer;
|
||||
font-size: 1.2em;
|
||||
display: block;
|
||||
}
|
||||
.nom_groupe:hover, .nuage a:hover {
|
||||
background-color: $gray-400;
|
||||
}
|
||||
.deplier_groupe_mots, .un_mot {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
ul.mots_groupe {
|
||||
margin-bottom: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
.mots_groupe li {
|
||||
background-color: $gray-300;
|
||||
display: block;
|
||||
list-style: none;
|
||||
border-top: .1rem solid $gray-100;
|
||||
padding-left: 4rem;
|
||||
}
|
||||
.mots_groupe li:hover {
|
||||
background-color: $gray-500;
|
||||
}
|
||||
.nuage a {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
}
|
||||
nav.navbar, nav.tagbar, nav.mcbar {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
nav.navbar.is-opened, nav.mcbar.is-opened, nav.tagbar.is-opened {
|
||||
margin-top: -2rem;
|
||||
/*transform: translate(0,0);
|
||||
transition: 0.3s transform;*/
|
||||
}
|
||||
nav.tagbar .nuage { padding: .5rem; }
|
||||
.zone_tags {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
@include respond-to("medium-up") {
|
||||
nav.navbar, nav.tagbar, nav.mcbar { width: 50%; }
|
||||
}
|
||||
@include respond-to("large-up") {
|
||||
nav.navbar, nav.tagbar, nav.mcbar { width: 35%; }
|
||||
}
|
||||
|
||||
/**********************************************************************/
|
||||
/**************************** PAGE ACCUEIL ****************************/
|
||||
/**********************************************************************/
|
||||
|
||||
.la_une {
|
||||
padding: 1rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.video_une {
|
||||
margin-bottom: 3rem;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
h3 a {
|
||||
display: block;
|
||||
padding-left: 2rem;
|
||||
}
|
||||
}
|
||||
.aside_une {
|
||||
width: 100%;
|
||||
padding: 0 0.5rem 1rem;
|
||||
p {
|
||||
text-align: justify;
|
||||
}
|
||||
@include respond-to("medium-up") {
|
||||
padding: 0 2rem 1rem;
|
||||
}
|
||||
}
|
||||
@include respond-to("extra-large-up") {
|
||||
flex-direction: row;
|
||||
.video_une {
|
||||
width: 855px;
|
||||
}
|
||||
.aside_une {
|
||||
width: calc(100% - 860px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#actualites{
|
||||
flex-grow: 1;
|
||||
margin-left: 2rem;
|
||||
}
|
||||
/* ne pas afficher le slider en mode téléphone
|
||||
.page_sommaire .video_une {
|
||||
display: none;
|
||||
@include respond-to("large-up") {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
*/
|
||||
.btn_une, .une_OK {
|
||||
display: none;
|
||||
@include respond-to("medium-up") {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.container_carte {
|
||||
margin: 0 2rem;
|
||||
@include respond-to("extra-large-up") {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.coordonnees_gps {
|
||||
font-size: 85%;
|
||||
@include respond-to("tiny-up") {
|
||||
font-size: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* le bronx pour les étiquettes en surimpression sur les photos de biens (blocs/articles) */
|
||||
.container_slider {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
.container_etiquette {
|
||||
position: absolute;
|
||||
}
|
||||
/* affichage article */
|
||||
.surimpression {
|
||||
font-size: 3rem;
|
||||
font-style: oblique;
|
||||
color: #FFF;
|
||||
background-color: #F00;
|
||||
position: relative;
|
||||
z-index: $zindex-navigation;
|
||||
/* transform: rotate(-45deg); */
|
||||
margin: 0;
|
||||
padding-right: .4rem;
|
||||
@include respond-to("tiny-up") {
|
||||
margin: 0;
|
||||
}
|
||||
@include respond-to("medium-up") {
|
||||
font-size: 4rem;
|
||||
margin: 0;
|
||||
padding: 0 1rem 0 .4rem;
|
||||
}
|
||||
}
|
||||
.petit .surimpression {
|
||||
font-size: 1.7rem;
|
||||
@include respond-to("tiny-up") {
|
||||
font-size: 2rem;
|
||||
}
|
||||
@include respond-to("medium-up") {
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
}
|
||||
/* affichage bloc */
|
||||
.une_video {
|
||||
.surimpression {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
.petit .surimpression {
|
||||
font-size: 1.5rem;
|
||||
padding: .5rem .8rem .5rem .4rem;
|
||||
@include respond-to("tiny-up") {
|
||||
font-size: 1.7rem;
|
||||
}
|
||||
@include respond-to("large-up") {
|
||||
font-size: 1.9rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
/* étiquette verte */
|
||||
.green, .vert {
|
||||
.surimpression {
|
||||
background-color: $green-500;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* page sommaire */
|
||||
.titre_sommaire {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
/* le binz pour avoir les blocs de types de biens avant la présentation en mode tel */
|
||||
.page_sommaire .content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.titre_sommaire {
|
||||
order: 1;
|
||||
}
|
||||
.la_une {
|
||||
order: 2;
|
||||
}
|
||||
.liste_des_rubriques {
|
||||
order: 3;
|
||||
}
|
||||
.container_carte {
|
||||
order: 4;
|
||||
}
|
||||
@include respond-to("medium-up") {
|
||||
display: initial;
|
||||
}
|
||||
}
|
||||
/* les bidouillages de owl carousel */
|
||||
.lien_carousel {
|
||||
@extend .btn--inverse;
|
||||
h3 {
|
||||
font-size: 1.3rem;
|
||||
@include respond-to("small-up") {
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
@include respond-to("medium-up") {
|
||||
@include font-size(h3);
|
||||
}
|
||||
/* display: none;*/
|
||||
}
|
||||
|
||||
/* display: block;*/
|
||||
}
|
||||
.la_une {
|
||||
#demo .owl-slide > .caption {
|
||||
left: initial;
|
||||
width: initial;
|
||||
}
|
||||
.owl-theme .owl-nav {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 5rem;
|
||||
line-height: 1;
|
||||
}
|
||||
.owl-theme .owl-dots {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin: -55px auto 1rem;
|
||||
margin-bottom: 1.2rem;
|
||||
width: calc(100% - 50px);
|
||||
@include respond-to("large-up") {
|
||||
margin: -70px auto 1rem;
|
||||
}
|
||||
}
|
||||
.owl-theme .owl-dots .owl-dot span {
|
||||
width: initial;
|
||||
height: initial;
|
||||
}
|
||||
.owl-theme .owl-dots .owl-dot {
|
||||
opacity: .5;
|
||||
}
|
||||
.owl-theme .owl-dots .owl-dot.active {
|
||||
opacity: 1;
|
||||
}
|
||||
.owl-theme .owl-nav.disabled, .owl-theme .owl-dots.disabled {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* spécifique page présentation d'un bien = page article */
|
||||
.page_article .la_une {
|
||||
h3 {
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
.mots .hashtag {
|
||||
font-size: 1.2rem;
|
||||
margin-right: .2rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* footer */
|
||||
.footer {
|
||||
margin-top:4rem;
|
||||
padding-top: 1rem;
|
||||
border-top:3px solid;
|
||||
padding-bottom: 2rem;
|
||||
margin-bottom:0;
|
||||
text-align: left;
|
||||
position:relative;
|
||||
/*.colophon { padding-right: 100px; }*/
|
||||
.nav li a, .colophon a {
|
||||
padding: 10px 15px;
|
||||
}
|
||||
.colophon .generator {
|
||||
max-width: 300px;
|
||||
}
|
||||
.lien_cc svg {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.nav { padding-left: 0; }
|
||||
.nav li { display: block; }
|
||||
.nav li:not(.generator) a { display: block; }
|
||||
|
||||
@include respond-to("small-up") {
|
||||
.nav li { display: inline-block !important; }
|
||||
.nav li:not(.generator) a { display: inline; }
|
||||
.nav li.separ { border: none; }
|
||||
.nav li.separ:not(:first-of-type)::before { content: " | "; }
|
||||
.generator { /*position: absolute; top: 1rem; right: 0; max-width: 200px;*/ float: right; }
|
||||
.nav li a .title { display: none; }
|
||||
}
|
||||
}
|
||||
|
||||
/* blocs biens */
|
||||
.liste_des_videos {
|
||||
margin: 1rem 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-around;
|
||||
.une_video {
|
||||
border: 1px solid #DDD;
|
||||
padding: 1rem;
|
||||
margin: 1rem 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
/*justify-content: space-between;*/
|
||||
width: 100%;
|
||||
.am_mots .tags {
|
||||
font-size: .8em;
|
||||
}
|
||||
.am_tags {
|
||||
line-height: 1.2rem;
|
||||
.tags {
|
||||
font-size: .6em;
|
||||
&.mrs {
|
||||
margin-right: .2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.h3-like {
|
||||
line-height: 1.1em;
|
||||
min-height: 5rem;
|
||||
margin: 1rem 0;
|
||||
}
|
||||
.une_ligne {
|
||||
height: 2.75rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.affmasq {
|
||||
font-size: 2rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.bloc_contenu {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
min-height: 100%;
|
||||
}
|
||||
@include respond-to("tiny-up") {
|
||||
margin: 1rem;
|
||||
}
|
||||
@include respond-to("medium-up") {
|
||||
.une_video {
|
||||
width: 345px;
|
||||
}
|
||||
}
|
||||
@include respond-to("large-up") {
|
||||
.une_video {
|
||||
width: 380px;
|
||||
}
|
||||
}
|
||||
|
||||
@include respond-to("extra-large-up") {
|
||||
justify-content: space-between;
|
||||
/* :last-of-type {
|
||||
margin-right: 0;
|
||||
}
|
||||
:first-of-type {
|
||||
margin-left: 0;
|
||||
}*/
|
||||
}
|
||||
.bloc_placeholder {
|
||||
display: none;
|
||||
@include respond-to("extra-large-up") {
|
||||
border: none;
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.photo_bien {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
min-height: 180px;
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
.ico_defaut {
|
||||
font-size: 160px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.placeholder {
|
||||
margin: 1rem auto;
|
||||
img {
|
||||
max-height: 320px;
|
||||
opacity: .1;
|
||||
}
|
||||
}
|
||||
|
||||
.liste_des_rubriques {
|
||||
display: flex;
|
||||
flex-wrap: wrap!important;
|
||||
.une_rub {
|
||||
padding: 1rem;
|
||||
a {
|
||||
min-height: 100%;
|
||||
h2 {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
.une_rub_contenu{
|
||||
padding: 1rem;
|
||||
border: 1px solid #DDD;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
a.etiquette_rubrique{
|
||||
position: absolute;
|
||||
min-height:0;
|
||||
top: -1.5rem;
|
||||
right: 1.5rem;
|
||||
padding: 0 0.5rem;
|
||||
text-align: right;
|
||||
background-color: #999;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.resume-article{
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
/* SOMMAIRE tous les bricolages pour la gestion responsive des blocs rubrique du sommaire */
|
||||
@include respond-to("small-up") {
|
||||
.une_rub { width: 250px; }
|
||||
.photo_bien{
|
||||
min-height: 157px;
|
||||
}
|
||||
}
|
||||
@include respond-to("medium-up") {
|
||||
.une_rub { width: 340px; }
|
||||
}
|
||||
@include respond-to("large-up") {
|
||||
// flex-wrap: nowrap;
|
||||
.une_rub { width: 340px; }
|
||||
}
|
||||
@include respond-to("extra-large-up") {
|
||||
//flex-wrap: nowrap;
|
||||
.une_rub { width: 300px; }
|
||||
.photo_bien{
|
||||
min-height: 157px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**********************************************************************/
|
||||
/*************************** PAGE RUBRIQUE ****************************/
|
||||
/**********************************************************************/
|
||||
|
||||
.rub_en-tete{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.rub_en-tete_titre{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 100;
|
||||
background-color:rgba(0, 0, 0, 0.5);
|
||||
color: white;;
|
||||
padding: 2rem;
|
||||
min-height: 100%;
|
||||
width: 30%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* blocs mots/ss-rubriques */
|
||||
.liste_des_mots {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-around;
|
||||
.un_mot {
|
||||
border: 1px solid #DDD;
|
||||
padding: 1rem;
|
||||
margin: 1rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
a {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100%;
|
||||
h2 {
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
/* tous les bricolages pour la gestion responsive des blocs rubrique du sommaire */
|
||||
@include respond-to("small-up") {
|
||||
.un_mot { width: 250px; }
|
||||
}
|
||||
@include respond-to("medium-up") {
|
||||
.un_mot { width: 340px; }
|
||||
}
|
||||
@include respond-to("large-up") {
|
||||
//flex-wrap: nowrap;
|
||||
.un_mot { width: 340px; }
|
||||
}
|
||||
@include respond-to("extra-large-up") {
|
||||
justify-content: space-between;
|
||||
//flex-wrap: nowrap;
|
||||
/* :first-of-type {
|
||||
margin-left: 0;
|
||||
}
|
||||
:last-of-type {
|
||||
margin-right: 0;
|
||||
}*/
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* tous formulaires */
|
||||
.boutons .submit {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
.btn.pull-right, .une_OK {
|
||||
margin-left: 2rem;
|
||||
}
|
||||
#editer_gis_oui_rechercher_geocodage{
|
||||
@extend .btn--inverse;
|
||||
}
|
||||
|
||||
/* formulaire de saisie d'un bien */
|
||||
.formulaire_editer_bien {
|
||||
clear: none;
|
||||
.resume textarea { min-height: 25rem; }
|
||||
.upload_vignette {
|
||||
label { display: block; }
|
||||
.ajaxbloc {
|
||||
clear: both;
|
||||
@include respond-to("large-up") {
|
||||
clear: initial;
|
||||
}
|
||||
}
|
||||
}
|
||||
.col_droite {
|
||||
float: right;
|
||||
width: 33%;
|
||||
clear: right;
|
||||
}
|
||||
.principal, .auteurs { width: 60%; }
|
||||
.formulaire_uploadhtml5 {
|
||||
margin-bottom: 0;
|
||||
float: left;
|
||||
width: 100%;
|
||||
.dropzone {
|
||||
min-height: 50px;
|
||||
.dz-message { margin: .5em 0; }
|
||||
}
|
||||
@include respond-to("large-up") {
|
||||
width: 25%;
|
||||
}
|
||||
}
|
||||
.photo_bien {
|
||||
justify-content: left;
|
||||
.une_photo {
|
||||
margin-right: 1rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-width: 320px;
|
||||
}
|
||||
.boutons_actions {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
background-color: $gray-200;
|
||||
a.btn_poubelle {
|
||||
color: $red-500;
|
||||
}
|
||||
i.green {
|
||||
color: $green-500;
|
||||
padding: .6rem 1.5rem;
|
||||
}
|
||||
a {
|
||||
margin: 0;
|
||||
}
|
||||
a:hover {
|
||||
background-color: $gray-100;
|
||||
}
|
||||
}
|
||||
}
|
||||
legend {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
.une_OK i.fas { color: green; }
|
||||
|
||||
/* formulaire de connexion / création de compte */
|
||||
#choix_connexion {
|
||||
fieldset {
|
||||
clear: none;
|
||||
margin-bottom: 2rem;
|
||||
border: solid 1px #BBB;
|
||||
padding: 1.5rem;
|
||||
background-color: #FCFCFC;
|
||||
> div { margin-bottom: 1.2rem;}
|
||||
}
|
||||
}
|
||||
@include respond-to("medium-up") {
|
||||
#choix_connexion { flex-wrap: nowrap; }
|
||||
}
|
||||
.bloc_connexion {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.creer_associer_compte {
|
||||
flex-grow: 2;
|
||||
}
|
||||
|
||||
/* spip_admin */
|
||||
div#spip-admin { display:none; }
|
||||
@include respond-to("small-up") {
|
||||
div#spip-admin { display: initial; }
|
||||
}
|
||||
|
||||
/* fleche go-top (dans header/dist.html */
|
||||
#go_top {
|
||||
position: fixed;
|
||||
bottom: 2%;
|
||||
right: 2%;
|
||||
font-size: 3em;
|
||||
opacity: .2;
|
||||
/*:hover {
|
||||
}*/
|
||||
}
|
||||
#go_top:hover {
|
||||
background-color: transparent;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* bloc aside pour les horaires d'ouverture dans la page contact */
|
||||
.composition_contact .la_une .aside_une {
|
||||
width: 100%;
|
||||
td {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
table {
|
||||
table-layout: initial;
|
||||
}
|
||||
@include respond-to("small-up") {
|
||||
width: calc(100% - 560px);
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* modele iframe vidéo responsive
|
||||
* cf http://blog.theodo.fr/2018/01/responsive-iframes-css-trick/
|
||||
*/
|
||||
.resp_container {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
padding-top: 56.25%;
|
||||
}
|
||||
.resp_iframe {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 0;
|
||||
}
|
||||
5
css/_utilitaires.scss
Normal file
5
css/_utilitaires.scss
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
/* __------__ CSS en commun (starter) __------__ */
|
||||
|
||||
|
||||
|
||||
/* --- Barre Nav --- */
|
||||
58
css/knacss/_config/_mixins.scss
Normal file
58
css/knacss/_config/_mixins.scss
Normal file
|
|
@ -0,0 +1,58 @@
|
|||
// font-size Mixin
|
||||
// compiles to font-size mobile + font-size desktop on small-plus devices
|
||||
// ex. h2 { @include font-size(h2);}
|
||||
@mixin font-size($elem) {
|
||||
$q: map-get($font-sizes, $elem);
|
||||
$mob: map-get($q, "mobile");
|
||||
$desk: map-get($q, "desktop");
|
||||
font-size: $mob;
|
||||
@include respond-to("small-up") {
|
||||
font-size: $desk;
|
||||
}
|
||||
}
|
||||
|
||||
// Grid Mixin
|
||||
// arguments are : columns number, gutter, min-breakpoint
|
||||
// ex. .ingrid { @include grid(4, 1rem, 640px); }
|
||||
@mixin grid($number:1, $gutter:0, $breakpoint:0) {
|
||||
@supports (display: grid) {
|
||||
@media (min-width: $breakpoint) {
|
||||
display: grid;
|
||||
grid-template-columns: repeat($number, 1fr);
|
||||
grid-gap: $gutter;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Additionnal "utility" breakpoints aliases
|
||||
// ex. @include respond-to("medium-up") {...}
|
||||
$bp-aliases: (
|
||||
'tiny' : (max-width: #{$tiny - 1}),
|
||||
'small' : (max-width: #{$small - 1}),
|
||||
'medium' : (max-width: #{$medium - 1}),
|
||||
'large' : (max-width: #{$large - 1}),
|
||||
'extra-large' : (max-width: #{$extra-large - 1}),
|
||||
'tiny-up' : (min-width: #{$tiny}),
|
||||
'small-up' : (min-width: #{$small}),
|
||||
'medium-up' : (min-width: #{$medium}),
|
||||
'large-up' : (min-width: #{$large}),
|
||||
'extra-large-up' : (min-width: #{$extra-large}),
|
||||
'retina' : (min-resolution: 2dppx)
|
||||
);
|
||||
|
||||
// Source : https://www.sitepoint.com/managing-responsive-breakpoints-sass/
|
||||
@mixin respond-to($name) {
|
||||
// If the key exists in the map
|
||||
@if map-has-key($bp-aliases, $name) {
|
||||
// Prints a media query based on the value
|
||||
@media #{inspect(map-get($bp-aliases, $name))} {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
// If the key doesn't exist in the map
|
||||
@else {
|
||||
@warn "Unfortunately, no value could be retrieved from `#{$breakpoint}`. "
|
||||
+ "Please make sure it is defined in `$breakpoints` map.";
|
||||
}
|
||||
}
|
||||
228
css/knacss/_config/_variables.scss
Normal file
228
css/knacss/_config/_variables.scss
Normal file
|
|
@ -0,0 +1,228 @@
|
|||
// Config file and project variables
|
||||
|
||||
// ----------------
|
||||
// Breakpoints zone
|
||||
// ----------------
|
||||
|
||||
// Warning: you should use your own values, regardless of the devices
|
||||
// Best practice is Mobile First: (min-width: $breakpoint)
|
||||
$tiny : 480px !default; // or 'em' if you prefer, of course
|
||||
$small : 576px !default;
|
||||
$medium : 768px !default;
|
||||
$large : 992px !default;
|
||||
$extra-large : 1200px !default;
|
||||
|
||||
// ----------
|
||||
// Fonts zone
|
||||
// ----------
|
||||
|
||||
// Font families
|
||||
$font-family-base : -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !default; // system font stack
|
||||
$font-family-headings : sans-serif !default; // font for h1, h2.. h6
|
||||
$font-family-monospace : consolas, courier, monospace !default; // font for code and samples
|
||||
|
||||
// Font sizes (1.6rem value is "16px" equivalent)
|
||||
$font-size-base : 1.6rem !default;
|
||||
|
||||
$font-sizes: (
|
||||
base: (
|
||||
mobile : 1.4rem,
|
||||
desktop : $font-size-base
|
||||
),
|
||||
h1: (
|
||||
mobile : 2.8rem,
|
||||
desktop : 3.2rem
|
||||
),
|
||||
h2: (
|
||||
mobile : 2.4rem,
|
||||
desktop : 2.8rem
|
||||
),
|
||||
h3: (
|
||||
mobile : 2.0rem,
|
||||
desktop : 2.4rem
|
||||
),
|
||||
h4: (
|
||||
mobile : 1.8rem,
|
||||
desktop : 2.0rem
|
||||
),
|
||||
h5: (
|
||||
mobile : 1.6rem,
|
||||
desktop : 1.8rem
|
||||
),
|
||||
h6: (
|
||||
mobile : 1.4rem,
|
||||
desktop : 1.6rem
|
||||
)
|
||||
) !default;
|
||||
|
||||
// Line heights
|
||||
$line-height-s : 1.3 !default;
|
||||
$line-height-base : 1.5 !default;
|
||||
$line-height-l : 1.7 !default;
|
||||
|
||||
// Default margin-bottom
|
||||
$margin-bottom-base : 1rem !default;
|
||||
$headings-margin-bottom : $margin-bottom-base /2 !default;
|
||||
$paragraph-margin-bottom: $margin-bottom-base !default;
|
||||
|
||||
// Font weights
|
||||
$weight-light : 200 !default;
|
||||
$weight-book : 300 !default;
|
||||
$weight-regular : 400 !default;
|
||||
$weight-medium : 500 !default;
|
||||
$weight-bold : 700 !default;
|
||||
|
||||
// Activate hyphenation on small screens
|
||||
$hyphens: false !default;
|
||||
|
||||
// ------------
|
||||
// Spacing zone
|
||||
// ------------
|
||||
|
||||
// Number of grid-columns
|
||||
$cols: 12 !default;
|
||||
|
||||
// Gutter
|
||||
$gutter: null;
|
||||
|
||||
// Grid gutters (for .has-gutter-* classes)
|
||||
$grid-gutters: (
|
||||
'': 1rem,
|
||||
'-l': 2rem,
|
||||
'-xl': 4rem
|
||||
) !default;
|
||||
|
||||
// Spacings
|
||||
$spacer-tiny : .5rem !default;
|
||||
$spacer-tiny-plus : .7rem !default;
|
||||
$spacer-small : 1rem !default;
|
||||
$spacer-small-plus : 1.5rem !default;
|
||||
$spacer-medium : 2rem !default;
|
||||
$spacer-medium-plus : 3rem !default;
|
||||
$spacer-large : 4rem !default;
|
||||
$spacer-large-plus : 6rem !default;
|
||||
$spacer-extra-large : 8rem !default;
|
||||
$spacer-extra-large-plus : 12rem !default;
|
||||
$spacer-ultra-large : 16rem !default;
|
||||
$spacer-ultra-large-plus : 20rem !default;
|
||||
|
||||
// z-indexes
|
||||
$zindex-navigation : 1000 !default;
|
||||
$zindex-dropdown : 2000 !default;
|
||||
$zindex-popover : 3000 !default;
|
||||
$zindex-tooltip : 4000 !default;
|
||||
$zindex-modal : 5000 !default;
|
||||
$zindex-notification : 6000 !default;
|
||||
$zindex-debug : 7000 !default;
|
||||
|
||||
// ----------
|
||||
// Color zone
|
||||
// ----------
|
||||
|
||||
// Color names
|
||||
$white : #fff !default;
|
||||
$gray-100 : #f8f9fa !default;
|
||||
$gray-200 : #e7e9ed !default;
|
||||
$gray-300 : #dee2e6 !default;
|
||||
$gray-400 : #ced4da !default;
|
||||
$gray-500 : #acb3c2 !default;
|
||||
$gray-600 : #727e96 !default;
|
||||
$gray-700 : #454d5d !default;
|
||||
$gray-800 : #333 !default;
|
||||
$gray-900 : #212529 !default;
|
||||
$black : #000 !default;
|
||||
|
||||
$blue-300 : #5BC0DE !default;
|
||||
$blue-500 : #0275D8 !default;
|
||||
$green-500 : #5CB85C !default;
|
||||
$orange-500 : #F0AD4E !default;
|
||||
$red-500 : #D9534F !default;
|
||||
|
||||
// Semantic colors
|
||||
$color-brand : $green-500 !default;
|
||||
$color-primary : $blue-500 !default;
|
||||
$color-success : $green-500 !default;
|
||||
$color-info : $blue-300 !default;
|
||||
$color-warning : $orange-500 !default;
|
||||
$color-danger : $red-500 !default;
|
||||
$color-inverse : $gray-800 !default;
|
||||
$color-ghost : transparent !default;
|
||||
$color-muted : $gray-200 !default;
|
||||
|
||||
$color-base : $gray-900 !default;
|
||||
$background-base : $white !default;
|
||||
|
||||
$forms-color : $gray-800 !default;
|
||||
|
||||
// ---------------
|
||||
// Components zone
|
||||
// ---------------
|
||||
|
||||
// Component: links
|
||||
$link-color : $gray-800 !default;
|
||||
$link-color-hover : darken($link-color, 15%) !default;
|
||||
$link-decoration : underline !default;
|
||||
$link-decoration-hover : underline !default;
|
||||
|
||||
// Global border-radius
|
||||
$border-radius: 0 !default;
|
||||
|
||||
// Component: quotes
|
||||
$quote-color : $gray-200 !default;
|
||||
|
||||
// Component: arrows
|
||||
$arrow-color : $black !default;
|
||||
|
||||
// Components: checkboxes, radios, switches
|
||||
$checkbox-color: $white !default;
|
||||
$checkbox-background: $gray-800 !default;
|
||||
$checkbox-size: 2rem !default;
|
||||
$checkbox-border-radius: 4px !default;
|
||||
$radio-color: $gray-800 !default;
|
||||
$radio-background: $white !default;
|
||||
$switch-color: $white !default;
|
||||
$switch-background: $gray-800 !default;
|
||||
$switch-size: 2rem !default;
|
||||
$switch-border-radius: 3em !default;
|
||||
|
||||
// Component: tables
|
||||
$table-border : $gray-500 !default;
|
||||
$table-caption-color : $gray-800 !default;
|
||||
$table-background : transparent !default;
|
||||
$table-head-color : $color-base !default;
|
||||
$table-head-background : transparent !default;
|
||||
$table-footer-color : $color-base !default;
|
||||
$table-footer-background : transparent !default;
|
||||
|
||||
// Components: buttons, badges, alerts color variants list
|
||||
// Convention is: name - background-color - color - border
|
||||
$variants-list: (
|
||||
(primary, $color-primary, $white, none),
|
||||
(success, $color-success, $white, none),
|
||||
(info, $color-info, $black, none),
|
||||
(warning, $color-warning, $black, none),
|
||||
(danger, $color-danger, $white, none),
|
||||
(inverse, $color-inverse, $white, none),
|
||||
(ghost, $color-ghost, $white, 0 0 0 1px $white inset)
|
||||
) !default;
|
||||
|
||||
// Component: tabs
|
||||
$tabs-border : $gray-200 !default;
|
||||
$tabs-active-border : $gray-800 !default;
|
||||
$tabs-color : $color-base !default;
|
||||
$tabs-active-color : $gray-800 !default;
|
||||
$tabs-background : transparent !default;
|
||||
$tabs-active-background : transparent !default;
|
||||
$tabs-border-radius : 0 !default;
|
||||
|
||||
// Component: nav burger button
|
||||
$burger-color : $gray-800 !default;
|
||||
$burger-background : transparent !default;
|
||||
$burger-hover-background : transparent !default;
|
||||
$burger-size : 2.6rem !default;
|
||||
$burger-weight : 5px !default; // size of stripes
|
||||
$burger-padding : 0 !default;
|
||||
|
||||
// personnalisations pour sq_immomardi
|
||||
$opacite_header : 0.6;
|
||||
$header-height:205px;
|
||||
64
css/knacss/_knacss.scss
Normal file
64
css/knacss/_knacss.scss
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
/*!
|
||||
* www.KNACSS.com v7.1.2 (january, 30 2019) @author: Alsacreations, Raphael Goetter
|
||||
* Licence WTFPL http://www.wtfpl.net/
|
||||
*/
|
||||
|
||||
/* ----------------------------- */
|
||||
/* ==Table Of Content */
|
||||
/* ----------------------------- */
|
||||
|
||||
/*
|
||||
1- Reboot (basic reset)
|
||||
2- Libraries :
|
||||
- Base
|
||||
- Print
|
||||
- Layout (alignment, modules, positionning)
|
||||
- Utilities (width and spacers helpers)
|
||||
- Responsive helpers
|
||||
- WordPress reset (disabled by default)
|
||||
- Grillade (Grid System)
|
||||
3- Components :
|
||||
- Media object
|
||||
- Skip Links for accessibility
|
||||
- Tables
|
||||
- Forms
|
||||
- Buttons
|
||||
- Checkbox
|
||||
- Tabs
|
||||
- Tags
|
||||
- Badges
|
||||
- Alerts
|
||||
*/
|
||||
|
||||
@import "_vendor/reboot"; // Bootstrap reboot (basic reset) (CSS file renamed and imported as if it was a partial because of libsass)
|
||||
|
||||
// WARNING : you should comment the following @import (variables)
|
||||
// and move variables file from knacss folder to your own project folder!
|
||||
@import "_config/variables";
|
||||
|
||||
@import "_config/mixins";
|
||||
|
||||
// Core Libraries
|
||||
@import "_library/base"; // basic styles
|
||||
@import "_library/print"; // print quick reset
|
||||
@import "_library/layout"; // alignment, modules, positionning
|
||||
@import "_library/utilities"; // width and spacer helpers
|
||||
@import "_library/responsive"; // Responsive Web Design helpers
|
||||
// @import "_library/wordpress"; // WordPress reset and basic styles
|
||||
|
||||
// New Grid System by default (Grid Layout). If you prefer old "Flexbox" Grid System, replace file with "_library/grillade-flex"
|
||||
// Note that none of these files are prefixed by an underscore, in order to compile them.
|
||||
@import "_library/grillade-grid"; // grid system with Grid Layout
|
||||
|
||||
// Components
|
||||
@import "components/media"; // media object
|
||||
@import "components/skip-links"; // skip links
|
||||
@import "components/tables"; // data tables consistency
|
||||
@import "components/forms"; // forms consistency and styles
|
||||
@import "components/buttons"; // buttons styles
|
||||
@import "components/checkbox"; // checkbox, radio, switch styles
|
||||
@import "components/tabs"; // tabs styles
|
||||
@import "components/arrows"; // arrows styles
|
||||
@import "components/tags"; // tags styles
|
||||
@import "components/badges"; // badges styles
|
||||
@import "components/alerts"; // alerts styles
|
||||
274
css/knacss/_library/_base.scss
Normal file
274
css/knacss/_library/_base.scss
Normal file
|
|
@ -0,0 +1,274 @@
|
|||
/* ----------------------------- */
|
||||
/* ==Base (basic styles) */
|
||||
/* ----------------------------- */
|
||||
|
||||
/* disable animations styles when reduced rotion is enabled */
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
* {
|
||||
animation: none !important;
|
||||
transition: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* switching to border-box model for all elements */
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: inherit;
|
||||
/* avoid min-width: auto on flex and grid children */
|
||||
min-width: 0;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
/* set base font-size to equiv "10px", which is adapted to rem unit */
|
||||
font-size: 62.5%;
|
||||
/* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
|
||||
font-size: calc(1em * 0.625);
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
@include font-size(base);
|
||||
background-color: $background-base;
|
||||
color: $color-base;
|
||||
font-family: $font-family-base;
|
||||
line-height: $line-height-base;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: $link-color;
|
||||
text-decoration: $link-decoration;
|
||||
|
||||
&:focus,
|
||||
&:hover,
|
||||
&:active {
|
||||
color: $link-color-hover;
|
||||
text-decoration: $link-decoration-hover;
|
||||
}
|
||||
}
|
||||
|
||||
/* Headings */
|
||||
h1, .h1-like {
|
||||
@include font-size(h1);
|
||||
@if variable_exists(font-family-headings) and $font-family-headings != $font-family-base{
|
||||
font-family: $font-family-headings;
|
||||
}
|
||||
font-weight: $weight-medium;
|
||||
}
|
||||
|
||||
h2, .h2-like {
|
||||
@include font-size(h2);
|
||||
@if variable_exists(font-family-headings) and $font-family-headings != $font-family-base{
|
||||
font-family: $font-family-headings;
|
||||
}
|
||||
font-weight: $weight-medium;
|
||||
}
|
||||
|
||||
h3, .h3-like {
|
||||
@include font-size(h3);
|
||||
font-weight: $weight-medium;
|
||||
}
|
||||
|
||||
h4, .h4-like {
|
||||
@include font-size(h4);
|
||||
font-weight: $weight-medium;
|
||||
}
|
||||
|
||||
h5, .h5-like {
|
||||
@include font-size(h5);
|
||||
font-weight: $weight-medium;
|
||||
}
|
||||
|
||||
h6, .h6-like {
|
||||
@include font-size(h6);
|
||||
font-weight: $weight-medium;
|
||||
}
|
||||
|
||||
/* Vertical rythm */
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
dd {
|
||||
margin-top: 0;
|
||||
margin-bottom: $headings-margin-bottom;
|
||||
}
|
||||
|
||||
p,
|
||||
address,
|
||||
ol,
|
||||
ul,
|
||||
dl,
|
||||
blockquote,
|
||||
pre {
|
||||
margin-top: 0;
|
||||
margin-bottom: $paragraph-margin-bottom;
|
||||
}
|
||||
|
||||
/* Avoid margins on nested elements */
|
||||
li p,
|
||||
li .p-like,
|
||||
li ul,
|
||||
li ol,
|
||||
ol ol,
|
||||
ul ul {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* Max values */
|
||||
img,
|
||||
table,
|
||||
td,
|
||||
blockquote,
|
||||
code,
|
||||
pre,
|
||||
textarea,
|
||||
input,
|
||||
video,
|
||||
svg {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
img {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/* Styling elements */
|
||||
ul,
|
||||
ol {
|
||||
padding-left: 2em;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
em,
|
||||
.italic,
|
||||
address,
|
||||
cite,
|
||||
i,
|
||||
var {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
code,
|
||||
kbd,
|
||||
mark {
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
kbd {
|
||||
padding: 0 2px;
|
||||
border: 1px solid #999;
|
||||
}
|
||||
|
||||
pre {
|
||||
tab-size: 2;
|
||||
}
|
||||
|
||||
code {
|
||||
padding: 2px 4px;
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
color: #b11;
|
||||
}
|
||||
|
||||
pre code {
|
||||
padding: 0;
|
||||
background: none;
|
||||
color: inherit;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
mark {
|
||||
padding: 2px 4px;
|
||||
}
|
||||
|
||||
sup,
|
||||
sub {
|
||||
vertical-align: 0;
|
||||
}
|
||||
|
||||
sup {
|
||||
bottom: 1ex;
|
||||
}
|
||||
|
||||
sub {
|
||||
top: 0.5ex;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
position: relative;
|
||||
padding-left: 3em;
|
||||
min-height: 2em;
|
||||
}
|
||||
|
||||
blockquote::before {
|
||||
content: "\201C";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
font-family: georgia, serif;
|
||||
font-size: 5em;
|
||||
height: .4em;
|
||||
line-height: .9;
|
||||
color: $quote-color;
|
||||
}
|
||||
|
||||
blockquote > footer {
|
||||
margin-top: .75em;
|
||||
font-size: 0.9em;
|
||||
color: rgba(0, 0, 0, .7);
|
||||
|
||||
&::before {
|
||||
content: "\2014 \0020";
|
||||
}
|
||||
}
|
||||
|
||||
q {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
q,
|
||||
.q {
|
||||
quotes: "“" "”" "‘" "’";
|
||||
|
||||
&:lang(fr) {
|
||||
quotes: "«\00a0" "\00a0»" "“" "”";
|
||||
}
|
||||
}
|
||||
|
||||
hr {
|
||||
display: block;
|
||||
clear: both;
|
||||
height: 1px;
|
||||
margin: 1em 0 2em;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
color: #ccc;
|
||||
background-color: #ccc;
|
||||
}
|
||||
|
||||
blockquote,
|
||||
figure {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
code,
|
||||
pre,
|
||||
samp,
|
||||
kbd {
|
||||
white-space: pre-wrap;
|
||||
font-family: $font-family-monospace;
|
||||
line-height: normal;
|
||||
}
|
||||
146
css/knacss/_library/_grillade-flex.scss
Normal file
146
css/knacss/_library/_grillade-flex.scss
Normal file
|
|
@ -0,0 +1,146 @@
|
|||
/* ---------------------------------- */
|
||||
/* ==Grillade v6 */
|
||||
/* ---------------------------------- */
|
||||
/* IMPORTANT : this is the KNACSS v6 old Grid System based on Flexbox */
|
||||
/* You only need it for projects on older browsers (IE11-) */
|
||||
|
||||
// Responsive breakpoints variables
|
||||
|
||||
// Warning : you should use your own values, regardless of the devices
|
||||
// Best practice : (max-width: ($BP - 1)) and (min-width: $BP)
|
||||
|
||||
$tiny: 480px !default; // or 'em' if you prefer, of course
|
||||
$small: 576px !default;
|
||||
$medium: 768px !default;
|
||||
$large: 992px !default;
|
||||
$extra-large: 1200px !default;
|
||||
$cols: 12 !default;
|
||||
|
||||
// gutter values for grid layouts. Unit can be: %, px, em, rem
|
||||
$grid-gutters: ( '': 1rem, '-l': 2rem, '-xl': 4rem );
|
||||
// IEfixing, see
|
||||
// https://github.com/alsacreations/KNACSS/issues/133;
|
||||
$iefix: 0.01px;
|
||||
@media (min-width: $small) {
|
||||
[class*=" grid-"],
|
||||
[class^="grid-"] {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
|
||||
& > * {
|
||||
box-sizing: border-box;
|
||||
min-width: 0;
|
||||
min-height: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
// Multi-line grid constructor
|
||||
// example : .grid-perso { @include grid(12, 3rem); }
|
||||
@mixin grid($grid-number: 1, $own-gutter: 0) {
|
||||
& > * {
|
||||
width: calc(100% / #{$grid-number} - #{$iefix});
|
||||
}
|
||||
@each $affix, $size in $grid-gutters {
|
||||
&.has-gutter#{$affix} {
|
||||
margin-right: -$size / 2;
|
||||
margin-left: -$size / 2;
|
||||
|
||||
& > * {
|
||||
width: calc(100% / #{$grid-number} - #{$size} - #{$iefix});
|
||||
margin-right: $size / 2;
|
||||
margin-left: $size / 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
@if ($own-gutter != 0) {
|
||||
margin-right: -$own-gutter / 2;
|
||||
margin-left: -$own-gutter / 2;
|
||||
|
||||
& > * {
|
||||
width: calc(100% / #{$grid-number} - #{$own-gutter} - #{$iefix});
|
||||
margin-right: $own-gutter / 2;
|
||||
margin-left: $own-gutter / 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
// Mono-line grid constructor (.grid)
|
||||
@media (min-width: $small) {
|
||||
.grid,
|
||||
.grid--reverse {
|
||||
display: flex;
|
||||
|
||||
& > * {
|
||||
flex: 1 1 0%;
|
||||
box-sizing: border-box;
|
||||
min-width: 0;
|
||||
min-height: 0;
|
||||
}
|
||||
@each $affix, $size in $grid-gutters {
|
||||
&.has-gutter#{$affix} > * + * {
|
||||
margin-left: calc(#{$size} - #{$iefix});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// Constructing grids : will be compiled in CSS
|
||||
@media (min-width: $small) {
|
||||
@for $i from 2 through $cols {
|
||||
[class*="grid-#{$i}"] {
|
||||
@include grid(#{$i}, 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Grid offsets
|
||||
.push {
|
||||
margin-left: auto !important;
|
||||
}
|
||||
|
||||
.pull {
|
||||
margin-right: auto !important;
|
||||
}
|
||||
|
||||
// Grid order
|
||||
.item-first {
|
||||
order: -1;
|
||||
}
|
||||
|
||||
.item-last {
|
||||
order: 1;
|
||||
}
|
||||
|
||||
[class*="grid-"][class*="--reverse"] {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
// sizing individual children
|
||||
@media (min-width: $small) {
|
||||
@each $flow, $divider in ("full" "1"), ("one-half" "2"), ("one-third" "3"), ("one-quarter" "4"), ("one-fifth" "5"), ("one-sixth" "6"), ("two-thirds" "3 * 2"), ("three-quarters" "4 * 3"), ("five-sixths" "6 * 5") {
|
||||
.#{$flow} {
|
||||
flex: 0 0 auto;
|
||||
width: calc(100% / #{$divider} - #{$iefix});
|
||||
}
|
||||
@each $affix, $size in $grid-gutters {
|
||||
.has-gutter#{$affix} > .#{$flow} {
|
||||
width: calc(100% / #{$divider} - #{$size} - #{$iefix});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/* Responsive Small Breakpoint */
|
||||
// -small-X suffix means "X columns on small-medium screen"
|
||||
// example : .grid-4-small-2 will be 1 column (tiny and down) then 2 columns (until medium) then 4 columns
|
||||
@media (min-width: $small) and (max-width: ($medium - 1)) {
|
||||
@for $i from 1 through 4 {
|
||||
[class*="-small-#{$i}"] {
|
||||
& > * {
|
||||
width: calc(100% / #{$i} - #{$iefix});
|
||||
}
|
||||
@each $affix, $size in $grid-gutters {
|
||||
&.has-gutter#{$affix} > * {
|
||||
width: calc(100% / #{$i} - #{$size} - #{$iefix});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
118
css/knacss/_library/_grillade-grid.scss
Normal file
118
css/knacss/_library/_grillade-grid.scss
Normal file
|
|
@ -0,0 +1,118 @@
|
|||
/* --------------------------------------- */
|
||||
/* ==Grillade : ultra light Grid System */
|
||||
/* --------------------------------------- */
|
||||
// WARNING: THIS IS NOT A COMPLETE GRID FRAMEWORK, just ultra light Grid System
|
||||
// if you need complex Grid :
|
||||
// 1- use vanilla CSS Grid Layout spec (perfect for you)
|
||||
// 2- use Bootstrap (good luck)
|
||||
|
||||
// use these variables only for a standalone Grillade
|
||||
// in KNACSS, you shall modify variables file instead
|
||||
$tiny: 480px !default;
|
||||
$medium: 768px !default;
|
||||
$cols: 12 !default;
|
||||
|
||||
// classic Grid
|
||||
[class*=" grid-"],
|
||||
[class^="grid-"] {
|
||||
@media (min-width: $tiny) {
|
||||
display: grid;
|
||||
grid-auto-flow: dense;
|
||||
|
||||
// gutters
|
||||
@if variable_exists(grid-gutters) {
|
||||
$gutter: $grid-gutters !global;
|
||||
}
|
||||
@else {
|
||||
$gutter: ( '': 1rem, '-l': 2rem, '-xl': 4rem ) !global;
|
||||
}
|
||||
@each $affix, $size in $gutter {
|
||||
&.has-gutter#{$affix} {
|
||||
grid-gap: $size;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// autogrid
|
||||
.autogrid,
|
||||
.grid {
|
||||
@media (min-width: $tiny) {
|
||||
display: grid;
|
||||
grid-auto-flow: column;
|
||||
grid-auto-columns: 1fr;
|
||||
|
||||
// gutters
|
||||
@if variable_exists(grid-gutters) {
|
||||
$gutter: $grid-gutters !global;
|
||||
|
||||
} @else {
|
||||
$gutter: ( '': 1rem, '-l': 2rem, '-xl': 4rem ) !global;
|
||||
}
|
||||
@each $affix, $size in $gutter {
|
||||
&.has-gutter#{$affix} {
|
||||
grid-column-gap: $size;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// grid constructor (.grid-2 to .grid-$cols)
|
||||
@for $i from 2 through $cols {
|
||||
[class*="grid-#{$i}"] {
|
||||
grid-template-columns: repeat(#{$i}, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
// grid items constructor (.col-1 to .col-$cols, .row-1 to .row-$cols)
|
||||
@for $i from 1 through $cols {
|
||||
[class*="col-#{$i}"] {
|
||||
grid-column: auto / span #{$i};
|
||||
}
|
||||
|
||||
[class*="row-#{$i}"] {
|
||||
grid-row: auto / span #{$i};
|
||||
}
|
||||
}
|
||||
|
||||
/* intermediate breakpoints */
|
||||
// -small-X suffix means "X columns when < medium screen"
|
||||
// example : .grid-4-small-2 will be 1 column (< tiny) then 2 columns (< medium) then 4 columns
|
||||
@media (min-width: $tiny) and (max-width: ($medium - 1)) {
|
||||
@for $i from 1 through 4{
|
||||
[class*="grid-"][class*="-small-#{$i}"] {
|
||||
grid-template-columns: repeat(#{$i}, 1fr);
|
||||
}
|
||||
|
||||
[class*="col-"][class*="-small-#{$i}"] {
|
||||
grid-column: auto / span #{$i};
|
||||
}
|
||||
}
|
||||
|
||||
[class*="-small-all"] {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
}
|
||||
|
||||
// grid order
|
||||
.item-first {
|
||||
order: -1;
|
||||
}
|
||||
|
||||
.item-last {
|
||||
order: 1;
|
||||
}
|
||||
|
||||
// grid offset
|
||||
.grid-offset {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
// spanning all columns or rows
|
||||
.col-all {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
.row-all {
|
||||
grid-row: 1 / -1;
|
||||
}
|
||||
65
css/knacss/_library/_layout.scss
Normal file
65
css/knacss/_library/_layout.scss
Normal file
|
|
@ -0,0 +1,65 @@
|
|||
/* ----------------------------- */
|
||||
/* ==Global Micro Layout */
|
||||
/* ----------------------------- */
|
||||
|
||||
/* Flexbox layout is KNACSS choice
|
||||
http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
|
||||
*/
|
||||
|
||||
.flex-container,
|
||||
.d-flex {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.flex-container--row,
|
||||
.flex-row {
|
||||
@extend .flex-container;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.flex-container--column,
|
||||
.flex-column {
|
||||
@extend .flex-container;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.flex-container--row-reverse,
|
||||
.flex-row-reverse {
|
||||
@extend .flex-container;
|
||||
flex-direction: row-reverse;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.flex-container--column-reverse,
|
||||
.flex-column-reverse {
|
||||
@extend .flex-container;
|
||||
flex-direction: column-reverse;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.flex-item-fluid,
|
||||
.item-fluid {
|
||||
flex: 1 1 0%;
|
||||
}
|
||||
|
||||
.flex-item-first,
|
||||
.item-first {
|
||||
order: -1;
|
||||
}
|
||||
|
||||
.flex-item-medium,
|
||||
.item-medium {
|
||||
order: 0;
|
||||
}
|
||||
|
||||
.flex-item-last,
|
||||
.item-last {
|
||||
order: 1;
|
||||
}
|
||||
|
||||
.flex-item-center,
|
||||
.item-center,
|
||||
.mr-auto {
|
||||
margin: auto;
|
||||
}
|
||||
98
css/knacss/_library/_print.scss
Normal file
98
css/knacss/_library/_print.scss
Normal file
|
|
@ -0,0 +1,98 @@
|
|||
/* ----------------------------- */
|
||||
/* ==Print (quick print reset) */
|
||||
/* ----------------------------- */
|
||||
|
||||
@media print {
|
||||
* {
|
||||
background: transparent !important;
|
||||
box-shadow: none !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
|
||||
body {
|
||||
width: auto;
|
||||
margin: auto;
|
||||
font-family: serif;
|
||||
font-size: 12pt;
|
||||
}
|
||||
|
||||
p,
|
||||
.p-like,
|
||||
h1,
|
||||
.h1-like,
|
||||
h2,
|
||||
.h2-like,
|
||||
h3,
|
||||
.h3-like,
|
||||
h4,
|
||||
.h4-like,
|
||||
h5,
|
||||
.h5-like,
|
||||
h6,
|
||||
.h6-like,
|
||||
blockquote,
|
||||
label,
|
||||
ul,
|
||||
ol {
|
||||
color: #000;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.print {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.no-print {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* no orphans, no widows */
|
||||
p,
|
||||
.p-like,
|
||||
blockquote {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
|
||||
/* no breaks inside these elements */
|
||||
blockquote,
|
||||
ul,
|
||||
ol {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
/* page break before main headers
|
||||
h1,
|
||||
.h1-like {
|
||||
page-break-before: always;
|
||||
}
|
||||
*/
|
||||
|
||||
/* no breaks after these elements */
|
||||
h1,
|
||||
.h1-like,
|
||||
h2,
|
||||
.h2-like,
|
||||
h3,
|
||||
.h3-like,
|
||||
caption {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/* displaying URLs
|
||||
a[href]::after {
|
||||
content: " (" attr(href) ")";
|
||||
}
|
||||
*/
|
||||
|
||||
a[href^="javascript:"],
|
||||
a[href^="#"] {
|
||||
&::after {
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
}
|
||||
284
css/knacss/_library/_responsive.scss
Normal file
284
css/knacss/_library/_responsive.scss
Normal file
|
|
@ -0,0 +1,284 @@
|
|||
/* -------------------------- */
|
||||
/* ==Responsive helpers */
|
||||
/* -------------------------- */
|
||||
|
||||
/* large screens */
|
||||
/* ------------- */
|
||||
|
||||
@media (min-width: $large) {
|
||||
|
||||
/* layouts for large screens */
|
||||
.large-hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.large-visible {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.large-no-float {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.large-inbl {
|
||||
display: inline-block;
|
||||
float: none;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* widths for large screens */
|
||||
.large-w25 {
|
||||
width: 25% !important;
|
||||
}
|
||||
|
||||
.large-w33 {
|
||||
width: 33.333333% !important;
|
||||
}
|
||||
|
||||
.large-w50 {
|
||||
width: 50% !important;
|
||||
}
|
||||
|
||||
.large-w66 {
|
||||
width: 66.666666% !important;
|
||||
}
|
||||
|
||||
.large-w75 {
|
||||
width: 75% !important;
|
||||
}
|
||||
|
||||
.large-w100,
|
||||
.large-wauto {
|
||||
display: block !important;
|
||||
float: none !important;
|
||||
clear: none !important;
|
||||
width: auto !important;
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/* margins for large screens */
|
||||
.large-man,
|
||||
.large-ma0 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* medium screens */
|
||||
/* -------------- */
|
||||
|
||||
@media (min-width: $medium) and (max-width: ($large - 1)) {
|
||||
|
||||
/* layouts for medium screens */
|
||||
.medium-hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.medium-visible {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.medium-no-float {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.medium-inbl {
|
||||
display: inline-block;
|
||||
float: none;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* widths for medium screens */
|
||||
.medium-w25 {
|
||||
width: 25% !important;
|
||||
}
|
||||
|
||||
.medium-w33 {
|
||||
width: 33.333333% !important;
|
||||
}
|
||||
|
||||
.medium-w50 {
|
||||
width: 50% !important;
|
||||
}
|
||||
|
||||
.medium-w66 {
|
||||
width: 66.666666% !important;
|
||||
}
|
||||
|
||||
.medium-w75 {
|
||||
width: 75% !important;
|
||||
}
|
||||
|
||||
.medium-w100,
|
||||
.medium-wauto {
|
||||
display: block !important;
|
||||
float: none !important;
|
||||
clear: none !important;
|
||||
width: auto !important;
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/* margins for medium screens */
|
||||
.medium-man,
|
||||
.medium-ma0 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* small screens */
|
||||
/* ------------- */
|
||||
|
||||
@media (min-width: $small) and (max-width: ($medium - 1)) {
|
||||
|
||||
/* layouts for small screens */
|
||||
.small-hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.small-visible {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.small-no-float {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.small-inbl {
|
||||
display: inline-block;
|
||||
float: none;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* widths for small screens */
|
||||
.small-w25 {
|
||||
width: 25% !important;
|
||||
}
|
||||
|
||||
.small-w33 {
|
||||
width: 33.333333% !important;
|
||||
}
|
||||
|
||||
.small-w50 {
|
||||
width: 50% !important;
|
||||
}
|
||||
|
||||
.small-w66 {
|
||||
width: 66.666666% !important;
|
||||
}
|
||||
|
||||
.small-w75 {
|
||||
width: 75% !important;
|
||||
}
|
||||
|
||||
.small-w100,
|
||||
.small-wauto {
|
||||
display: block !important;
|
||||
float: none !important;
|
||||
clear: none !important;
|
||||
width: auto !important;
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/* margins for small screens */
|
||||
.small-man,
|
||||
.small-ma0 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.small-pan,
|
||||
.small-pa0 {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* tiny screens */
|
||||
/* ------------ */
|
||||
|
||||
@media (max-width: $small - 1) {
|
||||
|
||||
/* quick small resolution reset */
|
||||
.mod,
|
||||
.col,
|
||||
fieldset {
|
||||
display: block !important;
|
||||
float: none !important;
|
||||
clear: none !important;
|
||||
width: auto !important;
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.flex-container {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
/* layouts for tiny screens */
|
||||
.tiny-hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.tiny-visible {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.tiny-no-float {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.tiny-inbl {
|
||||
display: inline-block;
|
||||
float: none;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* widths for tiny screens */
|
||||
.tiny-w25 {
|
||||
width: 25% !important;
|
||||
}
|
||||
|
||||
.tiny-w33 {
|
||||
width: 33.333333% !important;
|
||||
}
|
||||
|
||||
.tiny-w50 {
|
||||
width: 50% !important;
|
||||
}
|
||||
|
||||
.tiny-w66 {
|
||||
width: 66.666666% !important;
|
||||
}
|
||||
|
||||
.tiny-w75 {
|
||||
width: 75% !important;
|
||||
}
|
||||
|
||||
.tiny-w100,
|
||||
.tiny-wauto {
|
||||
display: block !important;
|
||||
float: none !important;
|
||||
clear: none !important;
|
||||
width: auto !important;
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/* margins for tiny screens */
|
||||
.tiny-man,
|
||||
.tiny-ma0 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.tiny-pan,
|
||||
.tiny-pa0 {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
}
|
||||
462
css/knacss/_library/_utilities.scss
Normal file
462
css/knacss/_library/_utilities.scss
Normal file
|
|
@ -0,0 +1,462 @@
|
|||
/* ---------------------------------- */
|
||||
/* ==Helpers */
|
||||
/* ---------------------------------- */
|
||||
|
||||
/* Typo Helpers */
|
||||
/* ------------- */
|
||||
|
||||
.u-bold {
|
||||
font-weight: $weight-bold;
|
||||
}
|
||||
|
||||
.u-italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.u-normal {
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.u-uppercase {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.u-lowercase {
|
||||
text-transform: lowercase;
|
||||
}
|
||||
|
||||
.u-smaller {
|
||||
font-size: 0.6em;
|
||||
}
|
||||
|
||||
.u-small {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.u-big {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.u-bigger {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.u-biggest {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
.u-txt-wrap {
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
hyphens: auto;
|
||||
}
|
||||
|
||||
.u-txt-ellipsis {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
/* text and contents alignment */
|
||||
|
||||
.txtleft,
|
||||
.u-txt-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.txtright,
|
||||
.u-txt-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.txtcenter,
|
||||
.u-txt-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@if variable-exists(hyphens) and $hyphens==true {
|
||||
@media (max-width: ($small - 1)) {
|
||||
div,
|
||||
textarea,
|
||||
table,
|
||||
td,
|
||||
th,
|
||||
code,
|
||||
pre,
|
||||
samp {
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
hyphens: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* blocks that need to be placed under floats */
|
||||
|
||||
.clear,
|
||||
.u-clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* blocks that must contain floats */
|
||||
|
||||
.clearfix,
|
||||
.u-clearfix {
|
||||
&::after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
}
|
||||
|
||||
/* simple blocks alignment */
|
||||
|
||||
.left,
|
||||
.u-left {
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.right,
|
||||
.u-right {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.center,
|
||||
.u-center {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
/* Global Micro Layout */
|
||||
/* ------------------- */
|
||||
|
||||
/* module, gains superpower "BFC" Block Formating Context */
|
||||
|
||||
.mod,
|
||||
.u-mod,
|
||||
.bfc,
|
||||
.u-bfc {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* floating elements */
|
||||
|
||||
.fl,
|
||||
.u-fl {
|
||||
float: left;
|
||||
}
|
||||
|
||||
img.fl,
|
||||
img.u-fl {
|
||||
margin-right: $spacer-small;
|
||||
}
|
||||
|
||||
.fr,
|
||||
.u-fr {
|
||||
float: right;
|
||||
}
|
||||
|
||||
img.fr,
|
||||
img.u-fr {
|
||||
margin-left: $spacer-small;
|
||||
}
|
||||
|
||||
img.fl,
|
||||
img.fr,
|
||||
img.u-fl,
|
||||
img.u-fr {
|
||||
margin-bottom: $spacer-tiny;
|
||||
}
|
||||
|
||||
/* inline-block */
|
||||
|
||||
.inbl,
|
||||
.u-inbl {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* State Helpers */
|
||||
/* ------------- */
|
||||
|
||||
/* invisible for all */
|
||||
.is-hidden,
|
||||
.js-hidden,
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* hidden but not for an assistive technology like a screen reader, Yahoo! method */
|
||||
.visually-hidden {
|
||||
position: absolute !important;
|
||||
border: 0 !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
padding: 0 !important;
|
||||
overflow: hidden !important;
|
||||
clip: rect(0, 0, 0, 0) !important;
|
||||
}
|
||||
|
||||
.is-disabled,
|
||||
.js-disabled,
|
||||
[disabled],
|
||||
.is-disabled ~ label,
|
||||
[disabled] ~ label {
|
||||
opacity: 0.5;
|
||||
cursor: not-allowed !important;
|
||||
filter: grayscale(1);
|
||||
}
|
||||
|
||||
ul {
|
||||
&.is-unstyled,
|
||||
&.unstyled {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.color--inverse {
|
||||
color: $white;
|
||||
}
|
||||
|
||||
/* Width Helpers */
|
||||
/* ------------- */
|
||||
|
||||
/* blocks widths (percentage and pixels) */
|
||||
$i: 100;
|
||||
|
||||
@while $i > 0 {
|
||||
.w#{$i} {
|
||||
width: $i * 1%;
|
||||
}
|
||||
$i: $i - 5;
|
||||
}
|
||||
.w66 {
|
||||
width: calc(100% / 3 * 2);
|
||||
}
|
||||
.w33 {
|
||||
width: calc(100% / 3);
|
||||
}
|
||||
|
||||
$i: 1000;
|
||||
|
||||
.wauto {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.w960p {
|
||||
width: 960px;
|
||||
}
|
||||
|
||||
.mw960p {
|
||||
max-width: 960px;
|
||||
}
|
||||
|
||||
.w1140p {
|
||||
width: 1140px;
|
||||
}
|
||||
|
||||
.mw1140p {
|
||||
max-width: 1140px;
|
||||
}
|
||||
|
||||
@while $i > 0 {
|
||||
.w#{$i}p {
|
||||
width: $i * 1px;
|
||||
}
|
||||
$i: $i - 50;
|
||||
}
|
||||
|
||||
/* Spacing Helpers */
|
||||
/* --------------- */
|
||||
|
||||
.man,
|
||||
.ma0 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.pan,
|
||||
.pa0 {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.mas {
|
||||
margin: $spacer-small;
|
||||
}
|
||||
|
||||
.mam {
|
||||
margin: $spacer-medium;
|
||||
}
|
||||
|
||||
.mal {
|
||||
margin: $spacer-large;
|
||||
}
|
||||
|
||||
.pas {
|
||||
padding: $spacer-small;
|
||||
}
|
||||
|
||||
.pam {
|
||||
padding: $spacer-medium;
|
||||
}
|
||||
|
||||
.pal {
|
||||
padding: $spacer-large;
|
||||
}
|
||||
|
||||
.mtn,
|
||||
.mt0 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.mts {
|
||||
margin-top: $spacer-small;
|
||||
}
|
||||
|
||||
.mtm {
|
||||
margin-top: $spacer-medium;
|
||||
}
|
||||
|
||||
.mtl {
|
||||
margin-top: $spacer-large;
|
||||
}
|
||||
|
||||
.mrn,
|
||||
.mr0 {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.mrs {
|
||||
margin-right: $spacer-small;
|
||||
}
|
||||
|
||||
.mrm {
|
||||
margin-right: $spacer-medium;
|
||||
}
|
||||
|
||||
.mrl {
|
||||
margin-right: $spacer-large;
|
||||
}
|
||||
|
||||
.mbn,
|
||||
.mb0 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.mbs {
|
||||
margin-bottom: $spacer-small;
|
||||
}
|
||||
|
||||
.mbm {
|
||||
margin-bottom: $spacer-medium;
|
||||
}
|
||||
|
||||
.mbl {
|
||||
margin-bottom: $spacer-large;
|
||||
}
|
||||
|
||||
.mln,
|
||||
.ml0 {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.mls {
|
||||
margin-left: $spacer-small;
|
||||
}
|
||||
|
||||
.mlm {
|
||||
margin-left: $spacer-medium;
|
||||
}
|
||||
|
||||
.mll {
|
||||
margin-left: $spacer-large;
|
||||
}
|
||||
|
||||
.mauto {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.mtauto {
|
||||
margin-top: auto;
|
||||
}
|
||||
|
||||
.mrauto {
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.mbauto {
|
||||
margin-bottom: auto;
|
||||
}
|
||||
|
||||
.mlauto {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.ptn,
|
||||
.pt0 {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.pts {
|
||||
padding-top: $spacer-small;
|
||||
}
|
||||
|
||||
.ptm {
|
||||
padding-top: $spacer-medium;
|
||||
}
|
||||
|
||||
.ptl {
|
||||
padding-top: $spacer-large;
|
||||
}
|
||||
|
||||
.prn,
|
||||
.pr0 {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.prs {
|
||||
padding-right: $spacer-small;
|
||||
}
|
||||
|
||||
.prm {
|
||||
padding-right: $spacer-medium;
|
||||
}
|
||||
|
||||
.prl {
|
||||
padding-right: $spacer-large;
|
||||
}
|
||||
|
||||
.pbn,
|
||||
.pb0 {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.pbs {
|
||||
padding-bottom: $spacer-small;
|
||||
}
|
||||
|
||||
.pbm {
|
||||
padding-bottom: $spacer-medium;
|
||||
}
|
||||
|
||||
.pbl {
|
||||
padding-bottom: $spacer-large;
|
||||
}
|
||||
|
||||
.pln,
|
||||
.pl0 {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.pls {
|
||||
padding-left: $spacer-small;
|
||||
}
|
||||
|
||||
.plm {
|
||||
padding-left: $spacer-medium;
|
||||
}
|
||||
|
||||
.pll {
|
||||
padding-left: $spacer-large;
|
||||
}
|
||||
248
css/knacss/_library/_wordpress.scss
Normal file
248
css/knacss/_library/_wordpress.scss
Normal file
|
|
@ -0,0 +1,248 @@
|
|||
/* ----------------------------- */
|
||||
/* ==WordPress reset */
|
||||
/* ----------------------------- */
|
||||
|
||||
/*
|
||||
Author: Geoffrey Crofte, Alsacréations
|
||||
Contributors: Automattic, Geoffrey Crofte
|
||||
Description: Reset styles for WordPress usage of KNACSS
|
||||
*/
|
||||
|
||||
// current menu elements
|
||||
.current_page_item > a {
|
||||
}
|
||||
.current-menu-item > a {
|
||||
}
|
||||
.current_page_ancestor > a {
|
||||
}
|
||||
|
||||
// blocks of content navigation
|
||||
.comment-navigation,
|
||||
.paging-navigation,
|
||||
.post-navigation {
|
||||
overflow: hidden;
|
||||
margin: 0 0 1.5em;
|
||||
|
||||
& .nav-previous {
|
||||
float: left;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
& .nav-next {
|
||||
float: right;
|
||||
width: 50%;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
// class in img elements
|
||||
.alignnone {
|
||||
margin: .25em 1.5em 1.5em 0;
|
||||
}
|
||||
|
||||
.aligncenter {
|
||||
clear: both;
|
||||
display: block;
|
||||
margin: 1.5em auto;
|
||||
}
|
||||
|
||||
.alignleft {
|
||||
float: left;
|
||||
margin: 0 1.5em .25em 0;
|
||||
}
|
||||
|
||||
.alignright {
|
||||
float: right;
|
||||
margin: 0 0 .25em 1.5em;
|
||||
}
|
||||
|
||||
.entry-content,
|
||||
.comment-content {
|
||||
clear: both;
|
||||
|
||||
&::after,
|
||||
&::before {
|
||||
content: "";
|
||||
display: table;
|
||||
}
|
||||
}
|
||||
|
||||
.widget + .widget {
|
||||
margin: 1.5em 0 0;
|
||||
}
|
||||
|
||||
// usage example:
|
||||
.widget select {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/* === 5.1 Posts - post_class === */
|
||||
|
||||
// featured content
|
||||
.sticky {
|
||||
}
|
||||
|
||||
// attachment post
|
||||
.attachment {
|
||||
}
|
||||
|
||||
// format of post
|
||||
.format- {
|
||||
&aside {
|
||||
}
|
||||
&gallery {
|
||||
}
|
||||
&link {
|
||||
}
|
||||
&image {
|
||||
}
|
||||
"e {
|
||||
}
|
||||
&status {
|
||||
}
|
||||
&video {
|
||||
}
|
||||
&chat {
|
||||
}
|
||||
}
|
||||
|
||||
// class for a tag
|
||||
.tag- {
|
||||
&name-of-tag {
|
||||
}
|
||||
}
|
||||
|
||||
// class for category
|
||||
.category- {
|
||||
&name-of-category {
|
||||
}
|
||||
}
|
||||
|
||||
/* === 5.2 Pages - body_class === */
|
||||
|
||||
// front page
|
||||
.home {
|
||||
// if display posts
|
||||
&.blog {
|
||||
}
|
||||
|
||||
// if static page
|
||||
&.page {
|
||||
}
|
||||
}
|
||||
|
||||
// page displays posts
|
||||
.blog {
|
||||
// if is frontpage
|
||||
&.home {
|
||||
}
|
||||
|
||||
// if static page
|
||||
&.page {
|
||||
}
|
||||
}
|
||||
|
||||
// simple page
|
||||
.page {
|
||||
}
|
||||
|
||||
// page of single post
|
||||
.single {
|
||||
}
|
||||
|
||||
// page of archives
|
||||
.archive {
|
||||
}
|
||||
|
||||
// page of search
|
||||
.search {
|
||||
// if has results
|
||||
.search-results {
|
||||
}
|
||||
|
||||
// if has no results
|
||||
.search-no-results {
|
||||
}
|
||||
}
|
||||
|
||||
// page 404
|
||||
.error404 {
|
||||
}
|
||||
|
||||
// user logged in
|
||||
.logged-in {
|
||||
}
|
||||
|
||||
// text direction if right-to-left
|
||||
// prefer rtl.css: http://codex.wordpress.org/Right-to-Left_Language_Support
|
||||
.rtl {
|
||||
}
|
||||
|
||||
/* === 5.3 Posts and Pages - Contents === */
|
||||
|
||||
.hentry {
|
||||
margin: 0 0 1.5em;
|
||||
}
|
||||
|
||||
.page-content,
|
||||
.entry-content,
|
||||
.entry-summary {
|
||||
margin: 1.5em 0 0;
|
||||
}
|
||||
|
||||
.page-links {
|
||||
clear: both;
|
||||
margin: 0 0 1.5em;
|
||||
}
|
||||
|
||||
.comment-content a {
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.bypostauthor {
|
||||
// some make-the-logo-bigger styles
|
||||
}
|
||||
|
||||
img.wp-smiley {
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.wp-caption {
|
||||
max-width: 100%;
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
|
||||
.wp-caption img {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.wp-caption-text {
|
||||
margin: 1em 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.gallery {
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
|
||||
.gallery-item {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
|
||||
@for $i from 2 through 9 {
|
||||
.gallery-columns-#{$i} & {
|
||||
$w: floor(10000 / $i) / 100;
|
||||
max-width: unquote($w + '%');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.gallery-caption {
|
||||
display: block;
|
||||
}
|
||||
334
css/knacss/_vendor/_reboot.scss
Normal file
334
css/knacss/_vendor/_reboot.scss
Normal file
|
|
@ -0,0 +1,334 @@
|
|||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: sans-serif;
|
||||
line-height: 1.15;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-ms-overflow-style: scrollbar;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
@-ms-viewport {
|
||||
width: device-width;
|
||||
}
|
||||
|
||||
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
color: #212529;
|
||||
text-align: left;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
[tabindex="-1"]:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
hr {
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
abbr[title],
|
||||
abbr[data-original-title] {
|
||||
text-decoration: underline;
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted;
|
||||
cursor: help;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
address {
|
||||
margin-bottom: 1rem;
|
||||
font-style: normal;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul,
|
||||
dl {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
ol ol,
|
||||
ul ul,
|
||||
ol ul,
|
||||
ul ol {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-bottom: .5rem;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
position: relative;
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -.5em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #007bff;
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
-webkit-text-decoration-skip: objects;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #0056b3;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:not([href]):not([tabindex]) {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:not([href]):not([tabindex]):focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
pre {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
overflow: auto;
|
||||
-ms-overflow-style: scrollbar;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
a,
|
||||
area,
|
||||
button,
|
||||
[role="button"],
|
||||
input:not([type="range"]),
|
||||
label,
|
||||
select,
|
||||
summary,
|
||||
textarea {
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
caption {
|
||||
padding-top: 0.75rem;
|
||||
padding-bottom: 0.75rem;
|
||||
color: #868e96;
|
||||
text-align: left;
|
||||
caption-side: bottom;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: inherit;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
button:focus {
|
||||
outline: 1px dotted;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
}
|
||||
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
optgroup,
|
||||
textarea {
|
||||
margin: 0;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
button,
|
||||
input {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
button,
|
||||
html [type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
input[type="date"],
|
||||
input[type="time"],
|
||||
input[type="datetime-local"],
|
||||
input[type="month"] {
|
||||
-webkit-appearance: listbox;
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
min-width: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
legend {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
margin-bottom: .5rem;
|
||||
font-size: 1.5rem;
|
||||
line-height: inherit;
|
||||
color: inherit;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
[type="search"] {
|
||||
outline-offset: -2px;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
[type="search"]::-webkit-search-cancel-button,
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
font: inherit;
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
output {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
55
css/knacss/components/_alerts.scss
Normal file
55
css/knacss/components/_alerts.scss
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
/* ----------------------------- */
|
||||
/* ==Alerts */
|
||||
/* ----------------------------- */
|
||||
/* use .alert-- classes for variants */
|
||||
|
||||
.alert {
|
||||
padding: $spacer-small $spacer-small;
|
||||
margin-top: 0.75em;
|
||||
margin-bottom: 0;
|
||||
color: $color-base;
|
||||
border-radius: $border-radius;
|
||||
background-color: $color-muted;
|
||||
|
||||
& a {
|
||||
color: inherit;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
.alert {
|
||||
@each $name, $background-color, $color, $border in $variants-list {
|
||||
&--#{$name} {
|
||||
@extend .alert;
|
||||
background-color: $background-color;
|
||||
color: $color;
|
||||
box-shadow: $border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// alert state variants
|
||||
.alert {
|
||||
&--small {
|
||||
font-size: $font-size-base - 0.4rem;
|
||||
}
|
||||
|
||||
&--big {
|
||||
font-size: $font-size-base + 0.4rem;
|
||||
}
|
||||
|
||||
&--block {
|
||||
width: 100% !important;
|
||||
display: block;
|
||||
}
|
||||
|
||||
&.disabled,
|
||||
&--disabled {
|
||||
opacity: 0.5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
&:empty {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
34
css/knacss/components/_arrows.scss
Normal file
34
css/knacss/components/_arrows.scss
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
/* ----------------------------- */
|
||||
/* ==Arrows */
|
||||
/* ----------------------------- */
|
||||
/* see https://knacss.com/styleguide.html#arrows */
|
||||
|
||||
[class*="icon-arrow--"] {
|
||||
vertical-align: middle;
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
mask-size: cover;
|
||||
background-color: $arrow-color;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.icon-arrow--down::after {
|
||||
mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
.icon-arrow--up::after {
|
||||
mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%208.596%20L%203.523%2014.973%20C%202.464%2015.935%200.495%2013.72%201.505%2012.791%20L%201.505%2012.791%20L%208.494%205.799%20C%209.138%205.212%2010.655%205.193%2011.29%205.799%20L%2011.29%205.799%20L%2018.49%2012.791%20C%2019.557%2013.809%2017.364%2015.882%2016.262%2014.837%20L%2016.262%2014.837%20L%209.96%208.596%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
.icon-arrow--right::after {
|
||||
mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%2011.685%2010.321%20L%205.308%2016.758%20C%204.346%2017.817%206.561%2019.786%207.49%2018.776%20L%207.49%2018.776%20L%2014.482%2011.787%20C%2015.069%2011.142%2015.088%209.626%2014.482%208.991%20L%2014.482%208.991%20L%207.49%201.791%20C%206.472%200.724%204.399%202.916%205.444%204.019%20L%205.444%204.019%20L%2011.685%2010.321%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
.icon-arrow--left::after {
|
||||
mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%208.315%2010.321%20L%2014.692%2016.758%20C%2015.654%2017.817%2013.439%2019.786%2012.51%2018.776%20L%2012.51%2018.776%20L%205.518%2011.787%20C%204.931%2011.142%204.912%209.626%205.518%208.991%20L%205.518%208.991%20L%2012.51%201.791%20C%2013.528%200.724%2015.601%202.916%2014.556%204.019%20L%2014.556%204.019%20L%208.315%2010.321%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E");
|
||||
}
|
||||
51
css/knacss/components/_badges.scss
Normal file
51
css/knacss/components/_badges.scss
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
/* ----------------------------- */
|
||||
/* ==Badges */
|
||||
/* ----------------------------- */
|
||||
/* use .badge-- classes for variants */
|
||||
|
||||
.badge {
|
||||
display: inline-block;
|
||||
padding: $spacer-tiny;
|
||||
border-radius: 50%;
|
||||
color: $color-base;
|
||||
background-color: $color-muted;
|
||||
line-height: 1;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
padding-top: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.badge {
|
||||
@each $name, $background-color, $color, $border in $variants-list {
|
||||
&--#{$name} {
|
||||
@extend .badge;
|
||||
background-color: $background-color;
|
||||
color: $color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// badge state variants
|
||||
.badge {
|
||||
&--small {
|
||||
font-size: $font-size-base - 0.4rem;
|
||||
}
|
||||
|
||||
&--big {
|
||||
font-size: $font-size-base + 0.4rem;
|
||||
}
|
||||
|
||||
&.disabled,
|
||||
&--disabled {
|
||||
opacity: 0.5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
&:empty {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
158
css/knacss/components/_buttons.scss
Normal file
158
css/knacss/components/_buttons.scss
Normal file
|
|
@ -0,0 +1,158 @@
|
|||
/* ----------------------------- */
|
||||
/* ==Buttons */
|
||||
/* ----------------------------- */
|
||||
/* preferably use <button> for buttons !*/
|
||||
/* use .btn-- or .button-- classes for variants */
|
||||
|
||||
%btn {
|
||||
display: inline-block;
|
||||
padding: $spacer-small $spacer-small-plus;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
transition: 0.25s;
|
||||
transition-property: box-shadow, background-color, color, border;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
white-space: nowrap;
|
||||
text-decoration: none;
|
||||
color: $color-base;
|
||||
border: none;
|
||||
border-radius: $border-radius;
|
||||
background-color: $color-muted;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.btn,
|
||||
.button,
|
||||
[type="button"],
|
||||
button {
|
||||
@extend %btn;
|
||||
|
||||
&:focus {
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.btn,
|
||||
.button {
|
||||
@each $name, $background-color, $color, $border in $variants-list {
|
||||
&--#{$name} {
|
||||
@extend %btn;
|
||||
background-color: $background-color;
|
||||
color: $color;
|
||||
box-shadow: $border;
|
||||
|
||||
&:active,
|
||||
&:focus,
|
||||
&:hover {
|
||||
background-color: darken( $background-color, 10% );
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// button state variants
|
||||
.btn,
|
||||
.button {
|
||||
&--small {
|
||||
padding: $spacer-tiny-plus $spacer-small;
|
||||
font-size: .8em;
|
||||
}
|
||||
|
||||
&--big {
|
||||
padding: $spacer-small-plus $spacer-medium;
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
&--block {
|
||||
width: 100% !important;
|
||||
display: block;
|
||||
}
|
||||
|
||||
&--unstyled {
|
||||
padding: 0;
|
||||
border: none;
|
||||
text-align: left;
|
||||
background: none;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// nav "burger" button
|
||||
// activate it with a JS toggle-class to .is-active
|
||||
// recommended HTML : <button class="nav-button" type="button" role="button" aria-label="open/close navigation"><i></i></button>
|
||||
// see doc : https://knacss.com/styleguide.html#buttons
|
||||
.nav-button {
|
||||
padding: 0;
|
||||
background-color: transparent;
|
||||
outline: 0;
|
||||
border: 0;
|
||||
cursor: pointer;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
|
||||
& > * {
|
||||
display: inline-flex;
|
||||
vertical-align: top;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: stretch;
|
||||
height: $burger-size;
|
||||
width: $burger-size;
|
||||
padding: $burger-padding;
|
||||
background-color: $burger-background;
|
||||
background-image: linear-gradient($burger-color, $burger-color);
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-origin: content-box;
|
||||
background-size: 100% $burger-weight;
|
||||
transition: .25s;
|
||||
transition-property: transform, background;
|
||||
will-change: transform, background;
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
content: "";
|
||||
height: $burger-weight;
|
||||
background: $burger-color;
|
||||
transition: .25s;
|
||||
transition-property: transform, top;
|
||||
will-change: transform, top;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
& > * {
|
||||
background-color: $burger-hover-background;
|
||||
}
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
&.is-active {
|
||||
& > * {
|
||||
background-image: none;
|
||||
justify-content: center;
|
||||
|
||||
&::before {
|
||||
transform: translateY(50%) rotate3d(0,0,1,45deg);
|
||||
}
|
||||
|
||||
&::after {
|
||||
transform: translateY(-50%) rotate3d(0,0,1,-45deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
119
css/knacss/components/_checkbox.scss
Normal file
119
css/knacss/components/_checkbox.scss
Normal file
|
|
@ -0,0 +1,119 @@
|
|||
/* ----------------------------- */
|
||||
/* ==Checkbox, radio, switch */
|
||||
/* ----------------------------- */
|
||||
/* use .checkbox class on input type=checkbox */
|
||||
/* recommended HTML : <input type="checkbox" class="checkbox" id="c1"><label for="c1">click here</label> */
|
||||
/* use .radio class on input type=radio */
|
||||
/* recommended HTML : <input type="radio" class="radio" name="radio" id="r1"><label for="r1">Click here</label> */
|
||||
/* use .switch class on input type=checkbox */
|
||||
// <input type="checkbox" class="switch" id="switch"><label for="switch" class="label">slide to unlock</label>
|
||||
|
||||
// common styles
|
||||
.checkbox {
|
||||
border-radius: $checkbox-border-radius;
|
||||
}
|
||||
|
||||
.switch {
|
||||
border-radius: $switch-border-radius;
|
||||
}
|
||||
|
||||
.radio {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.switch,
|
||||
.checkbox,
|
||||
.radio {
|
||||
appearance: none;
|
||||
vertical-align: text-bottom;
|
||||
outline: 0;
|
||||
cursor: pointer;
|
||||
|
||||
& ~ label {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&::-ms-check {
|
||||
display: none; // unstyle IE checkboxes
|
||||
}
|
||||
}
|
||||
|
||||
// switch styling
|
||||
.switch {
|
||||
width: $switch-size *2;
|
||||
height: $switch-size;
|
||||
line-height: $switch-size;
|
||||
font-size: 70%;
|
||||
box-shadow: inset -#{$switch-size} 0 0 $switch-background,
|
||||
inset 0 0 0 1px $switch-background;
|
||||
transition: box-shadow .15s;
|
||||
background-color: $switch-color;
|
||||
&::before,
|
||||
&::after {
|
||||
font-weight: bold;
|
||||
color: $switch-color;
|
||||
}
|
||||
&::before {
|
||||
content: "✕";
|
||||
float: right;
|
||||
margin-right: $switch-size /3;
|
||||
}
|
||||
&:checked {
|
||||
box-shadow: inset #{$switch-size} 0 0 $color-success,
|
||||
inset 0 0 0 1px $color-success;
|
||||
&::before {
|
||||
content: "✓";
|
||||
float: left;
|
||||
margin-left: $switch-size /3;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// checkbox styling
|
||||
.checkbox {
|
||||
width: $checkbox-size;
|
||||
height: $checkbox-size;
|
||||
box-shadow: inset 0 0 0 1px $checkbox-background;
|
||||
background-color: $checkbox-color;
|
||||
transition: background-color .15s;
|
||||
&:checked {
|
||||
$red: red($checkbox-color);
|
||||
$green: green($checkbox-color);
|
||||
$blue: blue($checkbox-color);
|
||||
$rgb: rgb($red, $green, $blue);
|
||||
$slice: str-slice(ie-hex-str($rgb), 4);
|
||||
$first: "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%208%208%22%20enable-background%3D%22new%200%200%208%208%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20fill%3D%22%23";
|
||||
$last: "%22%20d%3D%22M6.4%2C1L5.7%2C1.7L2.9%2C4.5L2.1%2C3.7L1.4%2C3L0%2C4.4l0.7%2C0.7l1.5%2C1.5l0.7%2C0.7l0.7-0.7l3.5-3.5l0.7-0.7L6.4%2C1L6.4%2C1z%22%20%2F%3E%0A%3C%2Fsvg%3E";
|
||||
$combo: "#{$first}#{$slice}#{$last}";
|
||||
background-image: url($combo);
|
||||
background-size: 60% 60%;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-color: $checkbox-background;
|
||||
}
|
||||
}
|
||||
|
||||
// radio styling
|
||||
.radio {
|
||||
width: $checkbox-size;
|
||||
height: $checkbox-size;
|
||||
background-size: 0% 0%;
|
||||
transition: background-size .15s;
|
||||
box-shadow: inset 0 0 0 1px $radio-color;
|
||||
background-color: $radio-background;
|
||||
&:checked {
|
||||
$red: red($radio-color);
|
||||
$green: green($radio-color);
|
||||
$blue: blue($radio-color);
|
||||
$rgb: rgb($red, $green, $blue);
|
||||
$slice: str-slice(ie-hex-str($rgb), 4);
|
||||
$first: "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%22100%22%20height%3D%22100%22%0AviewBox%3D%220%200%2080%2080%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2224%22%20style%3D%22fill%3A%23";
|
||||
$last: "%22/%3E%3C/svg%3E";
|
||||
$combo: "#{$first}#{$slice}#{$last}";
|
||||
background-image: url($combo);
|
||||
background-size: 90% 90%;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-color: $radio-background;
|
||||
}
|
||||
}
|
||||
114
css/knacss/components/_forms.scss
Normal file
114
css/knacss/components/_forms.scss
Normal file
|
|
@ -0,0 +1,114 @@
|
|||
/* ----------------------------- */
|
||||
/* ==Forms */
|
||||
/* ----------------------------- */
|
||||
/* thanks to HTML5boilerplate and https://shoelace.style/ */
|
||||
|
||||
/* forms items */
|
||||
form,
|
||||
fieldset {
|
||||
border: none;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
padding: $spacer-medium;
|
||||
|
||||
& legend {
|
||||
padding: 0 $spacer-tiny;
|
||||
border: 0;
|
||||
white-space: normal;
|
||||
}
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
[type="color"],
|
||||
[type="date"],
|
||||
[type="datetime-local"],
|
||||
[type="email"],
|
||||
[type="month"],
|
||||
[type="number"],
|
||||
[type="password"],
|
||||
[type="search"],
|
||||
[type="submit"],
|
||||
[type="tel"],
|
||||
[type="text"],
|
||||
[type="time"],
|
||||
[type="url"],
|
||||
[type="week"],
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
border: 0;
|
||||
box-shadow: 0 0 0 1px $forms-color inset;
|
||||
color: $color-base;
|
||||
vertical-align: middle;
|
||||
padding: $spacer-tiny $spacer-small;
|
||||
margin: 0;
|
||||
transition: 0.25s;
|
||||
transition-property: box-shadow, background-color, color, border;
|
||||
appearance: none;
|
||||
}
|
||||
|
||||
[type="submit"] {
|
||||
background-color: $forms-color;
|
||||
color: $white;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
input[readonly] {
|
||||
background-color: $color-muted;
|
||||
}
|
||||
|
||||
select {
|
||||
padding-right: 2rem;
|
||||
border-radius: $border-radius;
|
||||
background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E");
|
||||
background-position: right .6rem center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 1.2rem;
|
||||
}
|
||||
|
||||
/* hiding IE11 arrow */
|
||||
select::-ms-expand {
|
||||
display: none;
|
||||
}
|
||||
|
||||
textarea {
|
||||
min-height: 5em;
|
||||
vertical-align: top;
|
||||
resize: vertical;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
/* 'x' appears on right of search input when text is entered. This removes it */
|
||||
[type="search"] {
|
||||
&::-webkit-search-decoration,
|
||||
&::-webkit-search-cancel-button,
|
||||
&::-webkit-search-results-button,
|
||||
&::-webkit-search-results-decoration {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
input:-moz-placeholder,
|
||||
textarea:-moz-placeholder {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
input::placeholder,
|
||||
textarea::placeholder {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
progress {
|
||||
width: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
26
css/knacss/components/_media.scss
Normal file
26
css/knacss/components/_media.scss
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
/* ----------------------------- */
|
||||
/* ==Media object */
|
||||
/* ----------------------------- */
|
||||
/* recommended HTML : <div class="media"><img class="media-figure"><div class="media-content"></div></div> */
|
||||
/* see http://codepen.io/raphaelgoetter/pen/KMWWwj */
|
||||
|
||||
@media (min-width: $tiny) {
|
||||
.media {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
|
||||
&-content {
|
||||
flex: 1 1 0%;
|
||||
}
|
||||
|
||||
// vertical align image
|
||||
&-figure--center {
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
// reverse variant
|
||||
&--reverse {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
}
|
||||
}
|
||||
25
css/knacss/components/_skip-links.scss
Normal file
25
css/knacss/components/_skip-links.scss
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
/* ----------------------------- */
|
||||
/* ==skip links */
|
||||
/* ----------------------------- */
|
||||
/* see https://www.alsacreations.com/article/lire/572-Les-liens-d-evitement.html */
|
||||
|
||||
/* styling skip links */
|
||||
.skip-links {
|
||||
position: absolute;
|
||||
|
||||
& a {
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
padding: 0.5em;
|
||||
background: black;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
|
||||
&:focus {
|
||||
position: static;
|
||||
overflow: visible;
|
||||
clip: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
52
css/knacss/components/_tables.scss
Normal file
52
css/knacss/components/_tables.scss
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
/* ----------------------------- */
|
||||
/* ==Tables */
|
||||
/* ----------------------------- */
|
||||
|
||||
table,
|
||||
.table {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
table-layout: fixed;
|
||||
border-collapse: collapse;
|
||||
vertical-align: top;
|
||||
margin-bottom: $spacer-medium;
|
||||
}
|
||||
|
||||
.table {
|
||||
display: table;
|
||||
border: 1px solid $table-border;
|
||||
background: $table-background;
|
||||
|
||||
&--zebra {
|
||||
& tbody tr:nth-child(odd) {
|
||||
background: $gray-200;
|
||||
}
|
||||
}
|
||||
|
||||
& caption {
|
||||
caption-side: bottom;
|
||||
padding: $spacer-small;
|
||||
color: $table-caption-color;
|
||||
font-style: italic;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
& td,
|
||||
& th {
|
||||
padding: 0.3rem 0.6rem;
|
||||
min-width: $spacer-medium;
|
||||
vertical-align: top;
|
||||
border: 1px $table-border dotted;
|
||||
text-align: left;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
& thead {
|
||||
color: $table-head-color;
|
||||
background: $table-head-background;
|
||||
}
|
||||
}
|
||||
|
||||
.table--auto {
|
||||
table-layout: auto;
|
||||
}
|
||||
52
css/knacss/components/_tabs.scss
Normal file
52
css/knacss/components/_tabs.scss
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
/* ----------------------------- */
|
||||
/* ==Tabs */
|
||||
/* ----------------------------- */
|
||||
/* see example on https://knacss.com/styleguide.html#tabs */
|
||||
/* NOTE : tabs need JavaScript to be activated */
|
||||
|
||||
.tabs-menu {
|
||||
border-bottom: 2px solid $tabs-border;
|
||||
|
||||
&-link {
|
||||
display: block;
|
||||
margin-bottom: -2px;
|
||||
padding: $spacer-tiny $spacer-medium-plus;
|
||||
border-bottom: 4px solid transparent;
|
||||
color: $tabs-color;
|
||||
background: $tabs-background;
|
||||
text-decoration: none;
|
||||
border-radius: $tabs-border-radius $tabs-border-radius 0 0;
|
||||
transition: .25s;
|
||||
transition-property: color, border, background-color;
|
||||
|
||||
&.is-active {
|
||||
border-bottom-color: $tabs-active-border;
|
||||
color: $tabs-active-color;
|
||||
background: $tabs-active-background;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
border-bottom-color: $tabs-active-border;
|
||||
color: $tabs-active-color;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
@media (min-width: $small) {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tabs-content-item {
|
||||
padding-top: $spacer-small;
|
||||
|
||||
&[aria-hidden="true"] {
|
||||
visibility: hidden;
|
||||
@extend .visually-hidden;
|
||||
}
|
||||
|
||||
&[aria-hidden="false"] {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
52
css/knacss/components/_tags.scss
Normal file
52
css/knacss/components/_tags.scss
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
/* ----------------------------- */
|
||||
/* ==Tags */
|
||||
/* ----------------------------- */
|
||||
/* use .tag-- classes for variants */
|
||||
|
||||
.tag {
|
||||
display: inline-block;
|
||||
padding: 3px $spacer-tiny;
|
||||
vertical-align: baseline;
|
||||
white-space: nowrap;
|
||||
color: $color-base;
|
||||
border-radius: $border-radius;
|
||||
background-color: $color-muted;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.tag {
|
||||
@each $name, $background-color, $color, $border in $variants-list {
|
||||
&--#{$name} {
|
||||
@extend .tag;
|
||||
background-color: $background-color;
|
||||
color: $color;
|
||||
box-shadow: $border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// tag state variants
|
||||
.tag {
|
||||
&--small {
|
||||
font-size: $font-size-base - 0.4rem;
|
||||
}
|
||||
|
||||
&--big {
|
||||
font-size: $font-size-base + 0.4rem;
|
||||
}
|
||||
|
||||
&--block {
|
||||
width: 100% !important;
|
||||
display: block;
|
||||
}
|
||||
|
||||
&.disabled,
|
||||
&--disabled {
|
||||
opacity: 0.5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
&:empty {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
7533
css/mon_site.css
Normal file
7533
css/mon_site.css
Normal file
File diff suppressed because it is too large
Load diff
10
css/mon_site.scss
Normal file
10
css/mon_site.scss
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
/* Fichier scss principal du squelette */
|
||||
|
||||
@import "knacss/knacss";
|
||||
@import "../font-awesome/font-awesome";
|
||||
@import "polices";
|
||||
@import "utilitaires";
|
||||
@import "body";
|
||||
@import 'menu_spip';
|
||||
@import 'form_spip';
|
||||
@import 'sq_champslibres';
|
||||
46
css/tag_editor.css
Normal file
46
css/tag_editor.css
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
/* surrounding tag container */
|
||||
.tag-editor {
|
||||
list-style-type: none; padding: 0 5px 0 0; margin: 0; overflow: hidden; border: 1px solid #eee; cursor: text;
|
||||
font: normal 14px sans-serif; color: #555; background: #fff; line-height: 20px;
|
||||
}
|
||||
|
||||
/* core styles usually need no change */
|
||||
.tag-editor li { display: block; float: left; overflow: hidden; margin: 3px 0; }
|
||||
.tag-editor div { float: left; padding: 0 4px; }
|
||||
.tag-editor .placeholder { padding: 0 8px; color: #bbb; }
|
||||
.tag-editor .tag-editor-spacer { padding: 0; width: 8px; overflow: hidden; color: transparent; background: none; }
|
||||
.tag-editor input {
|
||||
vertical-align: inherit; border: 0; outline: none; padding: 0; margin: 0; cursor: text;
|
||||
font-family: inherit; font-weight: inherit; font-size: inherit; font-style: inherit;
|
||||
box-shadow: none; background: none; color: #444;
|
||||
}
|
||||
/* hide original input field or textarea visually to allow tab navigation */
|
||||
.tag-editor-hidden-src { position: absolute !important; left: -99999px; }
|
||||
/* hide IE10 "clear field" X */
|
||||
.tag-editor ::-ms-clear { display: none; }
|
||||
|
||||
/* tag style */
|
||||
.tag-editor .tag-editor-tag {
|
||||
padding-left: 5px; color: #46799b; background: #e0eaf1; white-space: nowrap;
|
||||
overflow: hidden; cursor: pointer; border-radius: 2px 0 0 2px;
|
||||
}
|
||||
|
||||
/* delete icon */
|
||||
.tag-editor .tag-editor-delete { background: #e0eaf1; cursor: pointer; border-radius: 0 2px 2px 0; padding-left: 3px; padding-right: 4px; }
|
||||
.tag-editor .tag-editor-delete i { line-height: 18px; display: inline-block; }
|
||||
.tag-editor .tag-editor-delete i:before { font-size: 16px; color: #8ba7ba; content: "×"; font-style: normal; }
|
||||
.tag-editor .tag-editor-delete:hover i:before { color: #d65454; }
|
||||
.tag-editor .tag-editor-tag.active+.tag-editor-delete, .tag-editor .tag-editor-tag.active+.tag-editor-delete i { visibility: hidden; cursor: text; }
|
||||
|
||||
.tag-editor .tag-editor-tag.active { background: none !important; }
|
||||
|
||||
/* jQuery UI autocomplete - code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css */
|
||||
.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; font-size: 14px; }
|
||||
.ui-front { z-index: 9999; }
|
||||
.ui-menu { list-style: none; padding: 1px; margin: 0; display: block; outline: none; }
|
||||
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.4; min-height: 0; /* support: IE7 */ }
|
||||
.ui-widget-content { border: 1px solid #bbb; background: #fff; color: #555; }
|
||||
.ui-widget-content a { color: #46799b; }
|
||||
.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #e0eaf1; }
|
||||
.ui-helper-hidden-accessible { display: none; }
|
||||
|
||||
0
css/theme.css
Normal file
0
css/theme.css
Normal file
2
extra/dist.html
Normal file
2
extra/dist.html
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
[(#REM) Inscription au site ]
|
||||
#FORMULAIRE_INSCRIPTION
|
||||
34
font-awesome/_animated.scss
vendored
Normal file
34
font-awesome/_animated.scss
vendored
Normal 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);
|
||||
}
|
||||
}
|
||||
25
font-awesome/_bordered-pulled.scss
vendored
Normal file
25
font-awesome/_bordered-pulled.scss
vendored
Normal 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; }
|
||||
}
|
||||
12
font-awesome/_core.scss
vendored
Normal file
12
font-awesome/_core.scss
vendored
Normal 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;
|
||||
|
||||
}
|
||||
6
font-awesome/_fixed-width.scss
vendored
Normal file
6
font-awesome/_fixed-width.scss
vendored
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
// Fixed Width Icons
|
||||
// -------------------------
|
||||
.#{$fa-css-prefix}-fw {
|
||||
width: (18em / 14);
|
||||
text-align: center;
|
||||
}
|
||||
789
font-awesome/_icons.scss
vendored
Normal file
789
font-awesome/_icons.scss
vendored
Normal file
|
|
@ -0,0 +1,789 @@
|
|||
/* 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: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; }
|
||||
.#{$fa-css-prefix}-handshake-o:before { content: $fa-var-handshake-o; }
|
||||
.#{$fa-css-prefix}-envelope-open:before { content: $fa-var-envelope-open; }
|
||||
.#{$fa-css-prefix}-envelope-open-o:before { content: $fa-var-envelope-open-o; }
|
||||
.#{$fa-css-prefix}-linode:before { content: $fa-var-linode; }
|
||||
.#{$fa-css-prefix}-address-book:before { content: $fa-var-address-book; }
|
||||
.#{$fa-css-prefix}-address-book-o:before { content: $fa-var-address-book-o; }
|
||||
.#{$fa-css-prefix}-vcard:before,
|
||||
.#{$fa-css-prefix}-address-card:before { content: $fa-var-address-card; }
|
||||
.#{$fa-css-prefix}-vcard-o:before,
|
||||
.#{$fa-css-prefix}-address-card-o:before { content: $fa-var-address-card-o; }
|
||||
.#{$fa-css-prefix}-user-circle:before { content: $fa-var-user-circle; }
|
||||
.#{$fa-css-prefix}-user-circle-o:before { content: $fa-var-user-circle-o; }
|
||||
.#{$fa-css-prefix}-user-o:before { content: $fa-var-user-o; }
|
||||
.#{$fa-css-prefix}-id-badge:before { content: $fa-var-id-badge; }
|
||||
.#{$fa-css-prefix}-drivers-license:before,
|
||||
.#{$fa-css-prefix}-id-card:before { content: $fa-var-id-card; }
|
||||
.#{$fa-css-prefix}-drivers-license-o:before,
|
||||
.#{$fa-css-prefix}-id-card-o:before { content: $fa-var-id-card-o; }
|
||||
.#{$fa-css-prefix}-quora:before { content: $fa-var-quora; }
|
||||
.#{$fa-css-prefix}-free-code-camp:before { content: $fa-var-free-code-camp; }
|
||||
.#{$fa-css-prefix}-telegram:before { content: $fa-var-telegram; }
|
||||
.#{$fa-css-prefix}-thermometer-4:before,
|
||||
.#{$fa-css-prefix}-thermometer:before,
|
||||
.#{$fa-css-prefix}-thermometer-full:before { content: $fa-var-thermometer-full; }
|
||||
.#{$fa-css-prefix}-thermometer-3:before,
|
||||
.#{$fa-css-prefix}-thermometer-three-quarters:before { content: $fa-var-thermometer-three-quarters; }
|
||||
.#{$fa-css-prefix}-thermometer-2:before,
|
||||
.#{$fa-css-prefix}-thermometer-half:before { content: $fa-var-thermometer-half; }
|
||||
.#{$fa-css-prefix}-thermometer-1:before,
|
||||
.#{$fa-css-prefix}-thermometer-quarter:before { content: $fa-var-thermometer-quarter; }
|
||||
.#{$fa-css-prefix}-thermometer-0:before,
|
||||
.#{$fa-css-prefix}-thermometer-empty:before { content: $fa-var-thermometer-empty; }
|
||||
.#{$fa-css-prefix}-shower:before { content: $fa-var-shower; }
|
||||
.#{$fa-css-prefix}-bathtub:before,
|
||||
.#{$fa-css-prefix}-s15:before,
|
||||
.#{$fa-css-prefix}-bath:before { content: $fa-var-bath; }
|
||||
.#{$fa-css-prefix}-podcast:before { content: $fa-var-podcast; }
|
||||
.#{$fa-css-prefix}-window-maximize:before { content: $fa-var-window-maximize; }
|
||||
.#{$fa-css-prefix}-window-minimize:before { content: $fa-var-window-minimize; }
|
||||
.#{$fa-css-prefix}-window-restore:before { content: $fa-var-window-restore; }
|
||||
.#{$fa-css-prefix}-times-rectangle:before,
|
||||
.#{$fa-css-prefix}-window-close:before { content: $fa-var-window-close; }
|
||||
.#{$fa-css-prefix}-times-rectangle-o:before,
|
||||
.#{$fa-css-prefix}-window-close-o:before { content: $fa-var-window-close-o; }
|
||||
.#{$fa-css-prefix}-bandcamp:before { content: $fa-var-bandcamp; }
|
||||
.#{$fa-css-prefix}-grav:before { content: $fa-var-grav; }
|
||||
.#{$fa-css-prefix}-etsy:before { content: $fa-var-etsy; }
|
||||
.#{$fa-css-prefix}-imdb:before { content: $fa-var-imdb; }
|
||||
.#{$fa-css-prefix}-ravelry:before { content: $fa-var-ravelry; }
|
||||
.#{$fa-css-prefix}-eercast:before { content: $fa-var-eercast; }
|
||||
.#{$fa-css-prefix}-microchip:before { content: $fa-var-microchip; }
|
||||
.#{$fa-css-prefix}-snowflake-o:before { content: $fa-var-snowflake-o; }
|
||||
.#{$fa-css-prefix}-superpowers:before { content: $fa-var-superpowers; }
|
||||
.#{$fa-css-prefix}-wpexplorer:before { content: $fa-var-wpexplorer; }
|
||||
.#{$fa-css-prefix}-meetup:before { content: $fa-var-meetup; }
|
||||
13
font-awesome/_larger.scss
vendored
Normal file
13
font-awesome/_larger.scss
vendored
Normal 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; }
|
||||
19
font-awesome/_list.scss
vendored
Normal file
19
font-awesome/_list.scss
vendored
Normal 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);
|
||||
}
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Reference in a new issue