Refonte + Refactor + design de l'import

This commit is contained in:
xdrm-brackets 2016-04-21 10:33:03 +02:00
parent d57f2cc355
commit f9665a9488
20 changed files with 828 additions and 267 deletions

View File

@ -6,4 +6,222 @@
/* [2] Formulaire de type 'timeline'
=========================================================*/
@import 'timeline-form';
// @import 'timeline-form';
/* [1] Formulaire de type timeline
=========================================================*/
#WRAPPER > #CONTAINER section[data-timeline]{
display: block;
position: relative;
background-color: #fff;
font-size: .9em;
color: #000;
/* (1) On ajoute le liseré à droite pour TOUS les éléments */
& *:not(.no-line){
display: block;
color: #333;
margin: 0 40px;
padding: 5px 60px;
border-left: 2px solid #399ced;
}
/* (2) Titres de sections */
& h3:not(.no-line){
display: block;
padding: 20px 40px;
font-size: 1.4em;
color: #fff;
font-weight: bold;
background-color: #399ced;
// TODO: Transformer les background en ::before pour que ca soit juste un cercle avec bg et border
// FIXME: Corriger le liseré pour les autres navigateurs que FF
// Gestion du before (compteur css) //
&[data-n]:before{
content: attr(data-n);
display: inline-block;
position: absolute;
margin-top: .48em;
margin-left: -41px;
padding: 3px 12px;
border-radius: 50%;
// Contour blanc
box-shadow: 0 0 0 3px #fff;
background-color: #399ced;
font-size: 1.3em;
color: #fff;
font-weight: bold;
// On centre sur la ligne
transform: translateX(-50%) translateY(-50%);
}
}
/* (3) Titres des sous-sections */
& h4:not(.no-line){
display: block;
padding: 20px 40px;
font-size: 1.2em;
color: darken(#399ced, 20);
font-weight: bold;
// Gestion du before (compteur css) //
&[data-icon]:before{
content: attr(data-icon);
display: inline-block;
position: absolute;
margin-top: .8em;
margin-left: -41px;
padding: 7px;
border-radius: 50%;
// Contour blanc
box-shadow: 0 0 0 2px #fff;
background-color: #399ced;
font-size: 1em;
font-family: 'icomoon';
color: #fff;
font-weight: bold;
// On centre sur la ligne
transform: translateX(-50%) translateY(-50%);
}
}
/* (4) Titres des sous-sous-sections */
& h5:not(.no-line){
display: block;
padding: 20px 40px;
font-size: 1.2em;
color: darken(#399ced, 20);
font-weight: bold;
// Gestion du before (compteur css) //
&:before{
content: '';
display: inline-block;
position: absolute;
margin-top: .7em;
margin-left: -41px;
padding: 7px;
border-radius: 50%;
// Contour blanc
box-shadow: 0 0 0 2px #fff;
background-color: #399ced;
// On centre sur la ligne
transform: translateX(-50%) translateY(-50%);
}
// Texte genre text message
&[data-text]:after{
content: attr(data-text);
padding: 6px 10px;
border-radius: 3px;
background: $theme-fg-primary;
color: #fff;
font-weight: normal;
}
}
/* (5) 'Tags' -> textes sur le liseré gauche */
& [data-tag]{
display: block;
padding: 40px 60px;
&:before{
content: attr(data-tag);
display: inline-block;
position: absolute;
margin-top: .5em;
margin-left: -41px;
padding: 2px;
background-color: #fff;
font-size: 1.2em;
color: #399ced;
font-weight: bold;
// On centre sur la ligne
transform: translateX(-50%) translateY(-50%);
}
}
/* (6) Input d'upload de fichier (css hack) */
& input[type='file']{
position: relative;
opacity: 0;
z-index: 10;
cursor: pointer;
}
// Contiendra l'input
& input[type='file'] + span.file-input{
display: inline-block;
position: absolute;
margin-top: -1px;
margin-left: -290px;
width: calc( 290px - 2*15px );
height: 30px;
padding: 0 15px;
border-radius: 3px;
background: #ddd;
color: #333;
line-height: 30px;
font-weight: normal;
z-index: 9;
cursor: pointer;
// Icone d'upload
&:before{
content: 'u ';
font-size: 1em;
font-family: 'icomoon';
color: #333;
font-weight: bold;
}
}
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -17,94 +17,156 @@
color: #333;
margin: 0 20px;
margin: 0 40px;
padding: 5px 60px;
background: url('/f/svg/dot/st/container/66db70') 20px 0 no-repeat;
background-size: 6px 100%;
border-left: 2px solid #399ced;
}
/* (2) Titres de sections */
& h4:not(.no-line){
& h3:not(.no-line){
display: block;
padding: 20px 60px;
padding: 20px 40px;
font-size: 1.4em;
color: #333;
font-weight: bold;
background: url('/f/svg/hole/st/container/66db70') 4px 18px no-repeat, // cercle
url('/f/svg/hole/st/container/ffffff') 0px 14px no-repeat, // contour blanc
url('/f/svg/dot/st/container/66db70') 20px 0 no-repeat; // ligne
background-size: 38px, 46px, 6px 100%;
// TODO: Transformer les background en ::before pour que ca soit juste un cercle avec bg et border
// FIXME: Corriger le liseré pour les autres navigateurs que FF
// Gestion du before (compteur css) //
&[data-n]:before{
content: attr(data-n);
content: attr(data-n);
display: inline-block;
position: absolute;
margin-top: .5em;
margin-left: -41px;
padding: 3px 12px;
border-radius: 50%;
// Contour blanc
box-shadow: 0 0 0 2px #fff;
background-color: #399ced;
font-size: 1.3em;
color: #fff;
font-weight: bold;
display: inline-block;
position: absolute;
left: 35px;
// On centre sur la ligne
transform: translateX(-50%) translateY(-50%);
}
}
/* (3) Titres des sous-sections */
& h5:not(.no-line){
& h4:not(.no-line){
display: block;
padding: 20px 60px;
padding: 20px 40px;
font-size: 1.2em;
color: darken(#66db70, 20);
color: darken(#399ced, 20);
font-weight: bold;
background: url('/f/svg/hole/st/container/66db70') 8px 14px no-repeat, // cercle
url('/f/svg/hole/st/container/ffffff') 4px 10px no-repeat, // contour blanc
url('/f/svg/dot/st/container/66db70') 20px 0 no-repeat; // ligne
background-size: 30px, 38px, 6px 100%;
// Gestion du before (compteur css) //
&[data-icon]:before{
content: attr(data-icon);
display: inline-block;
position: absolute;
margin-top: .5em;
margin-left: -41px;
padding: 7px;
border-radius: 50%;
// Contour blanc
box-shadow: 0 0 0 2px #fff;
background-color: #399ced;
font-size: 1em;
font-family: 'icomoon';
color: darken(#66db70, 30);
color: #fff;
font-weight: bold;
display: inline-block;
position: absolute;
left: 35px;
// On centre sur la ligne
transform: translateX(-50%) translateY(-50%);
}
}
/* (4) 'Tags' -> textes sur le liseré gauche */
& [data-tag]:before{
content: attr(data-tag);
/* (4) Titres des sous-sous-sections */
& h5:not(.no-line){
display: block;
display: inline-block;
position: relative;
// On place au centre de la ligne
margin-left: -37px;
padding: 5px;
border: 5px solid #66db70;
border-radius: 23px;
box-shadow: 0 0 0 5px #fff;
background-color: #fff;
padding: 20px 40px;
font-size: 1.2em;
color: darken(#399ced, 20);
font-weight: bold;
color: #66db70;
// On centre sur la ligne
transform: translateX(-50%);
// Gestion du before (compteur css) //
&:before{
content: '';
display: inline-block;
position: absolute;
margin-top: .7em;
margin-left: -41px;
padding: 7px;
border-radius: 50%;
// Contour blanc
box-shadow: 0 0 0 2px #fff;
background-color: #399ced;
// On centre sur la ligne
transform: translateX(-50%) translateY(-50%);
}
// Texte genre text message
&[data-text]:after{
content: attr(data-text);
padding: 6px 10px;
border-radius: 3px;
background: $theme-fg-primary;
color: #fff;
font-weight: normal;
}
}
/* (5) 'Tags' -> textes sur le liseré gauche */
& [data-tag]{
display: block;
padding: 40px 60px;
&:before{
content: attr(data-tag);
display: inline-block;
position: absolute;
margin-top: .5em;
margin-left: -41px;
padding: 2px;
background-color: #fff;
font-size: 1.2em;
color: #399ced;
font-weight: bold;
// On centre sur la ligne
transform: translateX(-50%) translateY(-50%);
}
}

File diff suppressed because one or more lines are too long

View File

@ -6,9 +6,9 @@
"../constants.scss"
],
"sourcesContent": [
"@import 'constants';\n\n/* [1] Formulaire de type timeline\n=========================================================*/\n#WRAPPER > #CONTAINER section[data-timeline]{\n\tdisplay: block;\n\tposition: relative;\n\n\tbackground-color: #fff;\n\n\tfont-size: .9em;\n\tcolor: #000;\n\n\t/* (1) On ajoute le liseré à droite pour TOUS les éléments */\n\t& *:not(.no-line){\n\t\tdisplay: block;\n\n\t\tcolor: #333;\n\n\t\tmargin: 0 20px;\n\t\tpadding: 5px 60px;\n\n\t\tbackground: url('/f/svg/dot/st/container/66db70') 20px 0 no-repeat;\n\t\tbackground-size: 6px 100%;\n\n\t}\n\n\n\t/* (2) Titres de sections */\n\t& h4:not(.no-line){\n\t\tdisplay: block;\n\t\tpadding: 20px 60px;\n\n\t\tfont-size: 1.4em;\n\t\tcolor: #333;\n\t\tfont-weight: bold;\n\n\t\tbackground:\turl('/f/svg/hole/st/container/66db70') 4px 18px no-repeat, // cercle\n\t\t\t\t\turl('/f/svg/hole/st/container/ffffff') 0px 14px no-repeat, // contour blanc\n\t\t\t\t\turl('/f/svg/dot/st/container/66db70') 20px 0 no-repeat; // ligne\n\t\tbackground-size: 38px, 46px, 6px 100%;\n\n\t\t// Gestion du before (compteur css) //\n\t\t&[data-n]:before{\n\t\t\tcontent: attr(data-n);\n\n\t\t\tfont-size: 1.3em;\n\t\t\tcolor: #fff;\n\t\t\tfont-weight: bold;\n\n\t\t\tdisplay: inline-block;\n\t\t\tposition: absolute;\n\t\t\tleft: 35px;\n\t\t}\n\t}\n\n\t/* (3) Titres des sous-sections */\n\t& h5:not(.no-line){\n\t\tdisplay: block;\n\n\t\tpadding: 20px 60px;\n\n\t\tfont-size: 1.2em;\n\t\tcolor: darken(#66db70, 20);\n\t\tfont-weight: bold;\n\n\t\tbackground:\turl('/f/svg/hole/st/container/66db70') 8px 14px no-repeat, // cercle\n\t\t\t\t\turl('/f/svg/hole/st/container/ffffff') 4px 10px no-repeat, // contour blanc\n\t\t\t\t\turl('/f/svg/dot/st/container/66db70') 20px 0 no-repeat; // ligne\n\t\tbackground-size: 30px, 38px, 6px 100%;\n\n\t\t// Gestion du before (compteur css) //\n\t\t&[data-icon]:before{\n\t\t\tcontent: attr(data-icon);\n\n\t\t\tfont-size: 1em;\n\t\t\tfont-family: 'icomoon';\n\t\t\tcolor: darken(#66db70, 30);\n\t\t\tfont-weight: bold;\n\n\t\t\tdisplay: inline-block;\n\t\t\tposition: absolute;\n\t\t\tleft: 35px;\n\t\t}\n\t}\n\n\t/* (4) 'Tags' -> textes sur le liseré gauche */\n\t& [data-tag]:before{\n\t\tcontent: attr(data-tag);\n\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\t\t// On place au centre de la ligne\n\t\tmargin-left: -37px;\n\t\tpadding: 5px;\n\n\t\tborder: 5px solid #66db70;\n\t\tborder-radius: 23px;\n\t\tbox-shadow: 0 0 0 5px #fff;\n\n\t\tbackground-color: #fff;\n\n\t\tfont-weight: bold;\n\t\tcolor: #66db70;\n\n\t\t// On centre sur la ligne\n\t\ttransform: translateX(-50%);\n\t}\n\n\n\n\n}\n",
"@import 'constants';\n\n/* [1] Formulaire de type timeline\n=========================================================*/\n#WRAPPER > #CONTAINER section[data-timeline]{\n\tdisplay: block;\n\tposition: relative;\n\n\tbackground-color: #fff;\n\n\tfont-size: .9em;\n\tcolor: #000;\n\n\t/* (1) On ajoute le liseré à droite pour TOUS les éléments */\n\t& *:not(.no-line){\n\t\tdisplay: block;\n\n\t\tcolor: #333;\n\n\t\tmargin: 0 40px;\n\t\tpadding: 5px 60px;\n\n border-left: 2px solid #399ced;\n\n\t}\n\n\n\t/* (2) Titres de sections */\n\t& h3:not(.no-line){\n\t\tdisplay: block;\n\t\tpadding: 20px 40px;\n\n\t\tfont-size: 1.4em;\n\t\tcolor: #333;\n\t\tfont-weight: bold;\n\n\t\t// TODO: Transformer les background en ::before pour que ca soit juste un cercle avec bg et border\n\t\t// FIXME: Corriger le liseré pour les autres navigateurs que FF\n\n\t\t// Gestion du before (compteur css) //\n\t\t&[data-n]:before{\n content: attr(data-n);\n\n display: inline-block;\n position: absolute;\n margin-top: .5em;\n margin-left: -41px;\n padding: 3px 12px;\n\n border-radius: 50%;\n // Contour blanc\n box-shadow: 0 0 0 2px #fff;\n\n background-color: #399ced;\n\n\t\t\tfont-size: 1.3em;\n\t\t\tcolor: #fff;\n\t\t\tfont-weight: bold;\n\n // On centre sur la ligne\n transform: translateX(-50%) translateY(-50%);\n\n\t\t}\n\t}\n\n\t/* (3) Titres des sous-sections */\n\t& h4:not(.no-line){\n\t\tdisplay: block;\n\n\t\tpadding: 20px 40px;\n\n\t\tfont-size: 1.2em;\n\t\tcolor: darken(#399ced, 20);\n\t\tfont-weight: bold;\n\n\t\t// Gestion du before (compteur css) //\n\t\t&[data-icon]:before{\n\t\t\tcontent: attr(data-icon);\n\n display: inline-block;\n position: absolute;\n margin-top: .5em;\n margin-left: -41px;\n padding: 7px;\n\n border-radius: 50%;\n // Contour blanc\n box-shadow: 0 0 0 2px #fff;\n\n background-color: #399ced;\n\n\t\t\tfont-size: 1em;\n\t\t\tfont-family: 'icomoon';\n\t\t\tcolor: #fff;\n\t\t\tfont-weight: bold;\n\n // On centre sur la ligne\n transform: translateX(-50%) translateY(-50%);\n\t\t}\n\t}\n\n\t/* (4) Titres des sous-sous-sections */\n\t& h5:not(.no-line){\n\t\tdisplay: block;\n\n\t\tpadding: 20px 40px;\n\n\t\tfont-size: 1.2em;\n\t\tcolor: darken(#399ced, 20);\n\t\tfont-weight: bold;\n\n\t\t// Gestion du before (compteur css) //\n\t\t&:before{\n\t\t\tcontent: '';\n\n display: inline-block;\n position: absolute;\n margin-top: .7em;\n margin-left: -41px;\n padding: 7px;\n\n border-radius: 50%;\n // Contour blanc\n box-shadow: 0 0 0 2px #fff;\n\n background-color: #399ced;\n\n // On centre sur la ligne\n transform: translateX(-50%) translateY(-50%);\n\t\t}\n\n // Texte genre text message\n &[data-text]:after{\n content: attr(data-text);\n padding: 6px 10px;\n\n border-radius: 3px;\n\n background: $theme-fg-primary;\n\n color: #fff;\n font-weight: normal;\n }\n\t}\n\n\t/* (5) 'Tags' -> textes sur le liseré gauche */\n\t& [data-tag]{\n\t\tdisplay: block;\n\n\t\tpadding: 40px 60px;\n\n &:before{\n \t\tcontent: attr(data-tag);\n\n display: inline-block;\n position: absolute;\n margin-top: .5em;\n margin-left: -41px;\n padding: 2px;\n\n background-color: #fff;\n\n font-size: 1.2em;\n color: #399ced;\n font-weight: bold;\n\n // On centre sur la ligne\n transform: translateX(-50%) translateY(-50%);\n }\n\t}\n\n\n\n\n}\n",
"/* [1] COULEURS\n=========================================================*/\n/* (1) COULEURS DU THEME $DEFAULT */\n$theme-bg: #e8e8e8;\n$theme-bg-primary: #ffffff;\n$theme-fg: #515151;\n$theme-fg-primary: #399ced;\n\n/* (2) COULEURS DE THEME $DARK */\n$dark-bg: #313541;\n$dark-bg-primary: #29282e;\n$dark-fg: #939393;\n$dark-fg-primary: #ffffff;\n\n\n/* [2] DIMENSIONS\n=========================================================*/\n/* (1) Layout de base */\n$menu-side-width: 15em;\n$header-height: 4em;\n"
],
"mappings": ";ACAA;2DAC2D;AAC3D,oCAAoC;AAMpC,iCAAiC;AAOjC;2DAC2D;AAC3D,wBAAwB;ADfxB;2DAC2D;AAC3D,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,EAAc,EAC3C,OAAO,EAAE,KAAM,EACf,QAAQ,EAAE,QAAS,EAEnB,gBAAgB,EAAE,IAAK,EAEvB,SAAS,EAAE,IAAK,EAChB,KAAK,EAAE,IAAK,EAEZ,iEAAiE,CAejE,4BAA4B,CA4B5B,kCAAkC,CA8BlC,gDAAgD,EA0BhD;;AA5GD,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,EAU3B,CAAC,AAAA,IAAK,CAAA,QAAQ,EAAC,EAChB,OAAO,EAAE,KAAM,EAEf,KAAK,EAAE,IAAK,EAEZ,MAAM,EAAE,MAAO,EACf,OAAO,EAAE,QAAS,EAElB,UAAU,EAAE,qCAAG,CAAmC,IAAI,CAAC,CAAC,CAAC,SAAS,EAClE,eAAe,EAAE,QAAS,GAE1B;;AArBF,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,EAyB3B,EAAE,AAAA,IAAK,CAAA,QAAQ,EAAC,EACjB,OAAO,EAAE,KAAM,EACf,OAAO,EAAE,SAAU,EAEnB,SAAS,EAAE,KAAM,EACjB,KAAK,EAAE,IAAK,EACZ,WAAW,EAAE,IAAK,EAElB,UAAU,EAAE,sCAAG,CAAoC,GAAG,CAAC,IAAI,CAAC,SAAS,EAClE,sCAAG,CAAoC,GAAG,CAAC,IAAI,CAAC,SAAS,EACzD,qCAAG,CAAmC,IAAI,CAAC,CAAC,CAAC,SAAS,EACzD,eAAe,EAAE,oBAAqB,GActC;;AAlDF,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,EAyB3B,EAAE,AAAA,IAAK,CAAA,QAAQ,EAcf,AAAA,MAAC,AAAA,CAAO,OAAO,CAAA,EACf,OAAO,EAAE,YAAI,EAEb,SAAS,EAAE,KAAM,EACjB,KAAK,EAAE,IAAK,EACZ,WAAW,EAAE,IAAK,EAElB,OAAO,EAAE,YAAa,EACtB,QAAQ,EAAE,QAAS,EACnB,IAAI,EAAE,IAAK,GACX;;AAjDH,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,EAqD3B,EAAE,AAAA,IAAK,CAAA,QAAQ,EAAC,EACjB,OAAO,EAAE,KAAM,EAEf,OAAO,EAAE,SAAU,EAEnB,SAAS,EAAE,KAAM,EACjB,KAAK,EAAE,OAAM,EACb,WAAW,EAAE,IAAK,EAElB,UAAU,EAAE,sCAAG,CAAoC,GAAG,CAAC,IAAI,CAAC,SAAS,EAClE,sCAAG,CAAoC,GAAG,CAAC,IAAI,CAAC,SAAS,EACzD,qCAAG,CAAmC,IAAI,CAAC,CAAC,CAAC,SAAS,EACzD,eAAe,EAAE,oBAAqB,GAetC;;AAhFF,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,EAqD3B,EAAE,AAAA,IAAK,CAAA,QAAQ,EAef,AAAA,SAAC,AAAA,CAAU,OAAO,CAAA,EAClB,OAAO,EAAE,eAAI,EAEb,SAAS,EAAE,GAAI,EACf,WAAW,EAAE,SAAU,EACvB,KAAK,EAAE,OAAM,EACb,WAAW,EAAE,IAAK,EAElB,OAAO,EAAE,YAAa,EACtB,QAAQ,EAAE,QAAS,EACnB,IAAI,EAAE,IAAK,GACX;;AA/EH,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,GAmF3B,AAAA,QAAC,AAAA,CAAS,OAAO,CAAA,EAClB,OAAO,EAAE,cAAI,EAEb,OAAO,EAAE,YAAa,EACtB,QAAQ,EAAE,QAAS,EAEnB,WAAW,EAAE,KAAM,EACnB,OAAO,EAAE,GAAI,EAEb,MAAM,EAAE,iBAAkB,EAC1B,aAAa,EAAE,IAAK,EACpB,UAAU,EAAE,cAAe,EAE3B,gBAAgB,EAAE,IAAK,EAEvB,WAAW,EAAE,IAAK,EAClB,KAAK,EAAE,OAAQ,EAGf,SAAS,EAAE,gBAAU,GACrB",
"mappings": ";ACAA;2DAC2D;AAC3D,oCAAoC;AAMpC,iCAAiC;AAOjC;2DAC2D;AAC3D,wBAAwB;ADfxB;2DAC2D;AAC3D,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,EAAc,EAC3C,OAAO,EAAE,KAAM,EACf,QAAQ,EAAE,QAAS,EAEnB,gBAAgB,EAAE,IAAK,EAEvB,SAAS,EAAE,IAAK,EAChB,KAAK,EAAE,IAAK,EAEZ,iEAAiE,CAcjE,4BAA4B,CAsC5B,kCAAkC,CAoClC,uCAAuC,CA4CvC,gDAAgD,EA6BhD;;AA1KD,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,EAU3B,CAAC,AAAA,IAAK,CAAA,QAAQ,EAAC,EAChB,OAAO,EAAE,KAAM,EAEf,KAAK,EAAE,IAAK,EAEZ,MAAM,EAAE,MAAO,EACf,OAAO,EAAE,QAAS,EAEZ,WAAW,EAAE,iBAAkB,GAErC;;AApBF,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,EAwB3B,EAAE,AAAA,IAAK,CAAA,QAAQ,EAAC,EACjB,OAAO,EAAE,KAAM,EACf,OAAO,EAAE,SAAU,EAEnB,SAAS,EAAE,KAAM,EACjB,KAAK,EAAE,IAAK,EACZ,WAAW,EAAE,IAAK,GA6BlB;;AA3DF,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,EAwB3B,EAAE,AAAA,IAAK,CAAA,QAAQ,EAYf,AAAA,MAAC,AAAA,CAAO,OAAO,CAAA,EACN,OAAO,EAAE,YAAI,EAEb,OAAO,EAAE,YAAa,EACtB,QAAQ,EAAE,QAAS,EACnB,UAAU,EAAE,IAAK,EACjB,WAAW,EAAE,KAAM,EACnB,OAAO,EAAE,QAAS,EAElB,aAAa,EAAE,GAAI,EAEnB,UAAU,EAAE,cAAe,EAE3B,gBAAgB,EAAE,OAAQ,EAEnC,SAAS,EAAE,KAAM,EACjB,KAAK,EAAE,IAAK,EACZ,WAAW,EAAE,IAAK,EAGT,SAAS,EAAE,gBAAU,CAAO,gBAAU,GAE/C;;AA1DH,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,EA8D3B,EAAE,AAAA,IAAK,CAAA,QAAQ,EAAC,EACjB,OAAO,EAAE,KAAM,EAEf,OAAO,EAAE,SAAU,EAEnB,SAAS,EAAE,KAAM,EACjB,KAAK,EAAE,OAAM,EACb,WAAW,EAAE,IAAK,GA0BlB;;AA/FF,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,EA8D3B,EAAE,AAAA,IAAK,CAAA,QAAQ,EAUf,AAAA,SAAC,AAAA,CAAU,OAAO,CAAA,EAClB,OAAO,EAAE,eAAI,EAEJ,OAAO,EAAE,YAAa,EACtB,QAAQ,EAAE,QAAS,EACnB,UAAU,EAAE,IAAK,EACjB,WAAW,EAAE,KAAM,EACnB,OAAO,EAAE,GAAI,EAEb,aAAa,EAAE,GAAI,EAEnB,UAAU,EAAE,cAAe,EAE3B,gBAAgB,EAAE,OAAQ,EAEnC,SAAS,EAAE,GAAI,EACf,WAAW,EAAE,SAAU,EACvB,KAAK,EAAE,IAAK,EACZ,WAAW,EAAE,IAAK,EAGT,SAAS,EAAE,gBAAU,CAAO,gBAAU,GAC/C;;AA9FH,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,EAkG3B,EAAE,AAAA,IAAK,CAAA,QAAQ,EAAC,EACjB,OAAO,EAAE,KAAM,EAEf,OAAO,EAAE,SAAU,EAEnB,SAAS,EAAE,KAAM,EACjB,KAAK,EAAE,OAAM,EACb,WAAW,EAAE,IAAK,GAkClB;;AA3IF,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,EAkG3B,EAAE,AAAA,IAAK,CAAA,QAAQ,CAUf,OAAO,CAAA,EACP,OAAO,EAAE,EAAG,EAEH,OAAO,EAAE,YAAa,EACtB,QAAQ,EAAE,QAAS,EACnB,UAAU,EAAE,IAAK,EACjB,WAAW,EAAE,KAAM,EACnB,OAAO,EAAE,GAAI,EAEb,aAAa,EAAE,GAAI,EAEnB,UAAU,EAAE,cAAe,EAE3B,gBAAgB,EAAE,OAAQ,EAG1B,SAAS,EAAE,gBAAU,CAAO,gBAAU,GAC/C;;AA7HH,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,EAkG3B,EAAE,AAAA,IAAK,CAAA,QAAQ,EA8BT,AAAA,SAAC,AAAA,CAAU,MAAM,CAAA,EACd,OAAO,EAAE,eAAI,EACb,OAAO,EAAE,QAAS,EAElB,aAAa,EAAE,GAAI,EAEnB,UAAU,ECpIH,OAAO,EDsId,KAAK,EAAE,IAAK,EACZ,WAAW,EAAE,MAAO,GACvB;;AA1IT,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,GA8I3B,AAAA,QAAC,AAAA,EAAS,EACX,OAAO,EAAE,KAAM,EAEf,OAAO,EAAE,SAAU,GAoBnB;;AArKF,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,GA8I3B,AAAA,QAAC,AAAA,CAKK,OAAO,CAAA,EACV,OAAO,EAAE,cAAI,EAEP,OAAO,EAAE,YAAa,EACtB,QAAQ,EAAE,QAAS,EACnB,UAAU,EAAE,IAAK,EACjB,WAAW,EAAE,KAAM,EACnB,OAAO,EAAE,GAAI,EAEb,gBAAgB,EAAE,IAAK,EAEvB,SAAS,EAAE,KAAM,EACjB,KAAK,EAAE,OAAQ,EACf,WAAW,EAAE,IAAK,EAGlB,SAAS,EAAE,gBAAU,CAAO,gBAAU,GACzC",
"names": []
}

File diff suppressed because one or more lines are too long

View File

@ -6,9 +6,9 @@
"../constants.scss"
],
"sourcesContent": [
"@import 'constants';\n\n/* [1] Formulaire de type timeline\n=========================================================*/\n#WRAPPER > #CONTAINER section[data-timeline]{\n\tdisplay: block;\n\tposition: relative;\n\n\tbackground-color: #fff;\n\n\tfont-size: .9em;\n\tcolor: #000;\n\n\t/* (1) On ajoute le liseré à droite pour TOUS les éléments */\n\t& *:not(.no-line){\n\t\tdisplay: block;\n\n\t\tcolor: #333;\n\n\t\tmargin: 0 20px;\n\t\tpadding: 5px 60px;\n\n\t\tbackground: url('/f/svg/dot/st/container/66db70') 20px 0 no-repeat;\n\t\tbackground-size: 6px 100%;\n\n\t}\n\n\n\t/* (2) Titres de sections */\n\t& h4:not(.no-line){\n\t\tdisplay: block;\n\t\tpadding: 20px 60px;\n\n\t\tfont-size: 1.4em;\n\t\tcolor: #333;\n\t\tfont-weight: bold;\n\n\t\tbackground:\turl('/f/svg/hole/st/container/66db70') 4px 18px no-repeat, // cercle\n\t\t\t\t\turl('/f/svg/hole/st/container/ffffff') 0px 14px no-repeat, // contour blanc\n\t\t\t\t\turl('/f/svg/dot/st/container/66db70') 20px 0 no-repeat; // ligne\n\t\tbackground-size: 38px, 46px, 6px 100%;\n\n\t\t// Gestion du before (compteur css) //\n\t\t&[data-n]:before{\n\t\t\tcontent: attr(data-n);\n\n\t\t\tfont-size: 1.3em;\n\t\t\tcolor: #fff;\n\t\t\tfont-weight: bold;\n\n\t\t\tdisplay: inline-block;\n\t\t\tposition: absolute;\n\t\t\tleft: 35px;\n\t\t}\n\t}\n\n\t/* (3) Titres des sous-sections */\n\t& h5:not(.no-line){\n\t\tdisplay: block;\n\n\t\tpadding: 20px 60px;\n\n\t\tfont-size: 1.2em;\n\t\tcolor: darken(#66db70, 20);\n\t\tfont-weight: bold;\n\n\t\tbackground:\turl('/f/svg/hole/st/container/66db70') 8px 14px no-repeat, // cercle\n\t\t\t\t\turl('/f/svg/hole/st/container/ffffff') 4px 10px no-repeat, // contour blanc\n\t\t\t\t\turl('/f/svg/dot/st/container/66db70') 20px 0 no-repeat; // ligne\n\t\tbackground-size: 30px, 38px, 6px 100%;\n\n\t\t// Gestion du before (compteur css) //\n\t\t&[data-icon]:before{\n\t\t\tcontent: attr(data-icon);\n\n\t\t\tfont-size: 1em;\n\t\t\tfont-family: 'icomoon';\n\t\t\tcolor: darken(#66db70, 30);\n\t\t\tfont-weight: bold;\n\n\t\t\tdisplay: inline-block;\n\t\t\tposition: absolute;\n\t\t\tleft: 35px;\n\t\t}\n\t}\n\n\t/* (4) 'Tags' -> textes sur le liseré gauche */\n\t& [data-tag]:before{\n\t\tcontent: attr(data-tag);\n\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\t\t// On place au centre de la ligne\n\t\tmargin-left: -37px;\n\t\tpadding: 5px;\n\n\t\tborder: 5px solid #66db70;\n\t\tborder-radius: 23px;\n\t\tbox-shadow: 0 0 0 5px #fff;\n\n\t\tbackground-color: #fff;\n\n\t\tfont-weight: bold;\n\t\tcolor: #66db70;\n\n\t\t// On centre sur la ligne\n\t\ttransform: translateX(-50%);\n\t}\n\n\n\n\n}\n",
"@import 'constants';\n\n/* [1] Formulaire de type timeline\n=========================================================*/\n#WRAPPER > #CONTAINER section[data-timeline]{\n\tdisplay: block;\n\tposition: relative;\n\n\tbackground-color: #fff;\n\n\tfont-size: .9em;\n\tcolor: #000;\n\n\t/* (1) On ajoute le liseré à droite pour TOUS les éléments */\n\t& *:not(.no-line){\n\t\tdisplay: block;\n\n\t\tcolor: #333;\n\n\t\tmargin: 0 40px;\n\t\tpadding: 5px 60px;\n\n border-left: 2px solid #399ced;\n\n\t}\n\n\n\t/* (2) Titres de sections */\n\t& h3:not(.no-line){\n\t\tdisplay: block;\n\t\tpadding: 20px 40px;\n\n\t\tfont-size: 1.4em;\n\t\tcolor: #333;\n\t\tfont-weight: bold;\n\n\t\t// TODO: Transformer les background en ::before pour que ca soit juste un cercle avec bg et border\n\t\t// FIXME: Corriger le liseré pour les autres navigateurs que FF\n\n\t\t// Gestion du before (compteur css) //\n\t\t&[data-n]:before{\n content: attr(data-n);\n\n display: inline-block;\n position: absolute;\n margin-top: .5em;\n margin-left: -41px;\n padding: 3px 12px;\n\n border-radius: 50%;\n // Contour blanc\n box-shadow: 0 0 0 2px #fff;\n\n background-color: #399ced;\n\n\t\t\tfont-size: 1.3em;\n\t\t\tcolor: #fff;\n\t\t\tfont-weight: bold;\n\n // On centre sur la ligne\n transform: translateX(-50%) translateY(-50%);\n\n\t\t}\n\t}\n\n\t/* (3) Titres des sous-sections */\n\t& h4:not(.no-line){\n\t\tdisplay: block;\n\n\t\tpadding: 20px 40px;\n\n\t\tfont-size: 1.2em;\n\t\tcolor: darken(#399ced, 20);\n\t\tfont-weight: bold;\n\n\t\t// Gestion du before (compteur css) //\n\t\t&[data-icon]:before{\n\t\t\tcontent: attr(data-icon);\n\n display: inline-block;\n position: absolute;\n margin-top: .5em;\n margin-left: -41px;\n padding: 7px;\n\n border-radius: 50%;\n // Contour blanc\n box-shadow: 0 0 0 2px #fff;\n\n background-color: #399ced;\n\n\t\t\tfont-size: 1em;\n\t\t\tfont-family: 'icomoon';\n\t\t\tcolor: #fff;\n\t\t\tfont-weight: bold;\n\n // On centre sur la ligne\n transform: translateX(-50%) translateY(-50%);\n\t\t}\n\t}\n\n\t/* (4) Titres des sous-sous-sections */\n\t& h5:not(.no-line){\n\t\tdisplay: block;\n\n\t\tpadding: 20px 40px;\n\n\t\tfont-size: 1.2em;\n\t\tcolor: darken(#399ced, 20);\n\t\tfont-weight: bold;\n\n\t\t// Gestion du before (compteur css) //\n\t\t&:before{\n\t\t\tcontent: '';\n\n display: inline-block;\n position: absolute;\n margin-top: .7em;\n margin-left: -41px;\n padding: 7px;\n\n border-radius: 50%;\n // Contour blanc\n box-shadow: 0 0 0 2px #fff;\n\n background-color: #399ced;\n\n // On centre sur la ligne\n transform: translateX(-50%) translateY(-50%);\n\t\t}\n\n // Texte genre text message\n &[data-text]:after{\n content: attr(data-text);\n padding: 6px 10px;\n\n border-radius: 3px;\n\n background: $theme-fg-primary;\n\n color: #fff;\n font-weight: normal;\n }\n\t}\n\n\t/* (5) 'Tags' -> textes sur le liseré gauche */\n\t& [data-tag]{\n\t\tdisplay: block;\n\n\t\tpadding: 40px 60px;\n\n &:before{\n \t\tcontent: attr(data-tag);\n\n display: inline-block;\n position: absolute;\n margin-top: .5em;\n margin-left: -41px;\n padding: 2px;\n\n background-color: #fff;\n\n font-size: 1.2em;\n color: #399ced;\n font-weight: bold;\n\n // On centre sur la ligne\n transform: translateX(-50%) translateY(-50%);\n }\n\t}\n\n\n\n\n}\n",
"/* [1] COULEURS\n=========================================================*/\n/* (1) COULEURS DU THEME $DEFAULT */\n$theme-bg: #e8e8e8;\n$theme-bg-primary: #ffffff;\n$theme-fg: #515151;\n$theme-fg-primary: #399ced;\n\n/* (2) COULEURS DE THEME $DARK */\n$dark-bg: #313541;\n$dark-bg-primary: #29282e;\n$dark-fg: #939393;\n$dark-fg-primary: #ffffff;\n\n\n/* [2] DIMENSIONS\n=========================================================*/\n/* (1) Layout de base */\n$menu-side-width: 15em;\n$header-height: 4em;\n"
],
"mappings": "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",
"mappings": "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",
"names": []
}

File diff suppressed because one or more lines are too long

View File

@ -6,9 +6,9 @@
"../constants.scss"
],
"sourcesContent": [
"@import 'constants';\n\n/* [1] Formulaire de type timeline\n=========================================================*/\n#WRAPPER > #CONTAINER section[data-timeline]{\n\tdisplay: block;\n\tposition: relative;\n\n\tbackground-color: #fff;\n\n\tfont-size: .9em;\n\tcolor: #000;\n\n\t/* (1) On ajoute le liseré à droite pour TOUS les éléments */\n\t& *:not(.no-line){\n\t\tdisplay: block;\n\n\t\tcolor: #333;\n\n\t\tmargin: 0 20px;\n\t\tpadding: 5px 60px;\n\n\t\tbackground: url('/f/svg/dot/st/container/66db70') 20px 0 no-repeat;\n\t\tbackground-size: 6px 100%;\n\n\t}\n\n\n\t/* (2) Titres de sections */\n\t& h4:not(.no-line){\n\t\tdisplay: block;\n\t\tpadding: 20px 60px;\n\n\t\tfont-size: 1.4em;\n\t\tcolor: #333;\n\t\tfont-weight: bold;\n\n\t\tbackground:\turl('/f/svg/hole/st/container/66db70') 4px 18px no-repeat, // cercle\n\t\t\t\t\turl('/f/svg/hole/st/container/ffffff') 0px 14px no-repeat, // contour blanc\n\t\t\t\t\turl('/f/svg/dot/st/container/66db70') 20px 0 no-repeat; // ligne\n\t\tbackground-size: 38px, 46px, 6px 100%;\n\n\t\t// Gestion du before (compteur css) //\n\t\t&[data-n]:before{\n\t\t\tcontent: attr(data-n);\n\n\t\t\tfont-size: 1.3em;\n\t\t\tcolor: #fff;\n\t\t\tfont-weight: bold;\n\n\t\t\tdisplay: inline-block;\n\t\t\tposition: absolute;\n\t\t\tleft: 35px;\n\t\t}\n\t}\n\n\t/* (3) Titres des sous-sections */\n\t& h5:not(.no-line){\n\t\tdisplay: block;\n\n\t\tpadding: 20px 60px;\n\n\t\tfont-size: 1.2em;\n\t\tcolor: darken(#66db70, 20);\n\t\tfont-weight: bold;\n\n\t\tbackground:\turl('/f/svg/hole/st/container/66db70') 8px 14px no-repeat, // cercle\n\t\t\t\t\turl('/f/svg/hole/st/container/ffffff') 4px 10px no-repeat, // contour blanc\n\t\t\t\t\turl('/f/svg/dot/st/container/66db70') 20px 0 no-repeat; // ligne\n\t\tbackground-size: 30px, 38px, 6px 100%;\n\n\t\t// Gestion du before (compteur css) //\n\t\t&[data-icon]:before{\n\t\t\tcontent: attr(data-icon);\n\n\t\t\tfont-size: 1em;\n\t\t\tfont-family: 'icomoon';\n\t\t\tcolor: darken(#66db70, 30);\n\t\t\tfont-weight: bold;\n\n\t\t\tdisplay: inline-block;\n\t\t\tposition: absolute;\n\t\t\tleft: 35px;\n\t\t}\n\t}\n\n\t/* (4) 'Tags' -> textes sur le liseré gauche */\n\t& [data-tag]:before{\n\t\tcontent: attr(data-tag);\n\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\t\t// On place au centre de la ligne\n\t\tmargin-left: -37px;\n\t\tpadding: 5px;\n\n\t\tborder: 5px solid #66db70;\n\t\tborder-radius: 23px;\n\t\tbox-shadow: 0 0 0 5px #fff;\n\n\t\tbackground-color: #fff;\n\n\t\tfont-weight: bold;\n\t\tcolor: #66db70;\n\n\t\t// On centre sur la ligne\n\t\ttransform: translateX(-50%);\n\t}\n\n\n\n\n}\n",
"@import 'constants';\n\n/* [1] Formulaire de type timeline\n=========================================================*/\n#WRAPPER > #CONTAINER section[data-timeline]{\n\tdisplay: block;\n\tposition: relative;\n\n\tbackground-color: #fff;\n\n\tfont-size: .9em;\n\tcolor: #000;\n\n\t/* (1) On ajoute le liseré à droite pour TOUS les éléments */\n\t& *:not(.no-line){\n\t\tdisplay: block;\n\n\t\tcolor: #333;\n\n\t\tmargin: 0 40px;\n\t\tpadding: 5px 60px;\n\n border-left: 2px solid #399ced;\n\n\t}\n\n\n\t/* (2) Titres de sections */\n\t& h3:not(.no-line){\n\t\tdisplay: block;\n\t\tpadding: 20px 40px;\n\n\t\tfont-size: 1.4em;\n\t\tcolor: #333;\n\t\tfont-weight: bold;\n\n\t\t// TODO: Transformer les background en ::before pour que ca soit juste un cercle avec bg et border\n\t\t// FIXME: Corriger le liseré pour les autres navigateurs que FF\n\n\t\t// Gestion du before (compteur css) //\n\t\t&[data-n]:before{\n content: attr(data-n);\n\n display: inline-block;\n position: absolute;\n margin-top: .5em;\n margin-left: -41px;\n padding: 3px 12px;\n\n border-radius: 50%;\n // Contour blanc\n box-shadow: 0 0 0 2px #fff;\n\n background-color: #399ced;\n\n\t\t\tfont-size: 1.3em;\n\t\t\tcolor: #fff;\n\t\t\tfont-weight: bold;\n\n // On centre sur la ligne\n transform: translateX(-50%) translateY(-50%);\n\n\t\t}\n\t}\n\n\t/* (3) Titres des sous-sections */\n\t& h4:not(.no-line){\n\t\tdisplay: block;\n\n\t\tpadding: 20px 40px;\n\n\t\tfont-size: 1.2em;\n\t\tcolor: darken(#399ced, 20);\n\t\tfont-weight: bold;\n\n\t\t// Gestion du before (compteur css) //\n\t\t&[data-icon]:before{\n\t\t\tcontent: attr(data-icon);\n\n display: inline-block;\n position: absolute;\n margin-top: .5em;\n margin-left: -41px;\n padding: 7px;\n\n border-radius: 50%;\n // Contour blanc\n box-shadow: 0 0 0 2px #fff;\n\n background-color: #399ced;\n\n\t\t\tfont-size: 1em;\n\t\t\tfont-family: 'icomoon';\n\t\t\tcolor: #fff;\n\t\t\tfont-weight: bold;\n\n // On centre sur la ligne\n transform: translateX(-50%) translateY(-50%);\n\t\t}\n\t}\n\n\t/* (4) Titres des sous-sous-sections */\n\t& h5:not(.no-line){\n\t\tdisplay: block;\n\n\t\tpadding: 20px 40px;\n\n\t\tfont-size: 1.2em;\n\t\tcolor: darken(#399ced, 20);\n\t\tfont-weight: bold;\n\n\t\t// Gestion du before (compteur css) //\n\t\t&:before{\n\t\t\tcontent: '';\n\n display: inline-block;\n position: absolute;\n margin-top: .7em;\n margin-left: -41px;\n padding: 7px;\n\n border-radius: 50%;\n // Contour blanc\n box-shadow: 0 0 0 2px #fff;\n\n background-color: #399ced;\n\n // On centre sur la ligne\n transform: translateX(-50%) translateY(-50%);\n\t\t}\n\n // Texte genre text message\n &[data-text]:after{\n content: attr(data-text);\n padding: 6px 10px;\n\n border-radius: 3px;\n\n background: $theme-fg-primary;\n\n color: #fff;\n font-weight: normal;\n }\n\t}\n\n\t/* (5) 'Tags' -> textes sur le liseré gauche */\n\t& [data-tag]{\n\t\tdisplay: block;\n\n\t\tpadding: 40px 60px;\n\n &:before{\n \t\tcontent: attr(data-tag);\n\n display: inline-block;\n position: absolute;\n margin-top: .5em;\n margin-left: -41px;\n padding: 2px;\n\n background-color: #fff;\n\n font-size: 1.2em;\n color: #399ced;\n font-weight: bold;\n\n // On centre sur la ligne\n transform: translateX(-50%) translateY(-50%);\n }\n\t}\n\n\n\n\n}\n",
"/* [1] COULEURS\n=========================================================*/\n/* (1) COULEURS DU THEME $DEFAULT */\n$theme-bg: #e8e8e8;\n$theme-bg-primary: #ffffff;\n$theme-fg: #515151;\n$theme-fg-primary: #399ced;\n\n/* (2) COULEURS DE THEME $DARK */\n$dark-bg: #313541;\n$dark-bg-primary: #29282e;\n$dark-fg: #939393;\n$dark-fg-primary: #ffffff;\n\n\n/* [2] DIMENSIONS\n=========================================================*/\n/* (1) Layout de base */\n$menu-side-width: 15em;\n$header-height: 4em;\n"
],
"mappings": "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",
"mappings": "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",
"names": []
}

File diff suppressed because one or more lines are too long

View File

@ -6,9 +6,9 @@
"../constants.scss"
],
"sourcesContent": [
"@import 'constants';\n\n/* [1] Formulaire de type timeline\n=========================================================*/\n#WRAPPER > #CONTAINER section[data-timeline]{\n\tdisplay: block;\n\tposition: relative;\n\n\tbackground-color: #fff;\n\n\tfont-size: .9em;\n\tcolor: #000;\n\n\t/* (1) On ajoute le liseré à droite pour TOUS les éléments */\n\t& *:not(.no-line){\n\t\tdisplay: block;\n\n\t\tcolor: #333;\n\n\t\tmargin: 0 20px;\n\t\tpadding: 5px 60px;\n\n\t\tbackground: url('/f/svg/dot/st/container/66db70') 20px 0 no-repeat;\n\t\tbackground-size: 6px 100%;\n\n\t}\n\n\n\t/* (2) Titres de sections */\n\t& h4:not(.no-line){\n\t\tdisplay: block;\n\t\tpadding: 20px 60px;\n\n\t\tfont-size: 1.4em;\n\t\tcolor: #333;\n\t\tfont-weight: bold;\n\n\t\tbackground:\turl('/f/svg/hole/st/container/66db70') 4px 18px no-repeat, // cercle\n\t\t\t\t\turl('/f/svg/hole/st/container/ffffff') 0px 14px no-repeat, // contour blanc\n\t\t\t\t\turl('/f/svg/dot/st/container/66db70') 20px 0 no-repeat; // ligne\n\t\tbackground-size: 38px, 46px, 6px 100%;\n\n\t\t// Gestion du before (compteur css) //\n\t\t&[data-n]:before{\n\t\t\tcontent: attr(data-n);\n\n\t\t\tfont-size: 1.3em;\n\t\t\tcolor: #fff;\n\t\t\tfont-weight: bold;\n\n\t\t\tdisplay: inline-block;\n\t\t\tposition: absolute;\n\t\t\tleft: 35px;\n\t\t}\n\t}\n\n\t/* (3) Titres des sous-sections */\n\t& h5:not(.no-line){\n\t\tdisplay: block;\n\n\t\tpadding: 20px 60px;\n\n\t\tfont-size: 1.2em;\n\t\tcolor: darken(#66db70, 20);\n\t\tfont-weight: bold;\n\n\t\tbackground:\turl('/f/svg/hole/st/container/66db70') 8px 14px no-repeat, // cercle\n\t\t\t\t\turl('/f/svg/hole/st/container/ffffff') 4px 10px no-repeat, // contour blanc\n\t\t\t\t\turl('/f/svg/dot/st/container/66db70') 20px 0 no-repeat; // ligne\n\t\tbackground-size: 30px, 38px, 6px 100%;\n\n\t\t// Gestion du before (compteur css) //\n\t\t&[data-icon]:before{\n\t\t\tcontent: attr(data-icon);\n\n\t\t\tfont-size: 1em;\n\t\t\tfont-family: 'icomoon';\n\t\t\tcolor: darken(#66db70, 30);\n\t\t\tfont-weight: bold;\n\n\t\t\tdisplay: inline-block;\n\t\t\tposition: absolute;\n\t\t\tleft: 35px;\n\t\t}\n\t}\n\n\t/* (4) 'Tags' -> textes sur le liseré gauche */\n\t& [data-tag]:before{\n\t\tcontent: attr(data-tag);\n\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\t\t// On place au centre de la ligne\n\t\tmargin-left: -37px;\n\t\tpadding: 5px;\n\n\t\tborder: 5px solid #66db70;\n\t\tborder-radius: 23px;\n\t\tbox-shadow: 0 0 0 5px #fff;\n\n\t\tbackground-color: #fff;\n\n\t\tfont-weight: bold;\n\t\tcolor: #66db70;\n\n\t\t// On centre sur la ligne\n\t\ttransform: translateX(-50%);\n\t}\n\n\n\n\n}\n",
"@import 'constants';\n\n/* [1] Formulaire de type timeline\n=========================================================*/\n#WRAPPER > #CONTAINER section[data-timeline]{\n\tdisplay: block;\n\tposition: relative;\n\n\tbackground-color: #fff;\n\n\tfont-size: .9em;\n\tcolor: #000;\n\n\t/* (1) On ajoute le liseré à droite pour TOUS les éléments */\n\t& *:not(.no-line){\n\t\tdisplay: block;\n\n\t\tcolor: #333;\n\n\t\tmargin: 0 40px;\n\t\tpadding: 5px 60px;\n\n border-left: 2px solid #399ced;\n\n\t}\n\n\n\t/* (2) Titres de sections */\n\t& h3:not(.no-line){\n\t\tdisplay: block;\n\t\tpadding: 20px 40px;\n\n\t\tfont-size: 1.4em;\n\t\tcolor: #333;\n\t\tfont-weight: bold;\n\n\t\t// TODO: Transformer les background en ::before pour que ca soit juste un cercle avec bg et border\n\t\t// FIXME: Corriger le liseré pour les autres navigateurs que FF\n\n\t\t// Gestion du before (compteur css) //\n\t\t&[data-n]:before{\n content: attr(data-n);\n\n display: inline-block;\n position: absolute;\n margin-top: .5em;\n margin-left: -41px;\n padding: 3px 12px;\n\n border-radius: 50%;\n // Contour blanc\n box-shadow: 0 0 0 2px #fff;\n\n background-color: #399ced;\n\n\t\t\tfont-size: 1.3em;\n\t\t\tcolor: #fff;\n\t\t\tfont-weight: bold;\n\n // On centre sur la ligne\n transform: translateX(-50%) translateY(-50%);\n\n\t\t}\n\t}\n\n\t/* (3) Titres des sous-sections */\n\t& h4:not(.no-line){\n\t\tdisplay: block;\n\n\t\tpadding: 20px 40px;\n\n\t\tfont-size: 1.2em;\n\t\tcolor: darken(#399ced, 20);\n\t\tfont-weight: bold;\n\n\t\t// Gestion du before (compteur css) //\n\t\t&[data-icon]:before{\n\t\t\tcontent: attr(data-icon);\n\n display: inline-block;\n position: absolute;\n margin-top: .5em;\n margin-left: -41px;\n padding: 7px;\n\n border-radius: 50%;\n // Contour blanc\n box-shadow: 0 0 0 2px #fff;\n\n background-color: #399ced;\n\n\t\t\tfont-size: 1em;\n\t\t\tfont-family: 'icomoon';\n\t\t\tcolor: #fff;\n\t\t\tfont-weight: bold;\n\n // On centre sur la ligne\n transform: translateX(-50%) translateY(-50%);\n\t\t}\n\t}\n\n\t/* (4) Titres des sous-sous-sections */\n\t& h5:not(.no-line){\n\t\tdisplay: block;\n\n\t\tpadding: 20px 40px;\n\n\t\tfont-size: 1.2em;\n\t\tcolor: darken(#399ced, 20);\n\t\tfont-weight: bold;\n\n\t\t// Gestion du before (compteur css) //\n\t\t&:before{\n\t\t\tcontent: '';\n\n display: inline-block;\n position: absolute;\n margin-top: .7em;\n margin-left: -41px;\n padding: 7px;\n\n border-radius: 50%;\n // Contour blanc\n box-shadow: 0 0 0 2px #fff;\n\n background-color: #399ced;\n\n // On centre sur la ligne\n transform: translateX(-50%) translateY(-50%);\n\t\t}\n\n // Texte genre text message\n &[data-text]:after{\n content: attr(data-text);\n padding: 6px 10px;\n\n border-radius: 3px;\n\n background: $theme-fg-primary;\n\n color: #fff;\n font-weight: normal;\n }\n\t}\n\n\t/* (5) 'Tags' -> textes sur le liseré gauche */\n\t& [data-tag]{\n\t\tdisplay: block;\n\n\t\tpadding: 40px 60px;\n\n &:before{\n \t\tcontent: attr(data-tag);\n\n display: inline-block;\n position: absolute;\n margin-top: .5em;\n margin-left: -41px;\n padding: 2px;\n\n background-color: #fff;\n\n font-size: 1.2em;\n color: #399ced;\n font-weight: bold;\n\n // On centre sur la ligne\n transform: translateX(-50%) translateY(-50%);\n }\n\t}\n\n\n\n\n}\n",
"/* [1] COULEURS\n=========================================================*/\n/* (1) COULEURS DU THEME $DEFAULT */\n$theme-bg: #e8e8e8;\n$theme-bg-primary: #ffffff;\n$theme-fg: #515151;\n$theme-fg-primary: #399ced;\n\n/* (2) COULEURS DE THEME $DARK */\n$dark-bg: #313541;\n$dark-bg-primary: #29282e;\n$dark-fg: #939393;\n$dark-fg-primary: #ffffff;\n\n\n/* [2] DIMENSIONS\n=========================================================*/\n/* (1) Layout de base */\n$menu-side-width: 15em;\n$header-height: 4em;\n"
],
"mappings": "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",
"mappings": "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",
"names": []
}

View File

@ -0,0 +1,70 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="32"
height="32"
viewBox="0 0 32.000001 32.000001"
id="svg2"
version="1.1"
inkscape:version="0.91 r13725"
sodipodi:docname="left_arrow.svg">
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="11.2"
inkscape:cx="4.9948796"
inkscape:cy="11.553488"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:object-paths="false"
units="px"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:snap-page="true"
inkscape:window-width="1920"
inkscape:window-height="1056"
inkscape:window-x="0"
inkscape:window-y="24"
inkscape:window-maximized="1" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-122.07592,-363.16335)">
<path
style="fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 154.02225,363.16403 0,31.99933 c 0,0 -15.89883,-14.35892 -15.893,-16.10633 0.004,-1.31424 15.893,-15.893 15.893,-15.893 z"
id="stylisable"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccsc" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@ -33,18 +33,22 @@
?><section data-sublink='phone'> <!-- IMPORT ou SAISIE -->
<section data-timeline>
<h4 data-n='1'>Importer un journal d'appel</h4>
<h5 data-icon='p'>Importer un journal d'appel</h5>
<input type='file' value='test'>
<span class='file-input'></span>
<span class='file-name'></span>
<h5 data-icon='m'>Importer un journal d'appel</h5>
<h3 data-n='1'>Importer un journal d'appel</h3>
<h4 data-icon='u'>
<input class='no-line' type='file' value='test'>
<span class='no-line file-input'>Importer un journal d'appels</span>
</h4>
<span data-tag='OU'></span>
<h4 data-n='2'>Saisir manuellement des contacts</h4>
<h3 data-n='2'>Saisir manuellement des contacts</h3>
<h4 data-icon='p'>Saisir un contact</h4>
<h5 data-text="Bonjour à tous, c'est moi!"></h5>
<h4 data-icon='p'>Saisir un contact</h4>
<h4 data-icon='p'>Saisir un contact</h4>
<h4 data-icon='a'>Ajouter un contact</h4>
<p>hi</p>
<p>FULL CSS BIATCH !!</p>
<span data-tag='ET'></span>
<h4 data-n='3'>Saisir manuellement les informations sur les contacts</h4>
<h3 data-n='3'>Saisir les informations sur les contacts</h3>
<span data-tag='FIN'></span>
</section>