14 lines
12 KiB
Plaintext
14 lines
12 KiB
Plaintext
{
|
|
"version": 3,
|
|
"file": "layout.css",
|
|
"sources": [
|
|
"../layout.scss",
|
|
"../constants.scss"
|
|
],
|
|
"sourcesContent": [
|
|
"@import 'constants';\n\nbody{\n\n\tfont-family: 'Open Sans';\n\tfont-size: 15px;\n}\n\n\n\n#WRAPPER{\n\tdisplay: block;\n\tposition: fixed;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\n\tbackground-color: $theme-bg;\n\n\toverflow-x: hidden;\n\toverflow-y: auto;\n\n\tz-index: 1;\n\n\n\t/* [1] Header de la page\n\t==========================================*/\n\t& > #HEADER{\n\t\tdisplay: block;\n\t\tposition: fixed;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\twidth: 100%;\n\t\t\theight: calc( #{$header-height} - 1px );\n\n\t\tborder-bottom: 1px solid darken($header-dark, 10);\n\n\t\tbackground-color: $header-dark;\n\n\t\tz-index: 100;\n\n\t}\n\n\n\t/* [2] Side-Menu de la page\n\t==========================================*/\n\t// Gestion du menu\n\t& > #MENU-SIDE{\n\t\tdisplay: block;\n\t\tposition: fixed;\n\t\t\ttop: $header-height;\n\t\t\tleft: 0;\n\t\t\twidth: $menu-side-width;\n\t\t\theight: calc( 100% - #{$header-height} );\n\n\t\tbox-shadow: 2px 1px 3px #ddd;\n\n\t\tbackground-color: #fff;\n\n\t\t@include transition( all .3s );\n\n\t\tz-index: 10;\n\t}\n\n\n\t/* [3] Container de la page\n\t==========================================*/\n\t& > #CONTAINER{\n\t\tdisplay: flex;\n\t\tposition: absolute;\n\t\t\ttop: $header-height;\n\t\t\tleft: $menu-side-width;\n\t\t\twidth: calc( 100% - #{$menu-side-width} );\n\t\t\tmin-height: calc( 100% - #{$header-height} );\n\t\t// margin: 1em;\n\n\t\t// Flex properties\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t\tflex-wrap: wrap;\n\n\t\toverflow-x: none;\n\t\toverflow-y: auto;\n\t}\n}\n\n\n\n\n/* [4] Page de login\n=========================================================*/\n#LOGIN{\n\tdisplay: flex;\n\tposition: fixed;\n\t\ttop: 0;\n\t\tleft: -100%;\n\t\twidth: 100%;\n\t\theight: 100%;\n\n\t// Quand la page de login est visible\n\t&.active{\n\t\tleft: 0;\n\t}\n\n\t// flex properties\n\tflex-direction: row;\n\tflex-wrap: nowrap;\n\tjustify-content: space-around;\n\talign-items: center;\n\n\n\tbackground-color: #D7D7D9;\n\n\t@include transition( left .3s ease-in-out );\n\n\tz-index: 101;\n\n\n\n\n\t/* (1) Logo et nom du site */\n\t& > #login-icon{\n\t\twidth: 35em;\n\t\theight: 10em;\n\n\t\tbackground: url('/src/static/iconv3.svg') center center no-repeat;\n\t\tbackground-size: auto 100%;\n\t}\n\n\n\t/* (2) Formulaire de connexion */\n\t& > #login-form{\n\t\tdisplay: block;\n\n\n\t\t/* (2.1) Champs de texte (login/password) */\n\t\t& > input[type='text'],\n\t\t& > input[type='password'],\n\t\t& > input[type='submit']{\n\t\t\tdisplay: flex;\n\t\t\t\twidth: 20em;\n\n\t\t\tmargin: 2em 0;\n\t\t\tpadding: 1em 2em;\n\n\t\t\t// flex properties\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: space-around;\n\t\t\tflex-wrap: nowrap;\n\t\t\talign-items: middle;\n\n\n\t\t\tborder-radius: 3px;\n\t\t\tborder: 1px solid #aaa;\n\n\t\t\tbackground-color: $header-dark;\n\n\t\t\tcolor: #444;\n\t\t\t// font-weight: bold;\n\t\t\tletter-spacing: .02em;\n\n\t\t\t@include transition( border .2s ease-in-out );\n\n\t\t\t// cursor: default;\n\n\t\t\t// Animation de @hover/@focus\n\t\t\t&:hover,\n\t\t\t&:focus\n\t\t\t&:not([value=\"\"]){\n\t\t\t\tborder-color: $theme-fg-primary;\n\t\t\t}\n\n\t\t}\n\n\n\t\t/* (2.2) Bouton de connexion */\n\t\t& > input[type='submit']{\n\t\t\twidth: 100%;\n\t\t\tmargin-top: calc( 2em - 3px );\n\t\t\tmargin-bottom: 2em;\n\n\t\t\tborder: 0;\n\t\t\tborder-top: 3px solid darken($theme-fg-primary, 15);\n\n\t\t\tbackground-color: $theme-fg-primary;\n\n\t\t\tcolor: $dark-fg-primary;\n\t\t\tfont-weight: bold;\n\t\t\ttext-align: left;\n\n\t\t\tcursor: pointer;\n\n\t\t\t@include transition( all .1s ease-in-out );\n\n\t\t\t// Animation de @hover\n\t\t\t&:hover, &.hover{\n\t\t\t\tbackground-color: darken($theme-fg-primary, 10);\n\t\t\t\tborder-top-width: 1px;\n\t\t\t\tmargin-top: calc( 2em - 2px );\n\t\t\t\tmargin-bottom: calc( 2em + 2px );\n\t\t\t}\n\n\t\t\t// Animation de clic @active\n\t\t\t\t&:active{\n\t\t\t\tborder-top-width: 0;\n\t\t\t\tmargin-top: 2em;\n\t\t\t\tmargin-bottom: calc( 2em + 3px );\n\t\t\t}\n\n\t\t}\n\n\n\n\n\n\t\t/* (3) Mot de passe oublie */\n\t\t& > #lost-password{\n\t\t\tposition: absolute;\n\t\t\tcolor: #777;\n\n\t\t\tcursor: pointer;\n\n\t\t\t// Animation de @hover\n\t\t\t&:hover{\n\t\t\t\tcolor: $theme-fg-primary;\n\t\t\t\ttext-decoration: underline;\n\t\t\t}\n\t\t}\n\n\t}\n\n\t/* (4) Gestion de la fermeture */\n\t& > #login-close{\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\t\ttop: 2em;\n\t\t\tright: 2em;\n\t\t\tmin-width: 2em;\n\t\t\theight: 2em;\n\n\t\tbackground: url('/src/static/container/back@555555.svg') right center no-repeat;\n\t\tbackground-size: 1em;\n\n\t\tcolor: #555;\n\t\tpadding-right: 2em;\n\t\tline-height: 2em;\n\t\tfont-weight: bold;\n\t\tletter-spacing: 1px;\n\n\t\tcursor: pointer;\n\t}\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: #0e6dbf;\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: #F8F8FA;\n\n/* (3) Couleurs du theme pour la timeline */\n$timeline-color: #738394;\n$timeline-0: #0e6dbf;\n$timeline-1: #e64e3e;\n$timeline-2: #d54b28;\n$timeline-3: #b14be7;\n$timeline-4: #053b5d;\n\n$timeline-fb: #3b5998;\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\ttransform: $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\t-webkit-transition: $value;\n\ttransition: $value;\n}\n\n/* [4] Functions\n=========================================================*/\n// Transforme une couleur hex en string sans le #\n@function color-str($color){\n\t@return str-slice(#{$color}, 2, str-length(#{$color}));\n}\n"
|
|
],
|
|
"mappings": "AAEA,AAAA,IAAI,AAAA,CAEH,WAAW,CAAE,WAAY,CACzB,SAAS,CAAE,IAAK,CAChB,AAID,AAAA,QAAQ,AAAA,CACP,OAAO,CAAE,KAAM,CACf,QAAQ,CAAE,KAAM,CACf,GAAG,CAAE,CAAE,CACP,IAAI,CAAE,CAAE,CACR,KAAK,CAAE,IAAK,CACZ,MAAM,CAAE,IAAK,CAEd,gBAAgB,CCfE,OAAO,CDiBzB,UAAU,CAAE,MAAO,CACnB,UAAU,CAAE,IAAK,CAEjB,OAAO,CAAE,CAAE,CA8DX,AA3ED,AAkBK,QAlBG,CAkBH,OAAO,AAAA,CACV,OAAO,CAAE,KAAM,CACf,QAAQ,CAAE,KAAM,CACf,GAAG,CAAE,CAAE,CACP,IAAI,CAAE,CAAE,CACR,KAAK,CAAE,IAAK,CACZ,MAAM,CAAE,gBAAI,CAEb,aAAa,CAAE,GAAG,CAAC,KAAK,CAAC,OAAM,CAE/B,gBAAgB,CCxBA,OAAO,CD0BvB,OAAO,CAAE,GAAI,CAEb,AAhCF,AAsCK,QAtCG,CAsCH,UAAU,AAAA,CACb,OAAO,CAAE,KAAM,CACf,QAAQ,CAAE,KAAM,CACf,GAAG,CCpBY,GAAG,CDqBlB,IAAI,CAAE,CAAE,CACR,KAAK,CCvBU,IAAI,CDwBnB,MAAM,CAAE,iBAAI,CAEb,UAAU,CAAE,gBAAiB,CAE7B,gBAAgB,CAAE,IAAK,CCXxB,kBAAkB,CDaI,GAAG,CAAC,IAAG,CCZ7B,UAAU,CDYY,GAAG,CAAC,IAAG,CAE5B,OAAO,CAAE,EAAG,CACZ,AArDF,AA0DK,QA1DG,CA0DH,UAAU,AAAA,CACb,OAAO,CAAE,IAAK,CACd,QAAQ,CAAE,QAAS,CAClB,GAAG,CCxCY,GAAG,CDyClB,IAAI,CC1CW,IAAI,CD2CnB,KAAK,CAAE,kBAAI,CACX,UAAU,CAAE,iBAAI,CAIjB,cAAc,CAAE,GAAI,CACpB,eAAe,CAAE,aAAc,CAC/B,SAAS,CAAE,IAAK,CAEhB,UAAU,CAAE,IAAK,CACjB,UAAU,CAAE,IAAK,CACjB,AAQF,AAAA,MAAM,AAAA,CACL,OAAO,CAAE,IAAK,CACd,QAAQ,CAAE,KAAM,CACf,GAAG,CAAE,CAAE,CACP,IAAI,CAAE,KAAM,CACZ,KAAK,CAAE,IAAK,CACZ,MAAM,CAAE,IAAK,CAQd,cAAc,CAAE,GAAI,CACpB,SAAS,CAAE,MAAO,CAClB,eAAe,CAAE,YAAa,CAC9B,WAAW,CAAE,MAAO,CAGpB,gBAAgB,CAAE,OAAQ,CCjE1B,kBAAkB,CDmEG,IAAI,CAAC,IAAG,CAAC,WAAW,CClEzC,UAAU,CDkEW,IAAI,CAAC,IAAG,CAAC,WAAW,CAEzC,OAAO,CAAE,GAAI,CAwIb,AAhKD,AAAA,MAAM,AASJ,OAAO,AAAA,CACP,IAAI,CAAE,CAAE,CACR,AAXF,AA8BK,MA9BC,CA8BD,WAAW,AAAA,CACd,KAAK,CAAE,IAAK,CACZ,MAAM,CAAE,IAAK,CAEb,UAAU,CAAE,6BAAG,CAA2B,MAAM,CAAC,MAAM,CAAC,SAAS,CACjE,eAAe,CAAE,SAAU,CAC3B,AApCF,AAwCK,MAxCC,CAwCD,WAAW,AAAA,CACd,OAAO,CAAE,KAAM,CAiGf,AA1IF,AA6CuB,MA7CjB,CAwCD,WAAW,CAKV,KAAK,CAAA,AAAA,IAAC,CAAK,MAAM,AAAX,EA7CZ,AA8C2B,MA9CrB,CAwCD,WAAW,CAMV,KAAK,CAAA,AAAA,IAAC,CAAK,UAAU,AAAf,EA9CZ,AA+CyB,MA/CnB,CAwCD,WAAW,CAOV,KAAK,CAAA,AAAA,IAAC,CAAK,QAAQ,AAAb,CAAc,CACvB,OAAO,CAAE,IAAK,CACb,KAAK,CAAE,IAAK,CAEb,MAAM,CAAE,KAAM,CACd,OAAO,CAAE,OAAQ,CAGjB,cAAc,CAAE,MAAO,CACvB,eAAe,CAAE,YAAa,CAC9B,SAAS,CAAE,MAAO,CAClB,WAAW,CAAE,MAAO,CAGpB,aAAa,CAAE,GAAI,CACnB,MAAM,CAAE,cAAe,CAEvB,gBAAgB,CC9ID,OAAO,CDgJtB,KAAK,CAAE,IAAK,CAEZ,cAAc,CAAE,KAAM,CCjHxB,kBAAkB,CDmHK,MAAM,CAAC,IAAG,CAAC,WAAW,CClH7C,UAAU,CDkHa,MAAM,CAAC,IAAG,CAAC,WAAW,CAW3C,AAjFH,AA6CuB,MA7CjB,CAwCD,WAAW,CAKV,KAAK,CAAA,AAAA,IAAC,CAAK,MAAM,AAAX,CA8BR,MAAM,CA3EV,AA6CuB,MA7CjB,CAwCD,WAAW,CAKV,KAAK,CAAA,AAAA,IAAC,CAAK,MAAM,AAAX,CA+BR,MAAM,CA5EV,MAAM,CAwCD,WAAW,CAKV,KAAK,CAAA,AAAA,IAAC,CAAK,MAAM,AAAX,CAgCR,IAAK,EAAA,AAAA,AAAS,KAAR,CAAM,EAAE,AAAR,GA7EV,AA8C2B,MA9CrB,CAwCD,WAAW,CAMV,KAAK,CAAA,AAAA,IAAC,CAAK,UAAU,AAAf,CA6BR,MAAM,CA3EV,AA6CuB,MA7CjB,CAwCD,WAAW,CAMV,KAAK,CAAA,AAAA,IAAC,CAAK,UAAU,AAAf,CA8BR,MAAM,CA5EV,MAAM,CAwCD,WAAW,CAKV,KAAK,CAAA,AAAA,IAAC,CAAK,MAAM,AAAX,CAgCR,IAAK,EAAA,AAAA,AAAS,KAAR,CAAM,EAAE,AAAR,GA7EV,AA+CyB,MA/CnB,CAwCD,WAAW,CAOV,KAAK,CAAA,AAAA,IAAC,CAAK,QAAQ,AAAb,CA4BR,MAAM,CA3EV,AA6CuB,MA7CjB,CAwCD,WAAW,CAOV,KAAK,CAAA,AAAA,IAAC,CAAK,QAAQ,AAAb,CA6BR,MAAM,CA5EV,MAAM,CAwCD,WAAW,CAKV,KAAK,CAAA,AAAA,IAAC,CAAK,MAAM,AAAX,CAgCR,IAAK,EAAA,AAAA,AAAS,KAAR,CAAM,EAAE,AAAR,GA7EV,AA8C2B,MA9CrB,CAwCD,WAAW,CAKV,KAAK,CAAA,AAAA,IAAC,CAAK,MAAM,AAAX,CA+BR,MAAM,CA5EV,MAAM,CAwCD,WAAW,CAMV,KAAK,CAAA,AAAA,IAAC,CAAK,UAAU,AAAf,CA+BR,IAAK,EAAA,AAAA,AAAS,KAAR,CAAM,EAAE,AAAR,GA7EV,AA8C2B,MA9CrB,CAwCD,WAAW,CAMV,KAAK,CAAA,AAAA,IAAC,CAAK,UAAU,AAAf,CA8BR,MAAM,CA5EV,MAAM,CAwCD,WAAW,CAMV,KAAK,CAAA,AAAA,IAAC,CAAK,UAAU,AAAf,CA+BR,IAAK,EAAA,AAAA,AAAS,KAAR,CAAM,EAAE,AAAR,GA7EV,AA8C2B,MA9CrB,CAwCD,WAAW,CAOV,KAAK,CAAA,AAAA,IAAC,CAAK,QAAQ,AAAb,CA6BR,MAAM,CA5EV,MAAM,CAwCD,WAAW,CAMV,KAAK,CAAA,AAAA,IAAC,CAAK,UAAU,AAAf,CA+BR,IAAK,EAAA,AAAA,AAAS,KAAR,CAAM,EAAE,AAAR,GA7EV,AA+CyB,MA/CnB,CAwCD,WAAW,CAKV,KAAK,CAAA,AAAA,IAAC,CAAK,MAAM,AAAX,CA+BR,MAAM,CA5EV,MAAM,CAwCD,WAAW,CAOV,KAAK,CAAA,AAAA,IAAC,CAAK,QAAQ,AAAb,CA8BR,IAAK,EAAA,AAAA,AAAS,KAAR,CAAM,EAAE,AAAR,GA7EV,AA+CyB,MA/CnB,CAwCD,WAAW,CAMV,KAAK,CAAA,AAAA,IAAC,CAAK,UAAU,AAAf,CA8BR,MAAM,CA5EV,MAAM,CAwCD,WAAW,CAOV,KAAK,CAAA,AAAA,IAAC,CAAK,QAAQ,AAAb,CA8BR,IAAK,EAAA,AAAA,AAAS,KAAR,CAAM,EAAE,AAAR,GA7EV,AA+CyB,MA/CnB,CAwCD,WAAW,CAOV,KAAK,CAAA,AAAA,IAAC,CAAK,QAAQ,AAAb,CA6BR,MAAM,CA5EV,MAAM,CAwCD,WAAW,CAOV,KAAK,CAAA,AAAA,IAAC,CAAK,QAAQ,AAAb,CA8BR,IAAK,EAAA,AAAA,AAAS,KAAR,CAAM,EAAE,AAAR,EAAU,CAChB,YAAY,CCpKG,OAAO,CDqKtB,AA/EJ,AAqFyB,MArFnB,CAwCD,WAAW,CA6CV,KAAK,CAAA,AAAA,IAAC,CAAK,QAAQ,AAAb,CAAc,CACvB,KAAK,CAAE,IAAK,CACZ,UAAU,CAAE,gBAAI,CAChB,aAAa,CAAE,GAAI,CAEnB,MAAM,CAAE,CAAE,CACV,UAAU,CAAE,GAAG,CAAC,KAAK,CAAC,OAAM,CAE5B,gBAAgB,CCnLA,OAAO,CDqLvB,KAAK,CC/KU,IAAO,CDgLtB,WAAW,CAAE,IAAK,CAClB,UAAU,CAAE,IAAK,CAEjB,MAAM,CAAE,OAAQ,CChJlB,kBAAkB,CDkJK,GAAG,CAAC,IAAG,CAAC,WAAW,CCjJ1C,UAAU,CDiJa,GAAG,CAAC,IAAG,CAAC,WAAW,CAiBxC,AAtHH,AAqFyB,MArFnB,CAwCD,WAAW,CA6CV,KAAK,CAAA,AAAA,IAAC,CAAK,QAAQ,AAAb,CAmBR,MAAM,CAxGV,AAqFyB,MArFnB,CAwCD,WAAW,CA6CV,KAAK,CAAA,AAAA,IAAC,CAAK,QAAQ,AAAb,CAmBC,MAAM,AAAA,CACf,gBAAgB,CAAE,OAAM,CACxB,gBAAgB,CAAE,GAAI,CACtB,UAAU,CAAE,gBAAI,CAChB,aAAa,CAAE,gBAAI,CACnB,AA7GJ,AAqFyB,MArFnB,CAwCD,WAAW,CA6CV,KAAK,CAAA,AAAA,IAAC,CAAK,QAAQ,AAAb,CA2BP,OAAO,AAAA,CACR,gBAAgB,CAAE,CAAE,CACpB,UAAU,CAAE,GAAI,CAChB,aAAa,CAAE,gBAAI,CACnB,AApHJ,AA6HM,MA7HA,CAwCD,WAAW,CAqFV,cAAc,AAAA,CACjB,QAAQ,CAAE,QAAS,CACnB,KAAK,CAAE,IAAK,CAEZ,MAAM,CAAE,OAAQ,CAOhB,AAxIH,AA6HM,MA7HA,CAwCD,WAAW,CAqFV,cAAc,AAOhB,MAAM,AAAA,CACN,KAAK,CC3NU,OAAO,CD4NtB,eAAe,CAAE,SAAU,CAC3B,AAvIJ,AA6IK,MA7IC,CA6ID,YAAY,AAAA,CACf,OAAO,CAAE,KAAM,CACf,QAAQ,CAAE,QAAS,CAClB,GAAG,CAAE,GAAI,CACT,KAAK,CAAE,GAAI,CACX,SAAS,CAAE,GAAI,CACf,MAAM,CAAE,GAAI,CAEb,UAAU,CAAE,4CAAG,CAA0C,KAAK,CAAC,MAAM,CAAC,SAAS,CAC/E,eAAe,CAAE,GAAI,CAErB,KAAK,CAAE,IAAK,CACZ,aAAa,CAAE,GAAI,CACnB,WAAW,CAAE,GAAI,CACjB,WAAW,CAAE,IAAK,CAClB,cAAc,CAAE,GAAI,CAEpB,MAAM,CAAE,OAAQ,CAChB",
|
|
"names": []
|
|
} |