{ "version": 3, "file": "compact.css", "sources": [ "../header.scss", "../constants.scss" ], "sourcesContent": [ "@import 'constants';\n\n\n#WRAPPER > #HEADER{\n\n\t/* [1] Barre de recherche\n\t=========================================================*/\n\t& > #searchbar{\n\t\tdisplay: inline-block;\n\t\tposition: absolute;\n\t\t\ttop: .8em;\n\t\t\tleft: 1em;\n\t\t\twidth: 20em;\n\t\t\theight: 2em;\n\n\t\tpadding: .2em 1em;\n\n\t\tborder: 0;\n\t\tborder-radius: 3px;\n\n\t\tbackground-color: $theme-bg;\n\n\t}\n\n\t/* [2] Informations utilisateur\n\t=========================================================*/\n\t/* (0) Conteneur */\n\t& > #user-data{\n\t\tdisplay: inline-block;\n\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tright: 0;\n\t\t\theight: calc( 100% - 2*1em );\n\n\n\t\t/* (1) Username de l'utilisateur */\n\t\t& > #user-name{\n\t \tdisplay: block;\n\t \tposition: absolute;\n\t \t\ttop: 0;\n\t \t\tright: calc( #{$header-height}*2 - 1em );\n\t \t\theight: $header-height;\n\n\t \tpadding: 0 1em;\n\n\t\t\tcolor: #fff;\n\t\t\tline-height: $header-height;\n\t\t\twhite-space: nowrap;\n\t\t\tfont-weight: bold;\n\n\t\t\tcursor: pointer;\n\n\t\t}\n\n\n\t\t/* (2) Image du profil */\n\t\t& > #user-picture{\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\t\ttop: 1em;\n\t\t\t\tright: $header-height;\n\t\t\t\twidth: calc( #{$header-height} - 2*1em );\n\t\t\t\theight: calc( #{$header-height} - 2*1em );\n\n\n\t\t\tborder-radius: 50% / 50%;\n\n\t\t\tbackground: $theme-bg url('/f/svg/nopic/st/header') center center no-repeat;\n\t\t\tbackground-size: auto 80%;\n\n\t\t\t// Si on est connecte\n\t\t\t&.active{ background-image: url('/f/svg/sample/dy/profile'); background-size: auto 100%; }\n\n\t\t\tcursor: default;\n\n\t\t\talign-self: center;\n\t\t}\n\n\n\n\t\t/* (3) Icone d'activation */\n\t\t&:before{\n\t\t\tcontent: '';\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tright: 0;\n\t\t\t\twidth: $header-height;\n\t\t\t\theight: $header-height;\n\n\t\t\tbackground: url('/f/svg/expand/st/header/ffffff') center center no-repeat;\n\t\t\tbackground-size: 1em 1em;\n\n\t\t\tcursor: pointer;\n\n\t\t}\n\n\n\t}\n\n\n\n\t/* [3] Menu deroulant pour l'administration du profil\n\t=========================================================*/\n\t& > .user-panel{\n \tdisplay: block;\n \tposition: absolute;\n \ttop: calc( #{$header-height} - 1em );\n \tright: 0;\n\n margin: .5em;\n\n\t\tborder-radius: 5px;\n\t\tborder: 1px solid darken($theme-bg, 10);\n\n background-color: #fff;\n\n @include transition( left .3s ease-in-out );\n\n\n /* (1) Pour chaque element du menu */\n & > span{\n \tdisplay: block;\n \tposition: relative;\n\n\t\t\t// On ajoute une ligne en dessous sauf pour le dernier\n\t\t\t&:not(:last-child){\n\t\t\t\tborder-bottom: 1px solid #ddd;\n\t\t\t}\n\n\t\t\tcolor: #000;\n\t\t\tpadding: .5em 1em;\n\t\t\tpadding-left: 2em;\n\n\t\t\tcursor: pointer;\n\n\t\t\t// @hover\n\t\t\t&:hover{\n\t\t\t\tbackground-color: #eee;\n\t\t\t}\n }\n\n\n\n\n }\n\n /* (3) Gestion de l'activation ou non de l'user panel */\n\t& > #toggle-user-panel{ display: none; }\n\t& > #toggle-user-panel + .user-panel{ left: 100%; }\n\t& > #toggle-user-panel:checked + .user-panel{ left: auto; }\n\t& > #toggle-user-panel:checked + .user-panel:before{ left: 7em; }\n\n\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$header-dark: #333333;\n\n/* (3) Couleurs du theme pour la timeline */\n$timeline-color: #399ced;\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" ], "mappings": "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", "names": [] }