NxTIC/css/global/expanded.css.map

18 lines
35 KiB
Plaintext
Raw Normal View History

{
"version": 3,
"file": "expanded.css",
"sources": [
"../global.scss",
"../constants.scss",
"../panel-list.scss",
"../timeline-form.scss"
],
"sourcesContent": [
"@import 'constants';\n\n/* [1] Panel list (tokens, utilisateurs, etc)\n=========================================================*/\n@import 'panel-list';\n\n/* [2] Formulaire de type 'timeline'\n=========================================================*/\n@import 'timeline-form';\n",
2016-04-25 08:43:33 +00:00
"/* [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$header-dark: #333333;\n\n/* (3) Couleurs du theme pour la timeline */\n$timeline-color: #738394;\n$timeline-0: #399ced;\n$timeline-1: #e64e3e;\n$timeline-2: #10baa3;\n$timeline-3: #b14be7;\n$timeline-4: #053b5d;\n\n\n/* [2] DIMENSIONS\n=========================================================*/\n/* (1) Layout de base */\n$menu-side-width: 15em;\n$header-height: 4em;\n\n\n\n/* [3] Mixins\n=========================================================*/\n@mixin transform($value...) {\n transform: $value;\n\t-moz-transform: $value;\n\t-o-transform: $value;\n\t-ms-transform: $value;\n\t-webkit-transform: $value;\n}\n\n\n@mixin transition($value...) {\n -webkit-transition: $value;\n transition: $value;\n}\n\n/* [4] Functions\n=========================================================*/\n// Transforme une couleur hex en string sans le #\n@function color-str($color){\n @return str-slice(#{$color}, 2, str-length(#{$color}));\n}\n",
"@import 'constants';\n\n/* [1] Panneau d'ajout/suppression d'elements\n=========================================================*/\n#WRAPPER > #CONTAINER section[data-panel-list]{\n\tdisplay: block;\n\tposition: relative;\n\n\tborder-radius: 3px;\n\tborder: 1px solid #ccc;\n\n\tbackground-color: #fff;\n\n\tfont-size: .9em;\n\tcolor: #000;\n\n\n\t/* (1) Header (titre + ajout) */\n\t& > div[data-header]{\n\t\tdisplay: flex;\n\t\tposition: relative;\n\n\t\t// flex properties\n\t\tflex-direction: row;\n\t\tflex-wrap: nowrap;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\n\t\tpadding: .5em .7em;\n\n\t\tborder-radius: 3px 3px 0 0;\n\t\tborder-bottom: 1px solid #ccc;\n\n\t\tbackground-color: #f5f5f5;\n\t\tbox-shadow: inset 0 0 5px #eee;\n\n\t\t// Libelle du panel\n\t\t& > span,\n\t\t& > button{\n\t\t\tcolor: #333;\n\t\t\tfont-weight: bold;\n\t\t\tline-height: 2em;\n\t\t}\n\n\t\t// Bouton ajouter\n\t\t& > button{\n\t\t\tpadding: .1em .7em;\n\n\t\t\tborder-radius: 3px;\n\t\t\tborder: 1px solid #777;\n\n\t\t\tbackground: #ecf0f1;\n\n\t\t\t@include transition( all .1s ease-in-out );\n\n\t\t\tcolor: #777;\n\n\t\t\t// Animation de @hover\n\t\t\t&:hover{\n\t\t\t\tbackground: $theme-fg-primary;\n\t\t\t\tborder-color: darken($theme-fg-primary, 10);\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\t\t}\n\n\t}\n\n\n\t/* (2) Description (sous le header) */\n\t& > div[data-description]{\n\t\tdisplay: block;\n\t\tposition: relative;\n\n\t\tborder-bottom: 1px solid #ccc;\n\n\t\tpadding: .7em .7em;\n\n\t\tcolor: #555;\n\t}\n\n\n\n\t/* (3) Liste des elements */\n\t& > ul[data-list]{\n\t\tdisplay: flex;\n\t\tposition: relative;\n\n\t\t// flex properties\n\t\tflex-direction: column;\n\t\tjustify-content: flex-start;\n\t\tflex-wrap: nowrap;\n\n\t\tmargin: 0;\n\t\tpadding: 0;\n\n\t\tlist-style: none;\n\n\n\t\t/* (4) Chaque element de la liste */\n\t\t& > li[data-element]{\n\t\t\tdisplay: flex;\n\n\t\t\t// flex properties\n\t\t\tflex-direction: row;\n\t\t\tjustify-content: space-between;\n\t\t\talign-items: center;\n\t\t\tflex-wrap: nowrap;\n\n\t\t\tpadding: 1em;\n\n\t\t\t// rebord en bas sauf dernier\n\t\t\t&:not(:last-child){\n\t\t\t\tborder-bottom: 1px solid #ccc;\n\t\t\t}\n\n\t\t\t/* (4.1) Logo et type d'element */\n\t\t\t& > div:nth-child(1){\n\t\t\t\tdisplay: flex;\n\t\t\t\t\twidth: 10em;\n\t\t\t\t\theight: 6em;\n\n\t\t\t\t// flex properties\n\t\t\t\tflex-direction: column;\n\t\t\t\tjustify-content: flex-end;\n\t\t\t\talign-items: center;\n\n\t\t\t\t// Image pour token\n\t\t\t\t&[data-token]{\n\t\t\t\t\tbackground: url('/f/svg/token/st/container/666666') center 1em no-repeat;\n\t\t\t\t\t// Si le token est actif\n\t\t\t\t\t&.active{\n\t\t\t\t\t\tbackground-image: url('/f/svg/token/st/container/${color-str($theme-fg-primary)');\n\t\t\t\t\t}\n\t\t\t\t}\n\n\n\t\t\t\t// Image pour utilisateur\n\t\t\t\t&[data-user]{\n\t\t\t\t\tbackground: url('/f/svg/user/st/container/666666') center 1em no-repeat;\n\t\t\t\t\t// Si le token est actif\n\t\t\t\t\t&.active{\n\t\t\t\t\t\tbackground-image: url('/f/svg/user/st/container/${color-str($theme-fg-primary)');\n\t\t\t\t\t}\n\t\t\t\t}\n\n\n\t\t\t\t// Image pour utilisateur\n\t\t\t\t&[data-number]{\n\t\t\t\t\tbackground: url('/f/svg/phone_number/st/container/666666') center 1em no-repeat;\n\t\t\t\t\t// Si le token est actif\n\t\t\t\t\t&.active{\n\t\t\t\t\t\tbackground-image: url('/f/svg/phone_number/st/container/${color-str($theme-fg-primary)');\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tbackground-size: auto 50%;\n\n\n\n\t\t\t\t// Texte pour le type d'element\n\t\t\t\t& > span{\n\t\t\t\t\tdisplay: block;\n\n\t\t\t\t\tpadding: 0 .4em;\n\n\t\t\t\t\tborder-radius: 3px;\n\t\t\t\t\tborder: 1px solid #ddd;\n\n\t\t\t\t\tfont-size: .8em;\n\t\t\t\t\tcolor: #555;\n\t\t\t\t\ttext-transform: uppercase;\n\t\t\t\t\tfont-weight: bold;\n\t\t\t\t}\n\n\t\t\t}\n\n\t\t\t/* (4.2) Donnees descriptives */\n\t\t\t& > div:nth-child(n+2){\n\t\t\t\tdisplay: flex;\n\t\t\t\tposition: relative;\n\n\t\t\t\tflex: 10em;\n\n\t\t\t\tpadding: 1em;\n\n\t\t\t\t// flex properties\n\t\t\t\tflex-direction: column;\n\t\t\t\tjustify-content: flex-start;\n\
2016-04-25 08:51:43 +00:00
"@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& h5,\n\t& h4,\n\t& h3,\n\t& *.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 #d8e0e9;\n\n\t}\n\n\n\t/* (2) Titres de sections */\n\t& h3{\n\t\tdisplay: block;\n\t\tpadding: 20px 40px;\n\n\t\tfont-size: 1.4em;\n\t\tcolor: #000;\n\t\tfont-weight: bold;\n\n // background-color: $timeline-color;\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: .48em;\n margin-left: -41px;\n padding: 3px 12px;\n\n border-radius: 50%;\n /* Contour blanc*/\n box-shadow: 0 0 0 3px #fff;\n\n background-color: $timeline-color;\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 @include transform( translateX(-50%) translateY(-50%) );\n\n\t\t}\n\t}\n\n\t/* (3) Titres des sous-sections */\n\t& h4{\n\t\tdisplay: block;\n\n\t\tpadding: 20px 40px;\n\n\t\tfont-size: 1.2em;\n\t\tcolor: darken($timeline-color, 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: .8em;\n margin-left: -41px;\n padding: 9px;\n\n border-radius: 50%;\n /* Contour blanc*/\n box-shadow: 0 0 0 2px #fff;\n\n background-color: $timeline-color;\n\n\t\t\tfont-size: .9em;\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 @include transform( translateX(-50%) translateY(-50%) );\n\t\t}\n\t}\n\n\t/* (4) Titres genre text message */\n\t& h5{\n\t\tdisplay: block;\n\n\t\tpadding: 20px 40px;\n\n\t\tfont-size: 1.2em;\n\t\tcolor: darken($timeline-color, 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: $timeline-color;\n\n /* On centre sur la ligne*/\n @include 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: $timeline-color;\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: $timeline-color;\n font-weight: bold;\n\n /* On centre sur la ligne*/\n @include transform( translateX(-50%) translateY(-50%) );\n }\n\t}\n\n /* (6) Input d'upload de fichier (css hack) */\n & input[type='file']{\n
],
2016-04-25 08:51:43 +00:00
"mappings": "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
"names": []
}