Gestion du liseré de gauche + des gros titres (<h5>)

This commit is contained in:
xdrm-brackets 2016-04-20 16:57:59 +02:00
parent 2dd4b114f2
commit 7002e76e54
39 changed files with 1337 additions and 321 deletions

View File

@ -174,7 +174,7 @@
=========================================================*/
& .flag{
margin: 0 .8em;
padding: .2em .8em;
padding: .2em .5em;
border-radius: 5px;
border: 1px solid #b5b5b5;

File diff suppressed because one or more lines are too long

View File

@ -6,7 +6,7 @@
"../constants.scss"
],
"sourcesContent": [
"@import 'constants.scss';\n\n#WRAPPER > #CONTAINER{\n\n\t/* [1] Section (contenu)\n\t=========================================================*/\n\t& > section{\n\t\tdisplay: none;\n\n\t\tmargin: 1em;\n\n\t\t// Gestion de l'activation des sous-parties\n\t\t&.active{ display: block; }\n\n\t\t// Gestion d'une section contenant des graphiques\n\t\t&.charts{\n\t\t\tdisplay: flex;\n\n\t\t\tflex-direction: row;\n\t\t\tflex-wrap: wrap;\n\t\t\tjustify-content: space-around;\n\t\t}\n\n\t\tposition: relative;\n\t\tflex-grow: 1;\n\n\t\tpadding: 1em;\n\n\t\tborder-radius: 3px;\n\n\t\tbackground-color: #fff;\n\n\t\tcolor: #000;\n\t\tfont-size: 1em;\n\n\t\tborder: 1px solid #ddd;\n\n\n\n\t\t/* [2] Titres\n\t\t=========================================================*/\n\t\t& h6{\n\t\t\tcolor: lighten($theme-fg, 20);\n\t\t\tfont-size: 1.2em;\n\t\t\ttext-transform: uppercase;\n\t\t\tfont-weight: 300;\n\t\t\tletter-spacing: .2em;\n\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\n\t\t\t&:before{content:'- ';}\n\t\t\t&:after{content:' -';}\n\n\t\t\t// quand centré\n\t\t\t&.center{\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t}\n\n\n\n\n\n\t\t/* [3][4] Boutons radio + Checkboxes\n\t\t=========================================================*/\n\t\t& input[type=\"radio\"],\n\t\t& input[type=\"checkbox\"]{\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t// Label\n\t\t& input[type=\"radio\"] + label[for],\n\t\t& input[type=\"checkbox\"] + label[for]{\n\t\t\tpadding-left: .8em;\n\n\t\t\t// Pas de selection\n\t\t\t-webkit-touch-callout: none; /* iOS Safari */\n\t\t\t-webkit-user-select: none; /* Chrome/Safari/Opera */\n\t\t\t-khtml-user-select: none; /* Konqueror */\n\t\t\t-moz-user-select: none; /* Firefox */\n\t\t\t-ms-user-select: none; /* IE/Edge */\n\t\t\tuser-select: none; /* non-prefixed */\n\n\n\t\t\t// Receptacle\n\t\t\t&:before{\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tposition: relative;\n\t\t\t\t\ttop: .1em;\n\t\t\t\t\tleft: -.8em;\n\t\t\t\t\twidth: calc( 1em - 2*.15em );\n\t\t\t\t\theight: calc( 1em - 2*.15em );\n\n\t\t\t\tborder-radius: 50% / 50%;\n\t\t\t\tborder: .15em solid $theme-fg-primary;\n\n\t\t\t\tbackground: #fff center center no-repeat;\n\t\t\t\tbackground-image: none;\n\t\t\t\tbackground-size: 70% auto;\n\n\t\t\t\ttransition: background .2s ease-in-out;\n\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t}\n\n\t\t// Quand actif\n\t\t& input[type=\"radio\"]:checked + label[for]:before,\n\t\t& input[type=\"checkbox\"]:checked + label[for]:before{\n\t\t\tbackground-color: $theme-fg-primary;\n\t\t\tbackground-image: url('/f/svg/checked/st/container');\n\t\t}\n\n\n\t\t// Specifique a checkbox\n\t\t& input[type=\"checkbox\"] + label[for]:before{\n\t\t\tborder-radius: 3px;\n\t\t}\n\n\n\n\n\n\t\t/* [5] Boutons de submit\n\t\t=========================================================*/\n\t\t& input[type=\"submit\"],\n\t\t& input[type=\"button\"]{\n\t\t\tmargin: .5em 0;\n\t\t\tpadding: .3em .5em;\n\n\t\t\tborder-radius: 3px;\n\t\t\tborder: 1px solid $theme-fg;\n\n\t\t\tcolor: $theme-fg;\n\n\t\t\tbackground-color: #fff;\n\n\t\t\ttransition: background .1s ease-in-out, color .1s ease-in-out;\n\n\t\t\t/* (1) Animation de @hover */\n\t\t\t&:hover{\n\t\t\t\tbackground-color: $theme-fg;\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\n\n\t\t\t/* (2) Bouton primaire */\n\t\t\t&.primary{\n\t\t\t\tborder-color: $theme-fg-primary;\n\t\t\t\tcolor: $theme-fg-primary;\n\t\t\t\tbackground-color: #fff;\n\n\n\t\t\t\t/* (3) Animation de @hover pour bouton primaire */\n\t\t\t\t&:hover{\n\t\t\t\t\tbackground-color: $theme-fg-primary;\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t}\n\t\t\t}\n\n\n\t\t}\n\n\t\t/* [6] Images inline\n\t\t=========================================================*/\n\t\t& img{\n\t\t\tmargin: 1em;\n\t\t\theight: 3em;\n\t\t}\n\n\t\t/* [7] Contour flags\n\t\t=========================================================*/\n\t\t& .flag{\n\t\t\tmargin: 0 .8em;\n\t\t\tpadding: .2em .8em;\n\n\t\t\tborder-radius: 5px;\n\t\t\tborder: 1px solid #b5b5b5;\n\n\t\t\tcolor: #555;\n\t\t\tfont-family: 'Inconsolata';\n\t\t}\n\n\n\t}\n\n}\n",
"@import 'constants.scss';\n\n#WRAPPER > #CONTAINER{\n\n\t/* [1] Section (contenu)\n\t=========================================================*/\n\t& > section{\n\t\tdisplay: none;\n\n\t\tmargin: 1em;\n\n\t\t// Gestion de l'activation des sous-parties\n\t\t&.active{ display: block; }\n\n\t\t// Gestion d'une section contenant des graphiques\n\t\t&.charts{\n\t\t\tdisplay: flex;\n\n\t\t\tflex-direction: row;\n\t\t\tflex-wrap: wrap;\n\t\t\tjustify-content: space-around;\n\t\t}\n\n\t\tposition: relative;\n\t\tflex-grow: 1;\n\n\t\tpadding: 1em;\n\n\t\tborder-radius: 3px;\n\n\t\tbackground-color: #fff;\n\n\t\tcolor: #000;\n\t\tfont-size: 1em;\n\n\t\tborder: 1px solid #ddd;\n\n\n\n\t\t/* [2] Titres\n\t\t=========================================================*/\n\t\t& h6{\n\t\t\tcolor: lighten($theme-fg, 20);\n\t\t\tfont-size: 1.2em;\n\t\t\ttext-transform: uppercase;\n\t\t\tfont-weight: 300;\n\t\t\tletter-spacing: .2em;\n\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\n\t\t\t&:before{content:'- ';}\n\t\t\t&:after{content:' -';}\n\n\t\t\t// quand centré\n\t\t\t&.center{\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t}\n\n\n\n\n\n\t\t/* [3][4] Boutons radio + Checkboxes\n\t\t=========================================================*/\n\t\t& input[type=\"radio\"],\n\t\t& input[type=\"checkbox\"]{\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t// Label\n\t\t& input[type=\"radio\"] + label[for],\n\t\t& input[type=\"checkbox\"] + label[for]{\n\t\t\tpadding-left: .8em;\n\n\t\t\t// Pas de selection\n\t\t\t-webkit-touch-callout: none; /* iOS Safari */\n\t\t\t-webkit-user-select: none; /* Chrome/Safari/Opera */\n\t\t\t-khtml-user-select: none; /* Konqueror */\n\t\t\t-moz-user-select: none; /* Firefox */\n\t\t\t-ms-user-select: none; /* IE/Edge */\n\t\t\tuser-select: none; /* non-prefixed */\n\n\n\t\t\t// Receptacle\n\t\t\t&:before{\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tposition: relative;\n\t\t\t\t\ttop: .1em;\n\t\t\t\t\tleft: -.8em;\n\t\t\t\t\twidth: calc( 1em - 2*.15em );\n\t\t\t\t\theight: calc( 1em - 2*.15em );\n\n\t\t\t\tborder-radius: 50% / 50%;\n\t\t\t\tborder: .15em solid $theme-fg-primary;\n\n\t\t\t\tbackground: #fff center center no-repeat;\n\t\t\t\tbackground-image: none;\n\t\t\t\tbackground-size: 70% auto;\n\n\t\t\t\ttransition: background .2s ease-in-out;\n\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t}\n\n\t\t// Quand actif\n\t\t& input[type=\"radio\"]:checked + label[for]:before,\n\t\t& input[type=\"checkbox\"]:checked + label[for]:before{\n\t\t\tbackground-color: $theme-fg-primary;\n\t\t\tbackground-image: url('/f/svg/checked/st/container');\n\t\t}\n\n\n\t\t// Specifique a checkbox\n\t\t& input[type=\"checkbox\"] + label[for]:before{\n\t\t\tborder-radius: 3px;\n\t\t}\n\n\n\n\n\n\t\t/* [5] Boutons de submit\n\t\t=========================================================*/\n\t\t& input[type=\"submit\"],\n\t\t& input[type=\"button\"]{\n\t\t\tmargin: .5em 0;\n\t\t\tpadding: .3em .5em;\n\n\t\t\tborder-radius: 3px;\n\t\t\tborder: 1px solid $theme-fg;\n\n\t\t\tcolor: $theme-fg;\n\n\t\t\tbackground-color: #fff;\n\n\t\t\ttransition: background .1s ease-in-out, color .1s ease-in-out;\n\n\t\t\t/* (1) Animation de @hover */\n\t\t\t&:hover{\n\t\t\t\tbackground-color: $theme-fg;\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\n\n\t\t\t/* (2) Bouton primaire */\n\t\t\t&.primary{\n\t\t\t\tborder-color: $theme-fg-primary;\n\t\t\t\tcolor: $theme-fg-primary;\n\t\t\t\tbackground-color: #fff;\n\n\n\t\t\t\t/* (3) Animation de @hover pour bouton primaire */\n\t\t\t\t&:hover{\n\t\t\t\t\tbackground-color: $theme-fg-primary;\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t}\n\t\t\t}\n\n\n\t\t}\n\n\t\t/* [6] Images inline\n\t\t=========================================================*/\n\t\t& img{\n\t\t\tmargin: 1em;\n\t\t\theight: 3em;\n\t\t}\n\n\t\t/* [7] Contour flags\n\t\t=========================================================*/\n\t\t& .flag{\n\t\t\tmargin: 0 .8em;\n\t\t\tpadding: .2em .5em;\n\n\t\t\tborder-radius: 5px;\n\t\t\tborder: 1px solid #b5b5b5;\n\n\t\t\tcolor: #555;\n\t\t\tfont-family: 'Inconsolata';\n\t\t}\n\n\n\t}\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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",

File diff suppressed because one or more lines are too long

View File

@ -6,7 +6,7 @@
"../constants.scss"
],
"sourcesContent": [
"@import 'constants.scss';\n\n#WRAPPER > #CONTAINER{\n\n\t/* [1] Section (contenu)\n\t=========================================================*/\n\t& > section{\n\t\tdisplay: none;\n\n\t\tmargin: 1em;\n\n\t\t// Gestion de l'activation des sous-parties\n\t\t&.active{ display: block; }\n\n\t\t// Gestion d'une section contenant des graphiques\n\t\t&.charts{\n\t\t\tdisplay: flex;\n\n\t\t\tflex-direction: row;\n\t\t\tflex-wrap: wrap;\n\t\t\tjustify-content: space-around;\n\t\t}\n\n\t\tposition: relative;\n\t\tflex-grow: 1;\n\n\t\tpadding: 1em;\n\n\t\tborder-radius: 3px;\n\n\t\tbackground-color: #fff;\n\n\t\tcolor: #000;\n\t\tfont-size: 1em;\n\n\t\tborder: 1px solid #ddd;\n\n\n\n\t\t/* [2] Titres\n\t\t=========================================================*/\n\t\t& h6{\n\t\t\tcolor: lighten($theme-fg, 20);\n\t\t\tfont-size: 1.2em;\n\t\t\ttext-transform: uppercase;\n\t\t\tfont-weight: 300;\n\t\t\tletter-spacing: .2em;\n\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\n\t\t\t&:before{content:'- ';}\n\t\t\t&:after{content:' -';}\n\n\t\t\t// quand centré\n\t\t\t&.center{\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t}\n\n\n\n\n\n\t\t/* [3][4] Boutons radio + Checkboxes\n\t\t=========================================================*/\n\t\t& input[type=\"radio\"],\n\t\t& input[type=\"checkbox\"]{\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t// Label\n\t\t& input[type=\"radio\"] + label[for],\n\t\t& input[type=\"checkbox\"] + label[for]{\n\t\t\tpadding-left: .8em;\n\n\t\t\t// Pas de selection\n\t\t\t-webkit-touch-callout: none; /* iOS Safari */\n\t\t\t-webkit-user-select: none; /* Chrome/Safari/Opera */\n\t\t\t-khtml-user-select: none; /* Konqueror */\n\t\t\t-moz-user-select: none; /* Firefox */\n\t\t\t-ms-user-select: none; /* IE/Edge */\n\t\t\tuser-select: none; /* non-prefixed */\n\n\n\t\t\t// Receptacle\n\t\t\t&:before{\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tposition: relative;\n\t\t\t\t\ttop: .1em;\n\t\t\t\t\tleft: -.8em;\n\t\t\t\t\twidth: calc( 1em - 2*.15em );\n\t\t\t\t\theight: calc( 1em - 2*.15em );\n\n\t\t\t\tborder-radius: 50% / 50%;\n\t\t\t\tborder: .15em solid $theme-fg-primary;\n\n\t\t\t\tbackground: #fff center center no-repeat;\n\t\t\t\tbackground-image: none;\n\t\t\t\tbackground-size: 70% auto;\n\n\t\t\t\ttransition: background .2s ease-in-out;\n\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t}\n\n\t\t// Quand actif\n\t\t& input[type=\"radio\"]:checked + label[for]:before,\n\t\t& input[type=\"checkbox\"]:checked + label[for]:before{\n\t\t\tbackground-color: $theme-fg-primary;\n\t\t\tbackground-image: url('/f/svg/checked/st/container');\n\t\t}\n\n\n\t\t// Specifique a checkbox\n\t\t& input[type=\"checkbox\"] + label[for]:before{\n\t\t\tborder-radius: 3px;\n\t\t}\n\n\n\n\n\n\t\t/* [5] Boutons de submit\n\t\t=========================================================*/\n\t\t& input[type=\"submit\"],\n\t\t& input[type=\"button\"]{\n\t\t\tmargin: .5em 0;\n\t\t\tpadding: .3em .5em;\n\n\t\t\tborder-radius: 3px;\n\t\t\tborder: 1px solid $theme-fg;\n\n\t\t\tcolor: $theme-fg;\n\n\t\t\tbackground-color: #fff;\n\n\t\t\ttransition: background .1s ease-in-out, color .1s ease-in-out;\n\n\t\t\t/* (1) Animation de @hover */\n\t\t\t&:hover{\n\t\t\t\tbackground-color: $theme-fg;\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\n\n\t\t\t/* (2) Bouton primaire */\n\t\t\t&.primary{\n\t\t\t\tborder-color: $theme-fg-primary;\n\t\t\t\tcolor: $theme-fg-primary;\n\t\t\t\tbackground-color: #fff;\n\n\n\t\t\t\t/* (3) Animation de @hover pour bouton primaire */\n\t\t\t\t&:hover{\n\t\t\t\t\tbackground-color: $theme-fg-primary;\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t}\n\t\t\t}\n\n\n\t\t}\n\n\t\t/* [6] Images inline\n\t\t=========================================================*/\n\t\t& img{\n\t\t\tmargin: 1em;\n\t\t\theight: 3em;\n\t\t}\n\n\t\t/* [7] Contour flags\n\t\t=========================================================*/\n\t\t& .flag{\n\t\t\tmargin: 0 .8em;\n\t\t\tpadding: .2em .8em;\n\n\t\t\tborder-radius: 5px;\n\t\t\tborder: 1px solid #b5b5b5;\n\n\t\t\tcolor: #555;\n\t\t\tfont-family: 'Inconsolata';\n\t\t}\n\n\n\t}\n\n}\n",
"@import 'constants.scss';\n\n#WRAPPER > #CONTAINER{\n\n\t/* [1] Section (contenu)\n\t=========================================================*/\n\t& > section{\n\t\tdisplay: none;\n\n\t\tmargin: 1em;\n\n\t\t// Gestion de l'activation des sous-parties\n\t\t&.active{ display: block; }\n\n\t\t// Gestion d'une section contenant des graphiques\n\t\t&.charts{\n\t\t\tdisplay: flex;\n\n\t\t\tflex-direction: row;\n\t\t\tflex-wrap: wrap;\n\t\t\tjustify-content: space-around;\n\t\t}\n\n\t\tposition: relative;\n\t\tflex-grow: 1;\n\n\t\tpadding: 1em;\n\n\t\tborder-radius: 3px;\n\n\t\tbackground-color: #fff;\n\n\t\tcolor: #000;\n\t\tfont-size: 1em;\n\n\t\tborder: 1px solid #ddd;\n\n\n\n\t\t/* [2] Titres\n\t\t=========================================================*/\n\t\t& h6{\n\t\t\tcolor: lighten($theme-fg, 20);\n\t\t\tfont-size: 1.2em;\n\t\t\ttext-transform: uppercase;\n\t\t\tfont-weight: 300;\n\t\t\tletter-spacing: .2em;\n\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\n\t\t\t&:before{content:'- ';}\n\t\t\t&:after{content:' -';}\n\n\t\t\t// quand centré\n\t\t\t&.center{\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t}\n\n\n\n\n\n\t\t/* [3][4] Boutons radio + Checkboxes\n\t\t=========================================================*/\n\t\t& input[type=\"radio\"],\n\t\t& input[type=\"checkbox\"]{\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t// Label\n\t\t& input[type=\"radio\"] + label[for],\n\t\t& input[type=\"checkbox\"] + label[for]{\n\t\t\tpadding-left: .8em;\n\n\t\t\t// Pas de selection\n\t\t\t-webkit-touch-callout: none; /* iOS Safari */\n\t\t\t-webkit-user-select: none; /* Chrome/Safari/Opera */\n\t\t\t-khtml-user-select: none; /* Konqueror */\n\t\t\t-moz-user-select: none; /* Firefox */\n\t\t\t-ms-user-select: none; /* IE/Edge */\n\t\t\tuser-select: none; /* non-prefixed */\n\n\n\t\t\t// Receptacle\n\t\t\t&:before{\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tposition: relative;\n\t\t\t\t\ttop: .1em;\n\t\t\t\t\tleft: -.8em;\n\t\t\t\t\twidth: calc( 1em - 2*.15em );\n\t\t\t\t\theight: calc( 1em - 2*.15em );\n\n\t\t\t\tborder-radius: 50% / 50%;\n\t\t\t\tborder: .15em solid $theme-fg-primary;\n\n\t\t\t\tbackground: #fff center center no-repeat;\n\t\t\t\tbackground-image: none;\n\t\t\t\tbackground-size: 70% auto;\n\n\t\t\t\ttransition: background .2s ease-in-out;\n\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t}\n\n\t\t// Quand actif\n\t\t& input[type=\"radio\"]:checked + label[for]:before,\n\t\t& input[type=\"checkbox\"]:checked + label[for]:before{\n\t\t\tbackground-color: $theme-fg-primary;\n\t\t\tbackground-image: url('/f/svg/checked/st/container');\n\t\t}\n\n\n\t\t// Specifique a checkbox\n\t\t& input[type=\"checkbox\"] + label[for]:before{\n\t\t\tborder-radius: 3px;\n\t\t}\n\n\n\n\n\n\t\t/* [5] Boutons de submit\n\t\t=========================================================*/\n\t\t& input[type=\"submit\"],\n\t\t& input[type=\"button\"]{\n\t\t\tmargin: .5em 0;\n\t\t\tpadding: .3em .5em;\n\n\t\t\tborder-radius: 3px;\n\t\t\tborder: 1px solid $theme-fg;\n\n\t\t\tcolor: $theme-fg;\n\n\t\t\tbackground-color: #fff;\n\n\t\t\ttransition: background .1s ease-in-out, color .1s ease-in-out;\n\n\t\t\t/* (1) Animation de @hover */\n\t\t\t&:hover{\n\t\t\t\tbackground-color: $theme-fg;\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\n\n\t\t\t/* (2) Bouton primaire */\n\t\t\t&.primary{\n\t\t\t\tborder-color: $theme-fg-primary;\n\t\t\t\tcolor: $theme-fg-primary;\n\t\t\t\tbackground-color: #fff;\n\n\n\t\t\t\t/* (3) Animation de @hover pour bouton primaire */\n\t\t\t\t&:hover{\n\t\t\t\t\tbackground-color: $theme-fg-primary;\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t}\n\t\t\t}\n\n\n\t\t}\n\n\t\t/* [6] Images inline\n\t\t=========================================================*/\n\t\t& img{\n\t\t\tmargin: 1em;\n\t\t\theight: 3em;\n\t\t}\n\n\t\t/* [7] Contour flags\n\t\t=========================================================*/\n\t\t& .flag{\n\t\t\tmargin: 0 .8em;\n\t\t\tpadding: .2em .5em;\n\n\t\t\tborder-radius: 5px;\n\t\t\tborder: 1px solid #b5b5b5;\n\n\t\t\tcolor: #555;\n\t\t\tfont-family: 'Inconsolata';\n\t\t}\n\n\n\t}\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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",

File diff suppressed because one or more lines are too long

View File

@ -6,7 +6,7 @@
"../constants.scss"
],
"sourcesContent": [
"@import 'constants.scss';\n\n#WRAPPER > #CONTAINER{\n\n\t/* [1] Section (contenu)\n\t=========================================================*/\n\t& > section{\n\t\tdisplay: none;\n\n\t\tmargin: 1em;\n\n\t\t// Gestion de l'activation des sous-parties\n\t\t&.active{ display: block; }\n\n\t\t// Gestion d'une section contenant des graphiques\n\t\t&.charts{\n\t\t\tdisplay: flex;\n\n\t\t\tflex-direction: row;\n\t\t\tflex-wrap: wrap;\n\t\t\tjustify-content: space-around;\n\t\t}\n\n\t\tposition: relative;\n\t\tflex-grow: 1;\n\n\t\tpadding: 1em;\n\n\t\tborder-radius: 3px;\n\n\t\tbackground-color: #fff;\n\n\t\tcolor: #000;\n\t\tfont-size: 1em;\n\n\t\tborder: 1px solid #ddd;\n\n\n\n\t\t/* [2] Titres\n\t\t=========================================================*/\n\t\t& h6{\n\t\t\tcolor: lighten($theme-fg, 20);\n\t\t\tfont-size: 1.2em;\n\t\t\ttext-transform: uppercase;\n\t\t\tfont-weight: 300;\n\t\t\tletter-spacing: .2em;\n\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\n\t\t\t&:before{content:'- ';}\n\t\t\t&:after{content:' -';}\n\n\t\t\t// quand centré\n\t\t\t&.center{\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t}\n\n\n\n\n\n\t\t/* [3][4] Boutons radio + Checkboxes\n\t\t=========================================================*/\n\t\t& input[type=\"radio\"],\n\t\t& input[type=\"checkbox\"]{\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t// Label\n\t\t& input[type=\"radio\"] + label[for],\n\t\t& input[type=\"checkbox\"] + label[for]{\n\t\t\tpadding-left: .8em;\n\n\t\t\t// Pas de selection\n\t\t\t-webkit-touch-callout: none; /* iOS Safari */\n\t\t\t-webkit-user-select: none; /* Chrome/Safari/Opera */\n\t\t\t-khtml-user-select: none; /* Konqueror */\n\t\t\t-moz-user-select: none; /* Firefox */\n\t\t\t-ms-user-select: none; /* IE/Edge */\n\t\t\tuser-select: none; /* non-prefixed */\n\n\n\t\t\t// Receptacle\n\t\t\t&:before{\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tposition: relative;\n\t\t\t\t\ttop: .1em;\n\t\t\t\t\tleft: -.8em;\n\t\t\t\t\twidth: calc( 1em - 2*.15em );\n\t\t\t\t\theight: calc( 1em - 2*.15em );\n\n\t\t\t\tborder-radius: 50% / 50%;\n\t\t\t\tborder: .15em solid $theme-fg-primary;\n\n\t\t\t\tbackground: #fff center center no-repeat;\n\t\t\t\tbackground-image: none;\n\t\t\t\tbackground-size: 70% auto;\n\n\t\t\t\ttransition: background .2s ease-in-out;\n\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t}\n\n\t\t// Quand actif\n\t\t& input[type=\"radio\"]:checked + label[for]:before,\n\t\t& input[type=\"checkbox\"]:checked + label[for]:before{\n\t\t\tbackground-color: $theme-fg-primary;\n\t\t\tbackground-image: url('/f/svg/checked/st/container');\n\t\t}\n\n\n\t\t// Specifique a checkbox\n\t\t& input[type=\"checkbox\"] + label[for]:before{\n\t\t\tborder-radius: 3px;\n\t\t}\n\n\n\n\n\n\t\t/* [5] Boutons de submit\n\t\t=========================================================*/\n\t\t& input[type=\"submit\"],\n\t\t& input[type=\"button\"]{\n\t\t\tmargin: .5em 0;\n\t\t\tpadding: .3em .5em;\n\n\t\t\tborder-radius: 3px;\n\t\t\tborder: 1px solid $theme-fg;\n\n\t\t\tcolor: $theme-fg;\n\n\t\t\tbackground-color: #fff;\n\n\t\t\ttransition: background .1s ease-in-out, color .1s ease-in-out;\n\n\t\t\t/* (1) Animation de @hover */\n\t\t\t&:hover{\n\t\t\t\tbackground-color: $theme-fg;\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\n\n\t\t\t/* (2) Bouton primaire */\n\t\t\t&.primary{\n\t\t\t\tborder-color: $theme-fg-primary;\n\t\t\t\tcolor: $theme-fg-primary;\n\t\t\t\tbackground-color: #fff;\n\n\n\t\t\t\t/* (3) Animation de @hover pour bouton primaire */\n\t\t\t\t&:hover{\n\t\t\t\t\tbackground-color: $theme-fg-primary;\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t}\n\t\t\t}\n\n\n\t\t}\n\n\t\t/* [6] Images inline\n\t\t=========================================================*/\n\t\t& img{\n\t\t\tmargin: 1em;\n\t\t\theight: 3em;\n\t\t}\n\n\t\t/* [7] Contour flags\n\t\t=========================================================*/\n\t\t& .flag{\n\t\t\tmargin: 0 .8em;\n\t\t\tpadding: .2em .8em;\n\n\t\t\tborder-radius: 5px;\n\t\t\tborder: 1px solid #b5b5b5;\n\n\t\t\tcolor: #555;\n\t\t\tfont-family: 'Inconsolata';\n\t\t}\n\n\n\t}\n\n}\n",
"@import 'constants.scss';\n\n#WRAPPER > #CONTAINER{\n\n\t/* [1] Section (contenu)\n\t=========================================================*/\n\t& > section{\n\t\tdisplay: none;\n\n\t\tmargin: 1em;\n\n\t\t// Gestion de l'activation des sous-parties\n\t\t&.active{ display: block; }\n\n\t\t// Gestion d'une section contenant des graphiques\n\t\t&.charts{\n\t\t\tdisplay: flex;\n\n\t\t\tflex-direction: row;\n\t\t\tflex-wrap: wrap;\n\t\t\tjustify-content: space-around;\n\t\t}\n\n\t\tposition: relative;\n\t\tflex-grow: 1;\n\n\t\tpadding: 1em;\n\n\t\tborder-radius: 3px;\n\n\t\tbackground-color: #fff;\n\n\t\tcolor: #000;\n\t\tfont-size: 1em;\n\n\t\tborder: 1px solid #ddd;\n\n\n\n\t\t/* [2] Titres\n\t\t=========================================================*/\n\t\t& h6{\n\t\t\tcolor: lighten($theme-fg, 20);\n\t\t\tfont-size: 1.2em;\n\t\t\ttext-transform: uppercase;\n\t\t\tfont-weight: 300;\n\t\t\tletter-spacing: .2em;\n\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\n\t\t\t&:before{content:'- ';}\n\t\t\t&:after{content:' -';}\n\n\t\t\t// quand centré\n\t\t\t&.center{\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t}\n\n\n\n\n\n\t\t/* [3][4] Boutons radio + Checkboxes\n\t\t=========================================================*/\n\t\t& input[type=\"radio\"],\n\t\t& input[type=\"checkbox\"]{\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t// Label\n\t\t& input[type=\"radio\"] + label[for],\n\t\t& input[type=\"checkbox\"] + label[for]{\n\t\t\tpadding-left: .8em;\n\n\t\t\t// Pas de selection\n\t\t\t-webkit-touch-callout: none; /* iOS Safari */\n\t\t\t-webkit-user-select: none; /* Chrome/Safari/Opera */\n\t\t\t-khtml-user-select: none; /* Konqueror */\n\t\t\t-moz-user-select: none; /* Firefox */\n\t\t\t-ms-user-select: none; /* IE/Edge */\n\t\t\tuser-select: none; /* non-prefixed */\n\n\n\t\t\t// Receptacle\n\t\t\t&:before{\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tposition: relative;\n\t\t\t\t\ttop: .1em;\n\t\t\t\t\tleft: -.8em;\n\t\t\t\t\twidth: calc( 1em - 2*.15em );\n\t\t\t\t\theight: calc( 1em - 2*.15em );\n\n\t\t\t\tborder-radius: 50% / 50%;\n\t\t\t\tborder: .15em solid $theme-fg-primary;\n\n\t\t\t\tbackground: #fff center center no-repeat;\n\t\t\t\tbackground-image: none;\n\t\t\t\tbackground-size: 70% auto;\n\n\t\t\t\ttransition: background .2s ease-in-out;\n\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t}\n\n\t\t// Quand actif\n\t\t& input[type=\"radio\"]:checked + label[for]:before,\n\t\t& input[type=\"checkbox\"]:checked + label[for]:before{\n\t\t\tbackground-color: $theme-fg-primary;\n\t\t\tbackground-image: url('/f/svg/checked/st/container');\n\t\t}\n\n\n\t\t// Specifique a checkbox\n\t\t& input[type=\"checkbox\"] + label[for]:before{\n\t\t\tborder-radius: 3px;\n\t\t}\n\n\n\n\n\n\t\t/* [5] Boutons de submit\n\t\t=========================================================*/\n\t\t& input[type=\"submit\"],\n\t\t& input[type=\"button\"]{\n\t\t\tmargin: .5em 0;\n\t\t\tpadding: .3em .5em;\n\n\t\t\tborder-radius: 3px;\n\t\t\tborder: 1px solid $theme-fg;\n\n\t\t\tcolor: $theme-fg;\n\n\t\t\tbackground-color: #fff;\n\n\t\t\ttransition: background .1s ease-in-out, color .1s ease-in-out;\n\n\t\t\t/* (1) Animation de @hover */\n\t\t\t&:hover{\n\t\t\t\tbackground-color: $theme-fg;\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\n\n\t\t\t/* (2) Bouton primaire */\n\t\t\t&.primary{\n\t\t\t\tborder-color: $theme-fg-primary;\n\t\t\t\tcolor: $theme-fg-primary;\n\t\t\t\tbackground-color: #fff;\n\n\n\t\t\t\t/* (3) Animation de @hover pour bouton primaire */\n\t\t\t\t&:hover{\n\t\t\t\t\tbackground-color: $theme-fg-primary;\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t}\n\t\t\t}\n\n\n\t\t}\n\n\t\t/* [6] Images inline\n\t\t=========================================================*/\n\t\t& img{\n\t\t\tmargin: 1em;\n\t\t\theight: 3em;\n\t\t}\n\n\t\t/* [7] Contour flags\n\t\t=========================================================*/\n\t\t& .flag{\n\t\t\tmargin: 0 .8em;\n\t\t\tpadding: .2em .5em;\n\n\t\t\tborder-radius: 5px;\n\t\t\tborder: 1px solid #b5b5b5;\n\n\t\t\tcolor: #555;\n\t\t\tfont-family: 'Inconsolata';\n\t\t}\n\n\n\t}\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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",

File diff suppressed because one or more lines are too long

View File

@ -6,7 +6,7 @@
"../constants.scss"
],
"sourcesContent": [
"@import 'constants.scss';\n\n#WRAPPER > #CONTAINER{\n\n\t/* [1] Section (contenu)\n\t=========================================================*/\n\t& > section{\n\t\tdisplay: none;\n\n\t\tmargin: 1em;\n\n\t\t// Gestion de l'activation des sous-parties\n\t\t&.active{ display: block; }\n\n\t\t// Gestion d'une section contenant des graphiques\n\t\t&.charts{\n\t\t\tdisplay: flex;\n\n\t\t\tflex-direction: row;\n\t\t\tflex-wrap: wrap;\n\t\t\tjustify-content: space-around;\n\t\t}\n\n\t\tposition: relative;\n\t\tflex-grow: 1;\n\n\t\tpadding: 1em;\n\n\t\tborder-radius: 3px;\n\n\t\tbackground-color: #fff;\n\n\t\tcolor: #000;\n\t\tfont-size: 1em;\n\n\t\tborder: 1px solid #ddd;\n\n\n\n\t\t/* [2] Titres\n\t\t=========================================================*/\n\t\t& h6{\n\t\t\tcolor: lighten($theme-fg, 20);\n\t\t\tfont-size: 1.2em;\n\t\t\ttext-transform: uppercase;\n\t\t\tfont-weight: 300;\n\t\t\tletter-spacing: .2em;\n\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\n\t\t\t&:before{content:'- ';}\n\t\t\t&:after{content:' -';}\n\n\t\t\t// quand centré\n\t\t\t&.center{\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t}\n\n\n\n\n\n\t\t/* [3][4] Boutons radio + Checkboxes\n\t\t=========================================================*/\n\t\t& input[type=\"radio\"],\n\t\t& input[type=\"checkbox\"]{\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t// Label\n\t\t& input[type=\"radio\"] + label[for],\n\t\t& input[type=\"checkbox\"] + label[for]{\n\t\t\tpadding-left: .8em;\n\n\t\t\t// Pas de selection\n\t\t\t-webkit-touch-callout: none; /* iOS Safari */\n\t\t\t-webkit-user-select: none; /* Chrome/Safari/Opera */\n\t\t\t-khtml-user-select: none; /* Konqueror */\n\t\t\t-moz-user-select: none; /* Firefox */\n\t\t\t-ms-user-select: none; /* IE/Edge */\n\t\t\tuser-select: none; /* non-prefixed */\n\n\n\t\t\t// Receptacle\n\t\t\t&:before{\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tposition: relative;\n\t\t\t\t\ttop: .1em;\n\t\t\t\t\tleft: -.8em;\n\t\t\t\t\twidth: calc( 1em - 2*.15em );\n\t\t\t\t\theight: calc( 1em - 2*.15em );\n\n\t\t\t\tborder-radius: 50% / 50%;\n\t\t\t\tborder: .15em solid $theme-fg-primary;\n\n\t\t\t\tbackground: #fff center center no-repeat;\n\t\t\t\tbackground-image: none;\n\t\t\t\tbackground-size: 70% auto;\n\n\t\t\t\ttransition: background .2s ease-in-out;\n\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t}\n\n\t\t// Quand actif\n\t\t& input[type=\"radio\"]:checked + label[for]:before,\n\t\t& input[type=\"checkbox\"]:checked + label[for]:before{\n\t\t\tbackground-color: $theme-fg-primary;\n\t\t\tbackground-image: url('/f/svg/checked/st/container');\n\t\t}\n\n\n\t\t// Specifique a checkbox\n\t\t& input[type=\"checkbox\"] + label[for]:before{\n\t\t\tborder-radius: 3px;\n\t\t}\n\n\n\n\n\n\t\t/* [5] Boutons de submit\n\t\t=========================================================*/\n\t\t& input[type=\"submit\"],\n\t\t& input[type=\"button\"]{\n\t\t\tmargin: .5em 0;\n\t\t\tpadding: .3em .5em;\n\n\t\t\tborder-radius: 3px;\n\t\t\tborder: 1px solid $theme-fg;\n\n\t\t\tcolor: $theme-fg;\n\n\t\t\tbackground-color: #fff;\n\n\t\t\ttransition: background .1s ease-in-out, color .1s ease-in-out;\n\n\t\t\t/* (1) Animation de @hover */\n\t\t\t&:hover{\n\t\t\t\tbackground-color: $theme-fg;\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\n\n\t\t\t/* (2) Bouton primaire */\n\t\t\t&.primary{\n\t\t\t\tborder-color: $theme-fg-primary;\n\t\t\t\tcolor: $theme-fg-primary;\n\t\t\t\tbackground-color: #fff;\n\n\n\t\t\t\t/* (3) Animation de @hover pour bouton primaire */\n\t\t\t\t&:hover{\n\t\t\t\t\tbackground-color: $theme-fg-primary;\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t}\n\t\t\t}\n\n\n\t\t}\n\n\t\t/* [6] Images inline\n\t\t=========================================================*/\n\t\t& img{\n\t\t\tmargin: 1em;\n\t\t\theight: 3em;\n\t\t}\n\n\t\t/* [7] Contour flags\n\t\t=========================================================*/\n\t\t& .flag{\n\t\t\tmargin: 0 .8em;\n\t\t\tpadding: .2em .8em;\n\n\t\t\tborder-radius: 5px;\n\t\t\tborder: 1px solid #b5b5b5;\n\n\t\t\tcolor: #555;\n\t\t\tfont-family: 'Inconsolata';\n\t\t}\n\n\n\t}\n\n}\n",
"@import 'constants.scss';\n\n#WRAPPER > #CONTAINER{\n\n\t/* [1] Section (contenu)\n\t=========================================================*/\n\t& > section{\n\t\tdisplay: none;\n\n\t\tmargin: 1em;\n\n\t\t// Gestion de l'activation des sous-parties\n\t\t&.active{ display: block; }\n\n\t\t// Gestion d'une section contenant des graphiques\n\t\t&.charts{\n\t\t\tdisplay: flex;\n\n\t\t\tflex-direction: row;\n\t\t\tflex-wrap: wrap;\n\t\t\tjustify-content: space-around;\n\t\t}\n\n\t\tposition: relative;\n\t\tflex-grow: 1;\n\n\t\tpadding: 1em;\n\n\t\tborder-radius: 3px;\n\n\t\tbackground-color: #fff;\n\n\t\tcolor: #000;\n\t\tfont-size: 1em;\n\n\t\tborder: 1px solid #ddd;\n\n\n\n\t\t/* [2] Titres\n\t\t=========================================================*/\n\t\t& h6{\n\t\t\tcolor: lighten($theme-fg, 20);\n\t\t\tfont-size: 1.2em;\n\t\t\ttext-transform: uppercase;\n\t\t\tfont-weight: 300;\n\t\t\tletter-spacing: .2em;\n\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\n\t\t\t&:before{content:'- ';}\n\t\t\t&:after{content:' -';}\n\n\t\t\t// quand centré\n\t\t\t&.center{\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t}\n\n\n\n\n\n\t\t/* [3][4] Boutons radio + Checkboxes\n\t\t=========================================================*/\n\t\t& input[type=\"radio\"],\n\t\t& input[type=\"checkbox\"]{\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t// Label\n\t\t& input[type=\"radio\"] + label[for],\n\t\t& input[type=\"checkbox\"] + label[for]{\n\t\t\tpadding-left: .8em;\n\n\t\t\t// Pas de selection\n\t\t\t-webkit-touch-callout: none; /* iOS Safari */\n\t\t\t-webkit-user-select: none; /* Chrome/Safari/Opera */\n\t\t\t-khtml-user-select: none; /* Konqueror */\n\t\t\t-moz-user-select: none; /* Firefox */\n\t\t\t-ms-user-select: none; /* IE/Edge */\n\t\t\tuser-select: none; /* non-prefixed */\n\n\n\t\t\t// Receptacle\n\t\t\t&:before{\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tposition: relative;\n\t\t\t\t\ttop: .1em;\n\t\t\t\t\tleft: -.8em;\n\t\t\t\t\twidth: calc( 1em - 2*.15em );\n\t\t\t\t\theight: calc( 1em - 2*.15em );\n\n\t\t\t\tborder-radius: 50% / 50%;\n\t\t\t\tborder: .15em solid $theme-fg-primary;\n\n\t\t\t\tbackground: #fff center center no-repeat;\n\t\t\t\tbackground-image: none;\n\t\t\t\tbackground-size: 70% auto;\n\n\t\t\t\ttransition: background .2s ease-in-out;\n\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t}\n\n\t\t// Quand actif\n\t\t& input[type=\"radio\"]:checked + label[for]:before,\n\t\t& input[type=\"checkbox\"]:checked + label[for]:before{\n\t\t\tbackground-color: $theme-fg-primary;\n\t\t\tbackground-image: url('/f/svg/checked/st/container');\n\t\t}\n\n\n\t\t// Specifique a checkbox\n\t\t& input[type=\"checkbox\"] + label[for]:before{\n\t\t\tborder-radius: 3px;\n\t\t}\n\n\n\n\n\n\t\t/* [5] Boutons de submit\n\t\t=========================================================*/\n\t\t& input[type=\"submit\"],\n\t\t& input[type=\"button\"]{\n\t\t\tmargin: .5em 0;\n\t\t\tpadding: .3em .5em;\n\n\t\t\tborder-radius: 3px;\n\t\t\tborder: 1px solid $theme-fg;\n\n\t\t\tcolor: $theme-fg;\n\n\t\t\tbackground-color: #fff;\n\n\t\t\ttransition: background .1s ease-in-out, color .1s ease-in-out;\n\n\t\t\t/* (1) Animation de @hover */\n\t\t\t&:hover{\n\t\t\t\tbackground-color: $theme-fg;\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\n\n\t\t\t/* (2) Bouton primaire */\n\t\t\t&.primary{\n\t\t\t\tborder-color: $theme-fg-primary;\n\t\t\t\tcolor: $theme-fg-primary;\n\t\t\t\tbackground-color: #fff;\n\n\n\t\t\t\t/* (3) Animation de @hover pour bouton primaire */\n\t\t\t\t&:hover{\n\t\t\t\t\tbackground-color: $theme-fg-primary;\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t}\n\t\t\t}\n\n\n\t\t}\n\n\t\t/* [6] Images inline\n\t\t=========================================================*/\n\t\t& img{\n\t\t\tmargin: 1em;\n\t\t\theight: 3em;\n\t\t}\n\n\t\t/* [7] Contour flags\n\t\t=========================================================*/\n\t\t& .flag{\n\t\t\tmargin: 0 .8em;\n\t\t\tpadding: .2em .5em;\n\n\t\t\tborder-radius: 5px;\n\t\t\tborder: 1px solid #b5b5b5;\n\n\t\t\tcolor: #555;\n\t\t\tfont-family: 'Inconsolata';\n\t\t}\n\n\n\t}\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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",

View File

@ -1,289 +1,10 @@
@import 'constants';
/* [1] Panneau d'ajout/suppression d'elements
/* [1] Panel list (tokens, utilisateurs, etc)
=========================================================*/
#WRAPPER > #CONTAINER section[data-panel-list]{
display: block;
position: relative;
@import 'panel-list';
border-radius: 3px;
border: 1px solid #ccc;
background-color: #fff;
font-size: .9em;
color: #000;
/* (1) Header (titre + ajout) */
& > div[data-header]{
display: flex;
position: relative;
// flex properties
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
padding: .5em .7em;
border-radius: 3px 3px 0 0;
border-bottom: 1px solid #ccc;
background-color: #f5f5f5;
box-shadow: inset 0 0 5px #eee;
// Libelle du panel
& > span,
& > button{
color: #333;
font-weight: bold;
line-height: 2em;
}
// Bouton ajouter
& > button{
padding: .1em .7em;
border-radius: 3px;
border: 1px solid #777;
background: #ecf0f1;
transition: all .1s ease-in-out;
color: #777;
// Animation de @hover
&:hover{
background: $theme-fg-primary;
border-color: darken($theme-fg-primary, 10);
color: #fff;
}
}
}
/* (2) Description (sous le header) */
& > div[data-description]{
display: block;
position: relative;
border-bottom: 1px solid #ccc;
padding: .7em .7em;
color: #555;
}
/* (3) Liste des elements */
& > ul[data-list]{
display: flex;
position: relative;
// flex properties
flex-direction: column;
justify-content: flex-start;
flex-wrap: nowrap;
margin: 0;
padding: 0;
list-style: none;
/* (4) Chaque element de la liste */
& > li[data-element]{
display: flex;
// flex properties
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
padding: 1em;
// rebord en bas sauf dernier
&:not(:last-child){
border-bottom: 1px solid #ccc;
}
/* (4.1) Logo et type d'element */
& > div:nth-child(1){
display: flex;
width: 10em;
height: 6em;
// flex properties
flex-direction: column;
justify-content: flex-end;
align-items: center;
// Image pour token
&[data-token]{
background: url('/f/svg/token/st/container/666666') center 1em no-repeat;
// Si le token est actif
&.active{
background-image: url('/f/svg/token/st/container/399ced');
}
}
// Image pour utilisateur
&[data-user]{
background: url('/f/svg/user/st/container/666666') center 1em no-repeat;
// Si le token est actif
&.active{
background-image: url('/f/svg/user/st/container/399ced');
}
}
// Image pour utilisateur
&[data-number]{
background: url('/f/svg/phone_number/st/container/666666') center 1em no-repeat;
// Si le token est actif
&.active{
background-image: url('/f/svg/phone_number/st/container/399ced');
}
}
background-size: auto 50%;
// Texte pour le type d'element
& > span{
display: block;
padding: 0 .4em;
border-radius: 3px;
border: 1px solid #ddd;
font-size: .8em;
color: #555;
text-transform: uppercase;
font-weight: bold;
}
}
/* (4.2) Donnees descriptives */
& > div:nth-child(n+2){
display: flex;
position: relative;
flex: 10em;
padding: 1em;
// flex properties
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
font-size: 1em;
color: #000;
font-weight: bold;
// On prefixe chaque donnee
& > span[data-prefix]:before{
content: attr(data-prefix) ": ";
font-weight: normal;
}
}
/* (4.3) Bouton de suppression */
& > button{
padding: .1em .7em;
height: 2em;
border-radius: 3px;
border: 1px solid #de2b08;
background: #fff;
color: #de2b08;
font-weight: bold;
transition: all .2s ease-in-out;
// Animation de @hover
&:hover{
background: #de2b08;
color: #fff;
}
}
}
}
/* (5) Formulaire d'ajout d'un nouvel element */
& > div[data-add]{
display: none;
// Affichage quand .active
&.active{
display: block;
}
position: relative;
padding: 1em;
border-bottom: 1px solid #ccc;
background-color: #ecf0f1;
// font-weight: bold;
/* (5.1) Description du champ de texte */
& > .label{
display: inline-block;
width: 18em;
padding-right: 2em;
text-align: right;
color: #3b494c;
}
/* (5.2) Champs de texte */
& > input[type='text'],
& > input[type='email'],
& > input[type='password']{
margin: 1em 0;
padding: .5em .7em;
border-radius: 3px;
border: 1px solid #ddd;
background-color: #fff;
color: #000;
font-weight: normal;
// Animation de @focus
&:focus{
border-color: $theme-fg-primary;
box-shadow: inset 0 0 2px #ddd;
}
}
/* (5.3) Bouton de creation animation de @hover*/
& > input[type='submit']:hover{
background: $theme-fg-primary;
border-color: darken($theme-fg-primary, 10);
color: #fff;
}
}
}
/* [2] Formulaire de type 'timeline'
=========================================================*/
@import 'timeline-form';

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

288
css/panel-list.scss Normal file
View File

@ -0,0 +1,288 @@
@import 'constants';
/* [1] Panneau d'ajout/suppression d'elements
=========================================================*/
#WRAPPER > #CONTAINER section[data-panel-list]{
display: block;
position: relative;
border-radius: 3px;
border: 1px solid #ccc;
background-color: #fff;
font-size: .9em;
color: #000;
/* (1) Header (titre + ajout) */
& > div[data-header]{
display: flex;
position: relative;
// flex properties
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
padding: .5em .7em;
border-radius: 3px 3px 0 0;
border-bottom: 1px solid #ccc;
background-color: #f5f5f5;
box-shadow: inset 0 0 5px #eee;
// Libelle du panel
& > span,
& > button{
color: #333;
font-weight: bold;
line-height: 2em;
}
// Bouton ajouter
& > button{
padding: .1em .7em;
border-radius: 3px;
border: 1px solid #777;
background: #ecf0f1;
transition: all .1s ease-in-out;
color: #777;
// Animation de @hover
&:hover{
background: $theme-fg-primary;
border-color: darken($theme-fg-primary, 10);
color: #fff;
}
}
}
/* (2) Description (sous le header) */
& > div[data-description]{
display: block;
position: relative;
border-bottom: 1px solid #ccc;
padding: .7em .7em;
color: #555;
}
/* (3) Liste des elements */
& > ul[data-list]{
display: flex;
position: relative;
// flex properties
flex-direction: column;
justify-content: flex-start;
flex-wrap: nowrap;
margin: 0;
padding: 0;
list-style: none;
/* (4) Chaque element de la liste */
& > li[data-element]{
display: flex;
// flex properties
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
padding: 1em;
// rebord en bas sauf dernier
&:not(:last-child){
border-bottom: 1px solid #ccc;
}
/* (4.1) Logo et type d'element */
& > div:nth-child(1){
display: flex;
width: 10em;
height: 6em;
// flex properties
flex-direction: column;
justify-content: flex-end;
align-items: center;
// Image pour token
&[data-token]{
background: url('/f/svg/token/st/container/666666') center 1em no-repeat;
// Si le token est actif
&.active{
background-image: url('/f/svg/token/st/container/399ced');
}
}
// Image pour utilisateur
&[data-user]{
background: url('/f/svg/user/st/container/666666') center 1em no-repeat;
// Si le token est actif
&.active{
background-image: url('/f/svg/user/st/container/399ced');
}
}
// Image pour utilisateur
&[data-number]{
background: url('/f/svg/phone_number/st/container/666666') center 1em no-repeat;
// Si le token est actif
&.active{
background-image: url('/f/svg/phone_number/st/container/399ced');
}
}
background-size: auto 50%;
// Texte pour le type d'element
& > span{
display: block;
padding: 0 .4em;
border-radius: 3px;
border: 1px solid #ddd;
font-size: .8em;
color: #555;
text-transform: uppercase;
font-weight: bold;
}
}
/* (4.2) Donnees descriptives */
& > div:nth-child(n+2){
display: flex;
position: relative;
flex: 10em;
padding: 1em;
// flex properties
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
font-size: 1em;
color: #000;
font-weight: bold;
// On prefixe chaque donnee
& > span[data-prefix]:before{
content: attr(data-prefix) ": ";
font-weight: normal;
}
}
/* (4.3) Bouton de suppression */
& > button{
padding: .1em .7em;
height: 2em;
border-radius: 3px;
border: 1px solid #de2b08;
background: #fff;
color: #de2b08;
font-weight: bold;
transition: all .2s ease-in-out;
// Animation de @hover
&:hover{
background: #de2b08;
color: #fff;
}
}
}
}
/* (5) Formulaire d'ajout d'un nouvel element */
& > div[data-add]{
display: none;
// Affichage quand .active
&.active{
display: block;
}
position: relative;
padding: 1em;
border-bottom: 1px solid #ccc;
background-color: #ecf0f1;
// font-weight: bold;
/* (5.1) Description du champ de texte */
& > .label{
display: inline-block;
width: 18em;
padding-right: 2em;
text-align: right;
color: #3b494c;
}
/* (5.2) Champs de texte */
& > input[type='text'],
& > input[type='email'],
& > input[type='password']{
margin: 1em 0;
padding: .5em .7em;
border-radius: 3px;
border: 1px solid #ddd;
background-color: #fff;
color: #000;
font-weight: normal;
// Animation de @focus
&:focus{
border-color: $theme-fg-primary;
box-shadow: inset 0 0 2px #ddd;
}
}
/* (5.3) Bouton de creation animation de @hover*/
& > input[type='submit']:hover{
background: $theme-fg-primary;
border-color: darken($theme-fg-primary, 10);
color: #fff;
}
}
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

223
css/panel-list/expanded.css Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

3
css/panel-list/min.css Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

170
css/panel-list/nested.css Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

59
css/timeline-form.scss Normal file
View File

@ -0,0 +1,59 @@
@import 'constants';
/* [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){
color: #333;
margin: 0 20px;
padding: 5px 60px;
background: url('/f/svg/dot/st/container/aaaaaa') 20px 0 no-repeat;
background-size: 6px 100%;
}
/* (2) Titres de sections */
& h5:not(.no-line),
& [data-title]:not(.no-line){
padding: 20px 60px;
font-size: 1.4em;
color: #777;
font-weight: bold;
background: url('/f/svg/hole/st/container/777777') 4px 16px no-repeat, // cercle
url('/f/svg/hole/st/container/ffffff') 2px 14px no-repeat, // contour blanc
url('/f/svg/dot/st/container/aaaaaa') 20px 0 no-repeat; // ligne
background-size: 38px, 42px, 6px 100%;
// Gestion du before (compteur css) //
// &[data-n]:before{
// content: attr(data-n);
//
// font-size: 1.3em;
// color: #999;
// font-weight: bold;
//
// display: inline-block;
// position: absolute;
// left: 37px;
// }
}
}

View File

@ -0,0 +1,17 @@
@charset "UTF-8";
/* [1] COULEURS
=========================================================*/
/* (1) COULEURS DU THEME $DEFAULT */
/* (2) COULEURS DE THEME $DARK */
/* [2] DIMENSIONS
=========================================================*/
/* (1) Layout de base */
/* [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 */ /* (2) Titres de sections */ }
#WRAPPER > #CONTAINER section[data-timeline] *:not(.no-line) { color: #333; margin: 0 20px; padding: 5px 60px; background: url("/f/svg/dot/st/container/aaaaaa") 20px 0 no-repeat; background-size: 6px 100%; }
#WRAPPER > #CONTAINER section[data-timeline] h5:not(.no-line), #WRAPPER > #CONTAINER section[data-timeline] [data-title]:not(.no-line) { padding: 20px 60px; font-size: 1.4em; color: #777; font-weight: bold; background: url("/f/svg/hole/st/container/777777") 4px 16px no-repeat, url("/f/svg/hole/st/container/ffffff") 2px 14px no-repeat, url("/f/svg/dot/st/container/aaaaaa") 20px 0 no-repeat; background-size: 38px, 42px, 6px 100%; }
/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiY29tcGFjdC5jc3MiLAoJInNvdXJjZXMiOiBbCgkJIi4uL3RpbWVsaW5lLWZvcm0uc2NzcyIsCgkJIi4uL2NvbnN0YW50cy5zY3NzIgoJXSwKCSJzb3VyY2VzQ29udGVudCI6IFsKCQkiQGltcG9ydCAnY29uc3RhbnRzJztcblxuLyogWzFdIEZvcm11bGFpcmUgZGUgdHlwZSB0aW1lbGluZVxuPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cbiNXUkFQUEVSID4gI0NPTlRBSU5FUiBzZWN0aW9uW2RhdGEtdGltZWxpbmVde1xuXHRkaXNwbGF5OiBibG9jaztcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXG5cdGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG5cblx0Zm9udC1zaXplOiAuOWVtO1xuXHRjb2xvcjogIzAwMDtcblxuXHQvKiAoMSkgT24gYWpvdXRlIGxlIGxpc2Vyw6kgw6AgZHJvaXRlIHBvdXIgVE9VUyBsZXMgw6lsw6ltZW50cyAqL1xuXHQmICo6bm90KC5uby1saW5lKXtcblxuXHRcdGNvbG9yOiAjMzMzO1xuXG5cdFx0bWFyZ2luOiAwIDIwcHg7XG5cdFx0cGFkZGluZzogNXB4IDYwcHg7XG5cblx0XHRiYWNrZ3JvdW5kOiB1cmwoJy9mL3N2Zy9kb3Qvc3QvY29udGFpbmVyL2FhYWFhYScpIDIwcHggMCBuby1yZXBlYXQ7XG5cdFx0YmFja2dyb3VuZC1zaXplOiA2cHggMTAwJTtcblxuXHR9XG5cblxuXHQvKiAoMikgVGl0cmVzIGRlIHNlY3Rpb25zICovXG5cdCYgaDU6bm90KC5uby1saW5lKSxcblx0JiBbZGF0YS10aXRsZV06bm90KC5uby1saW5lKXtcblx0XHRwYWRkaW5nOiAyMHB4IDYwcHg7XG5cblx0XHRmb250LXNpemU6IDEuNGVtO1xuXHRcdGNvbG9yOiAjNzc3O1xuXHRcdGZvbnQtd2VpZ2h0OiBib2xkO1xuXG5cdFx0YmFja2dyb3VuZDpcdHVybCgnL2Yvc3ZnL2hvbGUvc3QvY29udGFpbmVyLzc3Nzc3NycpIDRweCAxNnB4IG5vLXJlcGVhdCwgLy8gY2VyY2xlXG5cdFx0XHRcdFx0dXJsKCcvZi9zdmcvaG9sZS9zdC9jb250YWluZXIvZmZmZmZmJykgMnB4IDE0cHggbm8tcmVwZWF0LCAvLyBjb250b3VyIGJsYW5jXG5cdFx0XHRcdFx0dXJsKCcvZi9zdmcvZG90L3N0L2NvbnRhaW5lci9hYWFhYWEnKSAyMHB4IDAgbm8tcmVwZWF0OyAgICAvLyBsaWduZVxuXHRcdGJhY2tncm91bmQtc2l6ZTogMzhweCwgNDJweCwgNnB4IDEwMCU7XG5cblx0XHQvLyBHZXN0aW9uIGR1IGJlZm9yZSAoY29tcHRldXIgY3NzKSAvL1xuXHRcdC8vICZbZGF0YS1uXTpiZWZvcmV7XG5cdFx0Ly8gXHRjb250ZW50OiBhdHRyKGRhdGEtbik7XG5cdFx0Ly9cblx0XHQvLyBcdGZvbnQtc2l6ZTogMS4zZW07XG5cdFx0Ly8gXHRjb2xvcjogIzk5OTtcblx0XHQvLyBcdGZvbnQtd2VpZ2h0OiBib2xkO1xuXHRcdC8vXG5cdFx0Ly8gXHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdFx0Ly8gXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0Ly8gXHRsZWZ0OiAzN3B4O1xuXHRcdC8vIH1cblx0fVxuXG5cblxuXG59XG4iLAoJCSIvKiBbMV0gQ09VTEVVUlNcbj09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSovXG4vKiAoMSkgQ09VTEVVUlMgRFUgVEhFTUUgJERFRkFVTFQgKi9cbiR0aGVtZS1iZzogICAgICAgICAjZThlOGU4O1xuJHRoZW1lLWJnLXByaW1hcnk6ICNmZmZmZmY7XG4kdGhlbWUtZmc6ICAgICAgICAgIzUxNTE1MTtcbiR0aGVtZS1mZy1wcmltYXJ5OiAjMzk5Y2VkO1xuXG4vKiAoMikgQ09VTEVVUlMgREUgVEhFTUUgJERBUksgKi9cbiRkYXJrLWJnOiAgICAgICAgICMzMTM1NDE7XG4kZGFyay1iZy1wcmltYXJ5OiAjMjkyODJlO1xuJGRhcmstZmc6ICAgICAgICAgIzkzOTM5MztcbiRkYXJrLWZnLXByaW1hcnk6ICNmZmZmZmY7XG5cblxuLyogWzJdIERJTUVOU0lPTlNcbj09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSovXG4vKiAoMSkgTGF5b3V0IGRlIGJhc2UgKi9cbiRtZW51LXNpZGUtd2lkdGg6IDE1ZW07XG4kaGVhZGVyLWhlaWdodDogICA0ZW07XG4iCgldLAoJIm1hcHBpbmdzIjogIjtBQ0FBOzJEQUMyRDtBQUMzRCxvQ0FBb0M7QUFNcEMsaUNBQWlDO0FBT2pDOzJEQUMyRDtBQUMzRCx3QkFBd0I7QURmeEI7MkRBQzJEO0FBQzNELFFBQVEsR0FBRyxVQUFVLENBQUMsT0FBTyxDQUFBLEFBQUEsYUFBQyxBQUFBLEVBQWMsRUFDM0MsT0FBTyxFQUFFLEtBQU0sRUFDZixRQUFRLEVBQUUsUUFBUyxFQUVuQixnQkFBZ0IsRUFBRSxJQUFLLEVBRXZCLFNBQVMsRUFBRSxJQUFLLEVBQ2hCLEtBQUssRUFBRSxJQUFLLEVBRVosaUVBQWlFLENBY2pFLDRCQUE0QixFQStCNUI7O0FBdERELFFBQVEsR0FBRyxVQUFVLENBQUMsT0FBTyxDQUFBLEFBQUEsYUFBQyxBQUFBLEVBVTNCLENBQUMsQUFBQSxJQUFLLENBQUEsUUFBUSxFQUFDLEVBRWhCLEtBQUssRUFBRSxJQUFLLEVBRVosTUFBTSxFQUFFLE1BQU8sRUFDZixPQUFPLEVBQUUsUUFBUyxFQUVsQixVQUFVLEVBQUUscUNBQUcsQ0FBbUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQ2xFLGVBQWUsRUFBRSxRQUFTLEdBRTFCOztBQXBCRixRQUFRLEdBQUcsVUFBVSxDQUFDLE9BQU8sQ0FBQSxBQUFBLGFBQUMsQUFBQSxFQXdCM0IsRUFBRSxBQUFBLElBQUssQ0FBQSxRQUFRLEdBeEJsQixRQUFRLEdBQUcsVUFBVSxDQUFDLE9BQU8sQ0FBQSxBQUFBLGFBQUMsQUFBQSxHQXlCM0IsQUFBQSxVQUFDLEFBQUEsQ0FBVyxJQUFLLENBQUEsUUFBUSxFQUFDLEVBQzNCLE9BQU8sRUFBRSxTQUFVLEVBRW5CLFNBQVMsRUFBRSxLQUFNLEVBQ2pCLEtBQUssRUFBRSxJQUFLLEVBQ1osV0FBVyxFQUFFLElBQUssRUFFbEIsVUFBVSxFQUFFLHNDQUFHLENBQW9DLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUNsRSxzQ0FBRyxDQUFvQyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFDekQscUNBQUcsQ0FBbUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQ3pELGVBQWUsRUFBRSxvQkFBcUIsR0FjdEMiLAoJIm5hbWVzIjogW10KfQ== */

View File

@ -0,0 +1,14 @@
{
"version": 3,
"file": "compact.css",
"sources": [
"../timeline-form.scss",
"../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\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/aaaaaa') 20px 0 no-repeat;\n\t\tbackground-size: 6px 100%;\n\n\t}\n\n\n\t/* (2) Titres de sections */\n\t& h5:not(.no-line),\n\t& [data-title]:not(.no-line){\n\t\tpadding: 20px 60px;\n\n\t\tfont-size: 1.4em;\n\t\tcolor: #777;\n\t\tfont-weight: bold;\n\n\t\tbackground:\turl('/f/svg/hole/st/container/777777') 4px 16px no-repeat, // cercle\n\t\t\t\t\turl('/f/svg/hole/st/container/ffffff') 2px 14px no-repeat, // contour blanc\n\t\t\t\t\turl('/f/svg/dot/st/container/aaaaaa') 20px 0 no-repeat; // ligne\n\t\tbackground-size: 38px, 42px, 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\t\t//\n\t\t// \tfont-size: 1.3em;\n\t\t// \tcolor: #999;\n\t\t// \tfont-weight: bold;\n\t\t//\n\t\t// \tdisplay: inline-block;\n\t\t// \tposition: absolute;\n\t\t// \tleft: 37px;\n\t\t// }\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,CAcjE,4BAA4B,EA+B5B;;AAtDD,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,EAU3B,CAAC,AAAA,IAAK,CAAA,QAAQ,EAAC,EAEhB,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;;AApBF,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,EAwB3B,EAAE,AAAA,IAAK,CAAA,QAAQ,GAxBlB,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,GAyB3B,AAAA,UAAC,AAAA,CAAW,IAAK,CAAA,QAAQ,EAAC,EAC3B,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",
"names": []
}

View File

@ -0,0 +1,39 @@
@charset "UTF-8";
/* [1] COULEURS
=========================================================*/
/* (1) COULEURS DU THEME $DEFAULT */
/* (2) COULEURS DE THEME $DARK */
/* [2] DIMENSIONS
=========================================================*/
/* (1) Layout de base */
/* [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 */
/* (2) Titres de sections */
}
#WRAPPER > #CONTAINER section[data-timeline] *:not(.no-line) {
color: #333;
margin: 0 20px;
padding: 5px 60px;
background: url("/f/svg/dot/st/container/aaaaaa") 20px 0 no-repeat;
background-size: 6px 100%;
}
#WRAPPER > #CONTAINER section[data-timeline] h5:not(.no-line),
#WRAPPER > #CONTAINER section[data-timeline] [data-title]:not(.no-line) {
padding: 20px 60px;
font-size: 1.4em;
color: #777;
font-weight: bold;
background: url("/f/svg/hole/st/container/777777") 4px 16px no-repeat, url("/f/svg/hole/st/container/ffffff") 2px 14px no-repeat, url("/f/svg/dot/st/container/aaaaaa") 20px 0 no-repeat;
background-size: 38px, 42px, 6px 100%;
}
/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiZXhwYW5kZWQuY3NzIiwKCSJzb3VyY2VzIjogWwoJCSIuLi90aW1lbGluZS1mb3JtLnNjc3MiLAoJCSIuLi9jb25zdGFudHMuc2NzcyIKCV0sCgkic291cmNlc0NvbnRlbnQiOiBbCgkJIkBpbXBvcnQgJ2NvbnN0YW50cyc7XG5cbi8qIFsxXSBGb3JtdWxhaXJlIGRlIHR5cGUgdGltZWxpbmVcbj09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSovXG4jV1JBUFBFUiA+ICNDT05UQUlORVIgc2VjdGlvbltkYXRhLXRpbWVsaW5lXXtcblx0ZGlzcGxheTogYmxvY2s7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuXG5cdGZvbnQtc2l6ZTogLjllbTtcblx0Y29sb3I6ICMwMDA7XG5cblx0LyogKDEpIE9uIGFqb3V0ZSBsZSBsaXNlcsOpIMOgIGRyb2l0ZSBwb3VyIFRPVVMgbGVzIMOpbMOpbWVudHMgKi9cblx0JiAqOm5vdCgubm8tbGluZSl7XG5cblx0XHRjb2xvcjogIzMzMztcblxuXHRcdG1hcmdpbjogMCAyMHB4O1xuXHRcdHBhZGRpbmc6IDVweCA2MHB4O1xuXG5cdFx0YmFja2dyb3VuZDogdXJsKCcvZi9zdmcvZG90L3N0L2NvbnRhaW5lci9hYWFhYWEnKSAyMHB4IDAgbm8tcmVwZWF0O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogNnB4IDEwMCU7XG5cblx0fVxuXG5cblx0LyogKDIpIFRpdHJlcyBkZSBzZWN0aW9ucyAqL1xuXHQmIGg1Om5vdCgubm8tbGluZSksXG5cdCYgW2RhdGEtdGl0bGVdOm5vdCgubm8tbGluZSl7XG5cdFx0cGFkZGluZzogMjBweCA2MHB4O1xuXG5cdFx0Zm9udC1zaXplOiAxLjRlbTtcblx0XHRjb2xvcjogIzc3Nztcblx0XHRmb250LXdlaWdodDogYm9sZDtcblxuXHRcdGJhY2tncm91bmQ6XHR1cmwoJy9mL3N2Zy9ob2xlL3N0L2NvbnRhaW5lci83Nzc3NzcnKSA0cHggMTZweCBuby1yZXBlYXQsIC8vIGNlcmNsZVxuXHRcdFx0XHRcdHVybCgnL2Yvc3ZnL2hvbGUvc3QvY29udGFpbmVyL2ZmZmZmZicpIDJweCAxNHB4IG5vLXJlcGVhdCwgLy8gY29udG91ciBibGFuY1xuXHRcdFx0XHRcdHVybCgnL2Yvc3ZnL2RvdC9zdC9jb250YWluZXIvYWFhYWFhJykgMjBweCAwIG5vLXJlcGVhdDsgICAgLy8gbGlnbmVcblx0XHRiYWNrZ3JvdW5kLXNpemU6IDM4cHgsIDQycHgsIDZweCAxMDAlO1xuXG5cdFx0Ly8gR2VzdGlvbiBkdSBiZWZvcmUgKGNvbXB0ZXVyIGNzcykgLy9cblx0XHQvLyAmW2RhdGEtbl06YmVmb3Jle1xuXHRcdC8vIFx0Y29udGVudDogYXR0cihkYXRhLW4pO1xuXHRcdC8vXG5cdFx0Ly8gXHRmb250LXNpemU6IDEuM2VtO1xuXHRcdC8vIFx0Y29sb3I6ICM5OTk7XG5cdFx0Ly8gXHRmb250LXdlaWdodDogYm9sZDtcblx0XHQvL1xuXHRcdC8vIFx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRcdC8vIFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdC8vIFx0bGVmdDogMzdweDtcblx0XHQvLyB9XG5cdH1cblxuXG5cblxufVxuIiwKCQkiLyogWzFdIENPVUxFVVJTXG49PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuLyogKDEpIENPVUxFVVJTIERVIFRIRU1FICRERUZBVUxUICovXG4kdGhlbWUtYmc6ICAgICAgICAgI2U4ZThlODtcbiR0aGVtZS1iZy1wcmltYXJ5OiAjZmZmZmZmO1xuJHRoZW1lLWZnOiAgICAgICAgICM1MTUxNTE7XG4kdGhlbWUtZmctcHJpbWFyeTogIzM5OWNlZDtcblxuLyogKDIpIENPVUxFVVJTIERFIFRIRU1FICREQVJLICovXG4kZGFyay1iZzogICAgICAgICAjMzEzNTQxO1xuJGRhcmstYmctcHJpbWFyeTogIzI5MjgyZTtcbiRkYXJrLWZnOiAgICAgICAgICM5MzkzOTM7XG4kZGFyay1mZy1wcmltYXJ5OiAjZmZmZmZmO1xuXG5cbi8qIFsyXSBESU1FTlNJT05TXG49PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuLyogKDEpIExheW91dCBkZSBiYXNlICovXG4kbWVudS1zaWRlLXdpZHRoOiAxNWVtO1xuJGhlYWRlci1oZWlnaHQ6ICAgNGVtO1xuIgoJXSwKCSJtYXBwaW5ncyI6ICI7QUNBQTsyREFDMkQ7QUFDM0Qsb0NBQW9DO0FBTXBDLGlDQUFpQztBQU9qQzsyREFDMkQ7QUFDM0Qsd0JBQXdCO0FEZnhCOzJEQUMyRDtBQUMzRCxRQUFRLEdBQUcsVUFBVSxDQUFDLE9BQU8sQ0FBQSxBQUFBLGFBQUMsQUFBQSxFQUFjO0VBQzNDLE9BQU8sRUFBRSxLQUFNO0VBQ2YsUUFBUSxFQUFFLFFBQVM7RUFFbkIsZ0JBQWdCLEVBQUUsSUFBSztFQUV2QixTQUFTLEVBQUUsSUFBSztFQUNoQixLQUFLLEVBQUUsSUFBSztFQUVaLGlFQUFpRTtFQWNqRSw0QkFBNEI7Q0ErQjVCOztBQXRERCxRQUFRLEdBQUcsVUFBVSxDQUFDLE9BQU8sQ0FBQSxBQUFBLGFBQUMsQUFBQSxFQVUzQixDQUFDLEFBQUEsSUFBSyxDQUFBLFFBQVEsRUFBQztFQUVoQixLQUFLLEVBQUUsSUFBSztFQUVaLE1BQU0sRUFBRSxNQUFPO0VBQ2YsT0FBTyxFQUFFLFFBQVM7RUFFbEIsVUFBVSxFQUFFLHFDQUFHLENBQW1DLElBQUksQ0FBQyxDQUFDLENBQUMsU0FBUztFQUNsRSxlQUFlLEVBQUUsUUFBUztDQUUxQjs7QUFwQkYsUUFBUSxHQUFHLFVBQVUsQ0FBQyxPQUFPLENBQUEsQUFBQSxhQUFDLEFBQUEsRUF3QjNCLEVBQUUsQUFBQSxJQUFLLENBQUEsUUFBUTtBQXhCbEIsUUFBUSxHQUFHLFVBQVUsQ0FBQyxPQUFPLENBQUEsQUFBQSxhQUFDLEFBQUEsR0F5QjNCLEFBQUEsVUFBQyxBQUFBLENBQVcsSUFBSyxDQUFBLFFBQVEsRUFBQztFQUMzQixPQUFPLEVBQUUsU0FBVTtFQUVuQixTQUFTLEVBQUUsS0FBTTtFQUNqQixLQUFLLEVBQUUsSUFBSztFQUNaLFdBQVcsRUFBRSxJQUFLO0VBRWxCLFVBQVUsRUFBRSxzQ0FBRyxDQUFvQyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFDbEUsc0NBQUcsQ0FBb0MsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQ3pELHFDQUFHLENBQW1DLElBQUksQ0FBQyxDQUFDLENBQUMsU0FBUztFQUN6RCxlQUFlLEVBQUUsb0JBQXFCO0NBY3RDIiwKCSJuYW1lcyI6IFtdCn0= */

View File

@ -0,0 +1,14 @@
{
"version": 3,
"file": "expanded.css",
"sources": [
"../timeline-form.scss",
"../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\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/aaaaaa') 20px 0 no-repeat;\n\t\tbackground-size: 6px 100%;\n\n\t}\n\n\n\t/* (2) Titres de sections */\n\t& h5:not(.no-line),\n\t& [data-title]:not(.no-line){\n\t\tpadding: 20px 60px;\n\n\t\tfont-size: 1.4em;\n\t\tcolor: #777;\n\t\tfont-weight: bold;\n\n\t\tbackground:\turl('/f/svg/hole/st/container/777777') 4px 16px no-repeat, // cercle\n\t\t\t\t\turl('/f/svg/hole/st/container/ffffff') 2px 14px no-repeat, // contour blanc\n\t\t\t\t\turl('/f/svg/dot/st/container/aaaaaa') 20px 0 no-repeat; // ligne\n\t\tbackground-size: 38px, 42px, 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\t\t//\n\t\t// \tfont-size: 1.3em;\n\t\t// \tcolor: #999;\n\t\t// \tfont-weight: bold;\n\t\t//\n\t\t// \tdisplay: inline-block;\n\t\t// \tposition: absolute;\n\t\t// \tleft: 37px;\n\t\t// }\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;EAcjE,4BAA4B;CA+B5B;;AAtDD,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,EAU3B,CAAC,AAAA,IAAK,CAAA,QAAQ,EAAC;EAEhB,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;CAE1B;;AApBF,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,EAwB3B,EAAE,AAAA,IAAK,CAAA,QAAQ;AAxBlB,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,GAyB3B,AAAA,UAAC,AAAA,CAAW,IAAK,CAAA,QAAQ,EAAC;EAC3B,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;CActC",
"names": []
}

View File

@ -0,0 +1,3 @@
#WRAPPER>#CONTAINER section[data-timeline]{display:block;position:relative;background-color:#fff;font-size:.9em;color:#000}#WRAPPER>#CONTAINER section[data-timeline] *:not(.no-line){color:#333;margin:0 20px;padding:5px 60px;background:url("/f/svg/dot/st/container/aaaaaa") 20px 0 no-repeat;background-size:6px 100%}#WRAPPER>#CONTAINER section[data-timeline] h5:not(.no-line),#WRAPPER>#CONTAINER section[data-timeline] [data-title]:not(.no-line){padding:20px 60px;font-size:1.4em;color:#777;font-weight:bold;background:url("/f/svg/hole/st/container/777777") 4px 16px no-repeat,url("/f/svg/hole/st/container/ffffff") 2px 14px no-repeat,url("/f/svg/dot/st/container/aaaaaa") 20px 0 no-repeat;background-size:38px, 42px, 6px 100%}
/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAibWluLmNzcyIsCgkic291cmNlcyI6IFsKCQkiLi4vdGltZWxpbmUtZm9ybS5zY3NzIiwKCQkiLi4vY29uc3RhbnRzLnNjc3MiCgldLAoJInNvdXJjZXNDb250ZW50IjogWwoJCSJAaW1wb3J0ICdjb25zdGFudHMnO1xuXG4vKiBbMV0gRm9ybXVsYWlyZSBkZSB0eXBlIHRpbWVsaW5lXG49PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuI1dSQVBQRVIgPiAjQ09OVEFJTkVSIHNlY3Rpb25bZGF0YS10aW1lbGluZV17XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cblx0YmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcblxuXHRmb250LXNpemU6IC45ZW07XG5cdGNvbG9yOiAjMDAwO1xuXG5cdC8qICgxKSBPbiBham91dGUgbGUgbGlzZXLDqSDDoCBkcm9pdGUgcG91ciBUT1VTIGxlcyDDqWzDqW1lbnRzICovXG5cdCYgKjpub3QoLm5vLWxpbmUpe1xuXG5cdFx0Y29sb3I6ICMzMzM7XG5cblx0XHRtYXJnaW46IDAgMjBweDtcblx0XHRwYWRkaW5nOiA1cHggNjBweDtcblxuXHRcdGJhY2tncm91bmQ6IHVybCgnL2Yvc3ZnL2RvdC9zdC9jb250YWluZXIvYWFhYWFhJykgMjBweCAwIG5vLXJlcGVhdDtcblx0XHRiYWNrZ3JvdW5kLXNpemU6IDZweCAxMDAlO1xuXG5cdH1cblxuXG5cdC8qICgyKSBUaXRyZXMgZGUgc2VjdGlvbnMgKi9cblx0JiBoNTpub3QoLm5vLWxpbmUpLFxuXHQmIFtkYXRhLXRpdGxlXTpub3QoLm5vLWxpbmUpe1xuXHRcdHBhZGRpbmc6IDIwcHggNjBweDtcblxuXHRcdGZvbnQtc2l6ZTogMS40ZW07XG5cdFx0Y29sb3I6ICM3Nzc7XG5cdFx0Zm9udC13ZWlnaHQ6IGJvbGQ7XG5cblx0XHRiYWNrZ3JvdW5kOlx0dXJsKCcvZi9zdmcvaG9sZS9zdC9jb250YWluZXIvNzc3Nzc3JykgNHB4IDE2cHggbm8tcmVwZWF0LCAvLyBjZXJjbGVcblx0XHRcdFx0XHR1cmwoJy9mL3N2Zy9ob2xlL3N0L2NvbnRhaW5lci9mZmZmZmYnKSAycHggMTRweCBuby1yZXBlYXQsIC8vIGNvbnRvdXIgYmxhbmNcblx0XHRcdFx0XHR1cmwoJy9mL3N2Zy9kb3Qvc3QvY29udGFpbmVyL2FhYWFhYScpIDIwcHggMCBuby1yZXBlYXQ7ICAgIC8vIGxpZ25lXG5cdFx0YmFja2dyb3VuZC1zaXplOiAzOHB4LCA0MnB4LCA2cHggMTAwJTtcblxuXHRcdC8vIEdlc3Rpb24gZHUgYmVmb3JlIChjb21wdGV1ciBjc3MpIC8vXG5cdFx0Ly8gJltkYXRhLW5dOmJlZm9yZXtcblx0XHQvLyBcdGNvbnRlbnQ6IGF0dHIoZGF0YS1uKTtcblx0XHQvL1xuXHRcdC8vIFx0Zm9udC1zaXplOiAxLjNlbTtcblx0XHQvLyBcdGNvbG9yOiAjOTk5O1xuXHRcdC8vIFx0Zm9udC13ZWlnaHQ6IGJvbGQ7XG5cdFx0Ly9cblx0XHQvLyBcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0XHQvLyBcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHQvLyBcdGxlZnQ6IDM3cHg7XG5cdFx0Ly8gfVxuXHR9XG5cblxuXG5cbn1cbiIsCgkJIi8qIFsxXSBDT1VMRVVSU1xuPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cbi8qICgxKSBDT1VMRVVSUyBEVSBUSEVNRSAkREVGQVVMVCAqL1xuJHRoZW1lLWJnOiAgICAgICAgICNlOGU4ZTg7XG4kdGhlbWUtYmctcHJpbWFyeTogI2ZmZmZmZjtcbiR0aGVtZS1mZzogICAgICAgICAjNTE1MTUxO1xuJHRoZW1lLWZnLXByaW1hcnk6ICMzOTljZWQ7XG5cbi8qICgyKSBDT1VMRVVSUyBERSBUSEVNRSAkREFSSyAqL1xuJGRhcmstYmc6ICAgICAgICAgIzMxMzU0MTtcbiRkYXJrLWJnLXByaW1hcnk6ICMyOTI4MmU7XG4kZGFyay1mZzogICAgICAgICAjOTM5MzkzO1xuJGRhcmstZmctcHJpbWFyeTogI2ZmZmZmZjtcblxuXG4vKiBbMl0gRElNRU5TSU9OU1xuPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cbi8qICgxKSBMYXlvdXQgZGUgYmFzZSAqL1xuJG1lbnUtc2lkZS13aWR0aDogMTVlbTtcbiRoZWFkZXItaGVpZ2h0OiAgIDRlbTtcbiIKCV0sCgkibWFwcGluZ3MiOiAiQUFJQSxRQUFRLENBQUcsVUFBVSxDQUFDLE9BQU8sQ0FBQSxBQUFBLGFBQUMsQUFBQSxDQUFjLENBQzNDLE9BQU8sQ0FBRSxLQUFNLENBQ2YsUUFBUSxDQUFFLFFBQVMsQ0FFbkIsZ0JBQWdCLENBQUUsSUFBSyxDQUV2QixTQUFTLENBQUUsSUFBSyxDQUNoQixLQUFLLENBQUUsSUFBSyxDQStDWixBQXRERCxRQUFRLENBQUcsVUFBVSxDQUFDLE9BQU8sQ0FBQSxBQUFBLGFBQUMsQUFBQSxFQVUzQixDQUFDLEFBQUEsSUFBSyxDQUFBLFFBQVEsQ0FBQyxDQUVoQixLQUFLLENBQUUsSUFBSyxDQUVaLE1BQU0sQ0FBRSxNQUFPLENBQ2YsT0FBTyxDQUFFLFFBQVMsQ0FFbEIsVUFBVSxDQUFFLHFDQUFHLENBQW1DLElBQUksQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUNsRSxlQUFlLENBQUUsUUFBUyxDQUUxQixBQXBCRixRQUFRLENBQUcsVUFBVSxDQUFDLE9BQU8sQ0FBQSxBQUFBLGFBQUMsQUFBQSxFQXdCM0IsRUFBRSxBQUFBLElBQUssQ0FBQSxRQUFRLEVBeEJsQixRQUFRLENBQUcsVUFBVSxDQUFDLE9BQU8sQ0FBQSxBQUFBLGFBQUMsQUFBQSxHQXlCM0IsQUFBQSxVQUFDLEFBQUEsQ0FBVyxJQUFLLENBQUEsUUFBUSxDQUFDLENBQzNCLE9BQU8sQ0FBRSxTQUFVLENBRW5CLFNBQVMsQ0FBRSxLQUFNLENBQ2pCLEtBQUssQ0FBRSxJQUFLLENBQ1osV0FBVyxDQUFFLElBQUssQ0FFbEIsVUFBVSxDQUFFLHNDQUFHLENBQW9DLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUNsRSxzQ0FBRyxDQUFvQyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FDekQscUNBQUcsQ0FBbUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQ3pELGVBQWUsQ0FBRSxvQkFBcUIsQ0FjdEMiLAoJIm5hbWVzIjogW10KfQ== */

View File

@ -0,0 +1,14 @@
{
"version": 3,
"file": "min.css",
"sources": [
"../timeline-form.scss",
"../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\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/aaaaaa') 20px 0 no-repeat;\n\t\tbackground-size: 6px 100%;\n\n\t}\n\n\n\t/* (2) Titres de sections */\n\t& h5:not(.no-line),\n\t& [data-title]:not(.no-line){\n\t\tpadding: 20px 60px;\n\n\t\tfont-size: 1.4em;\n\t\tcolor: #777;\n\t\tfont-weight: bold;\n\n\t\tbackground:\turl('/f/svg/hole/st/container/777777') 4px 16px no-repeat, // cercle\n\t\t\t\t\turl('/f/svg/hole/st/container/ffffff') 2px 14px no-repeat, // contour blanc\n\t\t\t\t\turl('/f/svg/dot/st/container/aaaaaa') 20px 0 no-repeat; // ligne\n\t\tbackground-size: 38px, 42px, 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\t\t//\n\t\t// \tfont-size: 1.3em;\n\t\t// \tcolor: #999;\n\t\t// \tfont-weight: bold;\n\t\t//\n\t\t// \tdisplay: inline-block;\n\t\t// \tposition: absolute;\n\t\t// \tleft: 37px;\n\t\t// }\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": "AAIA,QAAQ,CAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,CAAc,CAC3C,OAAO,CAAE,KAAM,CACf,QAAQ,CAAE,QAAS,CAEnB,gBAAgB,CAAE,IAAK,CAEvB,SAAS,CAAE,IAAK,CAChB,KAAK,CAAE,IAAK,CA+CZ,AAtDD,QAAQ,CAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,EAU3B,CAAC,AAAA,IAAK,CAAA,QAAQ,CAAC,CAEhB,KAAK,CAAE,IAAK,CAEZ,MAAM,CAAE,MAAO,CACf,OAAO,CAAE,QAAS,CAElB,UAAU,CAAE,qCAAG,CAAmC,IAAI,CAAC,CAAC,CAAC,SAAS,CAClE,eAAe,CAAE,QAAS,CAE1B,AApBF,QAAQ,CAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,EAwB3B,EAAE,AAAA,IAAK,CAAA,QAAQ,EAxBlB,QAAQ,CAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,GAyB3B,AAAA,UAAC,AAAA,CAAW,IAAK,CAAA,QAAQ,CAAC,CAC3B,OAAO,CAAE,SAAU,CAEnB,SAAS,CAAE,KAAM,CACjB,KAAK,CAAE,IAAK,CACZ,WAAW,CAAE,IAAK,CAElB,UAAU,CAAE,sCAAG,CAAoC,GAAG,CAAC,IAAI,CAAC,SAAS,CAClE,sCAAG,CAAoC,GAAG,CAAC,IAAI,CAAC,SAAS,CACzD,qCAAG,CAAmC,IAAI,CAAC,CAAC,CAAC,SAAS,CACzD,eAAe,CAAE,oBAAqB,CActC",
"names": []
}

View File

@ -0,0 +1,34 @@
@charset "UTF-8";
/* [1] COULEURS
=========================================================*/
/* (1) COULEURS DU THEME $DEFAULT */
/* (2) COULEURS DE THEME $DARK */
/* [2] DIMENSIONS
=========================================================*/
/* (1) Layout de base */
/* [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 */
/* (2) Titres de sections */ }
#WRAPPER > #CONTAINER section[data-timeline] *:not(.no-line) {
color: #333;
margin: 0 20px;
padding: 5px 60px;
background: url("/f/svg/dot/st/container/aaaaaa") 20px 0 no-repeat;
background-size: 6px 100%; }
#WRAPPER > #CONTAINER section[data-timeline] h5:not(.no-line),
#WRAPPER > #CONTAINER section[data-timeline] [data-title]:not(.no-line) {
padding: 20px 60px;
font-size: 1.4em;
color: #777;
font-weight: bold;
background: url("/f/svg/hole/st/container/777777") 4px 16px no-repeat, url("/f/svg/hole/st/container/ffffff") 2px 14px no-repeat, url("/f/svg/dot/st/container/aaaaaa") 20px 0 no-repeat;
background-size: 38px, 42px, 6px 100%; }
/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAibmVzdGVkLmNzcyIsCgkic291cmNlcyI6IFsKCQkiLi4vdGltZWxpbmUtZm9ybS5zY3NzIiwKCQkiLi4vY29uc3RhbnRzLnNjc3MiCgldLAoJInNvdXJjZXNDb250ZW50IjogWwoJCSJAaW1wb3J0ICdjb25zdGFudHMnO1xuXG4vKiBbMV0gRm9ybXVsYWlyZSBkZSB0eXBlIHRpbWVsaW5lXG49PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuI1dSQVBQRVIgPiAjQ09OVEFJTkVSIHNlY3Rpb25bZGF0YS10aW1lbGluZV17XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cblx0YmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcblxuXHRmb250LXNpemU6IC45ZW07XG5cdGNvbG9yOiAjMDAwO1xuXG5cdC8qICgxKSBPbiBham91dGUgbGUgbGlzZXLDqSDDoCBkcm9pdGUgcG91ciBUT1VTIGxlcyDDqWzDqW1lbnRzICovXG5cdCYgKjpub3QoLm5vLWxpbmUpe1xuXG5cdFx0Y29sb3I6ICMzMzM7XG5cblx0XHRtYXJnaW46IDAgMjBweDtcblx0XHRwYWRkaW5nOiA1cHggNjBweDtcblxuXHRcdGJhY2tncm91bmQ6IHVybCgnL2Yvc3ZnL2RvdC9zdC9jb250YWluZXIvYWFhYWFhJykgMjBweCAwIG5vLXJlcGVhdDtcblx0XHRiYWNrZ3JvdW5kLXNpemU6IDZweCAxMDAlO1xuXG5cdH1cblxuXG5cdC8qICgyKSBUaXRyZXMgZGUgc2VjdGlvbnMgKi9cblx0JiBoNTpub3QoLm5vLWxpbmUpLFxuXHQmIFtkYXRhLXRpdGxlXTpub3QoLm5vLWxpbmUpe1xuXHRcdHBhZGRpbmc6IDIwcHggNjBweDtcblxuXHRcdGZvbnQtc2l6ZTogMS40ZW07XG5cdFx0Y29sb3I6ICM3Nzc7XG5cdFx0Zm9udC13ZWlnaHQ6IGJvbGQ7XG5cblx0XHRiYWNrZ3JvdW5kOlx0dXJsKCcvZi9zdmcvaG9sZS9zdC9jb250YWluZXIvNzc3Nzc3JykgNHB4IDE2cHggbm8tcmVwZWF0LCAvLyBjZXJjbGVcblx0XHRcdFx0XHR1cmwoJy9mL3N2Zy9ob2xlL3N0L2NvbnRhaW5lci9mZmZmZmYnKSAycHggMTRweCBuby1yZXBlYXQsIC8vIGNvbnRvdXIgYmxhbmNcblx0XHRcdFx0XHR1cmwoJy9mL3N2Zy9kb3Qvc3QvY29udGFpbmVyL2FhYWFhYScpIDIwcHggMCBuby1yZXBlYXQ7ICAgIC8vIGxpZ25lXG5cdFx0YmFja2dyb3VuZC1zaXplOiAzOHB4LCA0MnB4LCA2cHggMTAwJTtcblxuXHRcdC8vIEdlc3Rpb24gZHUgYmVmb3JlIChjb21wdGV1ciBjc3MpIC8vXG5cdFx0Ly8gJltkYXRhLW5dOmJlZm9yZXtcblx0XHQvLyBcdGNvbnRlbnQ6IGF0dHIoZGF0YS1uKTtcblx0XHQvL1xuXHRcdC8vIFx0Zm9udC1zaXplOiAxLjNlbTtcblx0XHQvLyBcdGNvbG9yOiAjOTk5O1xuXHRcdC8vIFx0Zm9udC13ZWlnaHQ6IGJvbGQ7XG5cdFx0Ly9cblx0XHQvLyBcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0XHQvLyBcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHQvLyBcdGxlZnQ6IDM3cHg7XG5cdFx0Ly8gfVxuXHR9XG5cblxuXG5cbn1cbiIsCgkJIi8qIFsxXSBDT1VMRVVSU1xuPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cbi8qICgxKSBDT1VMRVVSUyBEVSBUSEVNRSAkREVGQVVMVCAqL1xuJHRoZW1lLWJnOiAgICAgICAgICNlOGU4ZTg7XG4kdGhlbWUtYmctcHJpbWFyeTogI2ZmZmZmZjtcbiR0aGVtZS1mZzogICAgICAgICAjNTE1MTUxO1xuJHRoZW1lLWZnLXByaW1hcnk6ICMzOTljZWQ7XG5cbi8qICgyKSBDT1VMRVVSUyBERSBUSEVNRSAkREFSSyAqL1xuJGRhcmstYmc6ICAgICAgICAgIzMxMzU0MTtcbiRkYXJrLWJnLXByaW1hcnk6ICMyOTI4MmU7XG4kZGFyay1mZzogICAgICAgICAjOTM5MzkzO1xuJGRhcmstZmctcHJpbWFyeTogI2ZmZmZmZjtcblxuXG4vKiBbMl0gRElNRU5TSU9OU1xuPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cbi8qICgxKSBMYXlvdXQgZGUgYmFzZSAqL1xuJG1lbnUtc2lkZS13aWR0aDogMTVlbTtcbiRoZWFkZXItaGVpZ2h0OiAgIDRlbTtcbiIKCV0sCgkibWFwcGluZ3MiOiAiO0FDQUE7MkRBQzJEO0FBQzNELG9DQUFvQztBQU1wQyxpQ0FBaUM7QUFPakM7MkRBQzJEO0FBQzNELHdCQUF3QjtBRGZ4QjsyREFDMkQ7QUFDM0QsUUFBUSxHQUFHLFVBQVUsQ0FBQyxPQUFPLENBQUEsQUFBQSxhQUFDLEFBQUEsRUFBYztFQUMzQyxPQUFPLEVBQUUsS0FBTTtFQUNmLFFBQVEsRUFBRSxRQUFTO0VBRW5CLGdCQUFnQixFQUFFLElBQUs7RUFFdkIsU0FBUyxFQUFFLElBQUs7RUFDaEIsS0FBSyxFQUFFLElBQUs7RUFFWixpRUFBaUU7RUFjakUsNEJBQTRCLEVBK0I1QjtFQXRERCxRQUFRLEdBQUcsVUFBVSxDQUFDLE9BQU8sQ0FBQSxBQUFBLGFBQUMsQUFBQSxFQVUzQixDQUFDLEFBQUEsSUFBSyxDQUFBLFFBQVEsRUFBQztJQUVoQixLQUFLLEVBQUUsSUFBSztJQUVaLE1BQU0sRUFBRSxNQUFPO0lBQ2YsT0FBTyxFQUFFLFFBQVM7SUFFbEIsVUFBVSxFQUFFLHFDQUFHLENBQW1DLElBQUksQ0FBQyxDQUFDLENBQUMsU0FBUztJQUNsRSxlQUFlLEVBQUUsUUFBUyxHQUUxQjtFQXBCRixRQUFRLEdBQUcsVUFBVSxDQUFDLE9BQU8sQ0FBQSxBQUFBLGFBQUMsQUFBQSxFQXdCM0IsRUFBRSxBQUFBLElBQUssQ0FBQSxRQUFRO0VBeEJsQixRQUFRLEdBQUcsVUFBVSxDQUFDLE9BQU8sQ0FBQSxBQUFBLGFBQUMsQUFBQSxHQXlCM0IsQUFBQSxVQUFDLEFBQUEsQ0FBVyxJQUFLLENBQUEsUUFBUSxFQUFDO0lBQzNCLE9BQU8sRUFBRSxTQUFVO0lBRW5CLFNBQVMsRUFBRSxLQUFNO0lBQ2pCLEtBQUssRUFBRSxJQUFLO0lBQ1osV0FBVyxFQUFFLElBQUs7SUFFbEIsVUFBVSxFQUFFLHNDQUFHLENBQW9DLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUNsRSxzQ0FBRyxDQUFvQyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFDekQscUNBQUcsQ0FBbUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxTQUFTO0lBQ3pELGVBQWUsRUFBRSxvQkFBcUIsR0FjdEMiLAoJIm5hbWVzIjogW10KfQ== */

View File

@ -0,0 +1,14 @@
{
"version": 3,
"file": "nested.css",
"sources": [
"../timeline-form.scss",
"../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\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/aaaaaa') 20px 0 no-repeat;\n\t\tbackground-size: 6px 100%;\n\n\t}\n\n\n\t/* (2) Titres de sections */\n\t& h5:not(.no-line),\n\t& [data-title]:not(.no-line){\n\t\tpadding: 20px 60px;\n\n\t\tfont-size: 1.4em;\n\t\tcolor: #777;\n\t\tfont-weight: bold;\n\n\t\tbackground:\turl('/f/svg/hole/st/container/777777') 4px 16px no-repeat, // cercle\n\t\t\t\t\turl('/f/svg/hole/st/container/ffffff') 2px 14px no-repeat, // contour blanc\n\t\t\t\t\turl('/f/svg/dot/st/container/aaaaaa') 20px 0 no-repeat; // ligne\n\t\tbackground-size: 38px, 42px, 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\t\t//\n\t\t// \tfont-size: 1.3em;\n\t\t// \tcolor: #999;\n\t\t// \tfont-weight: bold;\n\t\t//\n\t\t// \tdisplay: inline-block;\n\t\t// \tposition: absolute;\n\t\t// \tleft: 37px;\n\t\t// }\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;EAcjE,4BAA4B,EA+B5B;EAtDD,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,EAU3B,CAAC,AAAA,IAAK,CAAA,QAAQ,EAAC;IAEhB,KAAK,EAAE,IAAK;IAEZ,MAAM,EAAE,MAAO;IACf,OAAO,EAAE,QAAS;IAElB,UAAU,EAAE,qCAAG,CAAmC,IAAI,CAAC,CAAC,CAAC,SAAS;IAClE,eAAe,EAAE,QAAS,GAE1B;EApBF,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,EAwB3B,EAAE,AAAA,IAAK,CAAA,QAAQ;EAxBlB,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAA,AAAA,aAAC,AAAA,GAyB3B,AAAA,UAAC,AAAA,CAAW,IAAK,CAAA,QAAQ,EAAC;IAC3B,OAAO,EAAE,SAAU;IAEnB,SAAS,EAAE,KAAM;IACjB,KAAK,EAAE,IAAK;IACZ,WAAW,EAAE,IAAK;IAElB,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;IACzD,eAAe,EAAE,oBAAqB,GActC",
"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="1"
height="1"
viewBox="0 0 1 1"
id="svg2"
version="1.1"
inkscape:version="0.91 r13725"
sodipodi:docname="dot.svg">
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="179.2"
inkscape:cx="1.264621"
inkscape:cy="-1.5890645"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1920"
inkscape:window-height="1056"
inkscape:window-x="0"
inkscape:window-y="24"
inkscape:window-maximized="1"
showborder="true"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
units="px" />
<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(-154.28572,-539.93359)">
<rect
style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:6.4000001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:4.69999981;stroke-opacity:1"
id="stylisable"
width="1"
height="1"
x="154.28572"
y="539.93359" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@ -0,0 +1,73 @@
<?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="9.0311108mm"
height="9.0311108mm"
viewBox="0 0 31.999999 31.999999"
id="svg2"
version="1.1"
inkscape:version="0.91 r13725"
sodipodi:docname="hole.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="21.85093"
inkscape:cy="0.15517625"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
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 />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-305.71484,-511.79102)">
<path
style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:6.4000001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:4.69999981;stroke-opacity:1"
d="m 321.71484,511.79102 c -8.83656,0 -16,7.16344 -16,16 0,8.83656 7.16344,16 16,16 8.83656,0 16,-7.16344 16,-16 0,-8.83656 -7.16344,-16 -16,-16 z"
id="stylisable"
inkscape:connector-curvature="0"
sodipodi:nodetypes="sssss" />
<path
sodipodi:nodetypes="sssss"
inkscape:connector-curvature="0"
id="path4202"
d="m 321.71484,516.07673 c -6.46962,0 -11.71429,5.24467 -11.71429,11.71429 0,6.46962 5.24467,11.71429 11.71429,11.71429 6.46962,0 11.71429,-5.24467 11.71429,-11.71429 0,-6.46962 -5.24467,-11.71429 -11.71429,-11.71429 z"
style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:6.4000001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:4.69999981;stroke-opacity:1" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.7 KiB

View File

@ -32,9 +32,13 @@
=========================================================*/
?><section data-sublink='phone'> <!-- IMPORT ou SAISIE -->
<h6 class='center'>Importer un journal d'appel</h6><br>
<br>
<section data-timeline>
<h5 data-n='1'>Importer un journal d'appel</h6>
<input type='file' value='test'>
<p>hi</p>
<p>FULL CSS BIATCH !!</p>
<span data-title data-n='2'>Saisir manuellement les information</span>
</section>
<h6 class='center'>Saisie manuelle</h6><br>