1 line
No EOL
8.1 KiB
Text
1 line
No EOL
8.1 KiB
Text
{"version":3,"sources":["css/index.scss"],"names":[],"mappings":"AAAA,MACE,cAAA,CACA,cAAA,CACA,qBAGF,KACE,cAAA,CACA,uBAKF,UAJE,QAAA,CACA,UAGF,KACE,eAAA,CACA,gCAAA,CACA,gBAAA,CACA,eAAA,CACA,eAAA,CACA,mBAKF,GAGE,iBAAA,CAEA,eAGF,iBAPE,iCAAA,CACA,eAAA,CAEA,yBAIF,cACE,aAAA,CAIA,iBAAA,CACA,kBAAA,CACA,gBAGF,QACE,sBAAA,CACA,UAAA,CACA,mBAGF,gBACE,cAAA,CACA,eAGF,GACE,iCAAA,CACA,gBAGF,IACE,iBAAA,CACA,gBAGF,IACE,uBAAA,CACA,eAAA,CACA,QAAA,CACA,KAAA,CACA,UAAA,CACA,eAAA,CACA,WAAA,CACA,sBAAA,CACA,SAAA,CACA,yBACA,OACE,YAAA,CACA,kBAAA,CACA,4BAAA,CACA,kBAAA,CACA,WAAA,CACA,aAAA,CACA,UAEF,OACE,eAAA,CACA,kBAEF,MACE,UAAA,CACA,eAAA,CACA,gBAAA,CACA,eAIJ,GACE,iBAAA,CACA,yBAGF,QACE,UAAA,CACA,kBAGF,cACE,eAAA,CACA,6BAAA,CACA,YAAA,CACA,kBAAA,CACA,4BAAA,CACA,mBAGF,uBACE,UAAA,CACA,eAAA,CACA,mBAGF,uBACE,WAGF,8CAEE,aAGF,EACE,gBAAA,CACA,eAAA,CACA,eAAA,CACA,mBAGF,iBACE,eAAA,CACA,aAAA,CACA,eACA,8CAEE,mBAIJ,WACE,iBAGF,oBACE,UAAA,CACA,gBAAA,CACA,eAAA,CACA,oBAAA,CACA,uBACA,wBACE,UAAA,CACA,SAAA,CACA,kBAIA,8BACE,cAAA,CACA,gBAAA,CACA,gBAKN,aACE,sBAAA,CACA,WAGF,mBACE,aAAA,CACA,iBAAA,CACA,gBACA,qBAAG,WAGL,yBACE,cACE,UAAA,CACA,uBAAA,CACA,sBAAA,CACA,uBACA,iBACE,cAAA,CACA,gBAIJ,uBACE,WAGF,uBACE,cAAA,CACA,WAGF,gBACE,gBAGJ,yBAEI,OACE,sBAAA,CACA,mBACA,SACE,gBAMR,yBACE,iBACI,kBAAA,CACA,mBAIN,yBAIM,SACE,iBAMR,iBACE,UAAA,CACA,4BAAA,CACA,UAAA,CACA,WAAA,CACA,YAAA,CACA,eAAA,CACA,iBAAA,CACA,cAAA,CACA,cAAA,CACA,sCAAA,CACA,gBAEA,qBACE,eAAA,CAEA,WAAA,CACA,WAAA,CACA,UAMJ,6BACE,wBAAA,CACA,gBAGF,gDACE,6BAGF,mBACE,wBAAA,CACA,6BAAA,CACA,8BAAA,CACA,cAAA,CACA,YAAA,CACA,eAAA,CACA,sCAGF,WACE,0BAGF,eACE,iBAAA,CACA,eAGF,UACE,QAAA,CACA,UAIF,eACE,gBACA,iBACE,kBAEF,kBACE,gBAKF,+DACE,kBAKF,iEACE,kBAKJ,eASE,sBAAA,CACA,qBAAA,CACA,UACA,CACA,iBAAA,CACA,gBAbA,iBACE,eAAA,CACA,oBAEF,iBACE,mBAAA,CACA,WAUJ,QACE,gBAAA,CACA,kBAMF,UACE,UAAA,CACA,YAGF,KACE,4BAAA,CACA,YAAA,CACA,qBAAA,CACA,oBAGF,QACE,YAGF,sBACE,cAGF,yBACE,IACE,gBAIF,GACE","file":"index.css","sourceRoot":"../../src/_assets","sourcesContent":[":root {\r\n --blue: #00c0ff;\r\n --pink: #ff458c;\r\n --black: var(--black);\r\n}\r\n\r\nhtml {\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nbody {\r\n font-size: 62.5%;\r\n font-family: \"Open Sans\", sans-serif;\r\n font-size: 1.4rem;\r\n line-height: 1.3;\r\n font-weight: 100;\r\n color: var(--black);\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nh1 {\r\n font-family: \"Montserrat\", sans-serif;\r\n font-weight: 900;\r\n color: var(--blue);\r\n text-transform: uppercase;\r\n font-size: 3rem;\r\n}\r\n\r\nh1.huge-title {\r\n font-size: 4vw;\r\n font-family: \"Montserrat\", sans-serif;\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n font-style: italic;\r\n color: var(--black);\r\n line-height: 1.3;\r\n}\r\n\r\nh1 span {\r\n background: var(--pink);\r\n color: white;\r\n padding: 0 30px 0 0;\r\n}\r\n\r\n.u-bigger-title {\r\n font-size: 10vw;\r\n display: inline;\r\n}\r\n\r\nh2 {\r\n font-family: \"Montserrat\", sans-serif;\r\n font-weight: 900;\r\n}\r\n\r\np a {\r\n color:var(--blue);\r\n font-weight: 500;;\r\n}\r\n\r\nnav {\r\n position:-webkit-sticky;\r\n position: sticky;\r\n bottom: 0px;\r\n top: 0px;\r\n width: 100%;\r\n background: white;\r\n height: 80px;\r\n background: var(--blue);\r\n z-index: 1;\r\n text-transform: uppercase;\r\n ul {\r\n display: flex;\r\n flex-flow: row wrap;\r\n justify-content: space-around;\r\n align-items: center;\r\n height: 100%;\r\n margin: 0 10px;\r\n padding: 0;\r\n }\r\n li {\r\n list-style: none;\r\n text-align: center;\r\n }\r\n a {\r\n color: white;\r\n font-weight: 700;\r\n padding: 5px 10px;\r\n font-size: 1rem;\r\n }\r\n}\r\n\r\nh2 {\r\n color: var(--blue);\r\n text-transform: uppercase;\r\n}\r\n\r\nsection {\r\n width: 100%;\r\n position: relative;\r\n}\r\n\r\n.c-main-title {\r\n overflow: hidden;\r\n min-height: calc(100vh - 80px);\r\n display: flex;\r\n flex-flow: row wrap;\r\n justify-content: space-around;\r\n align-items: center;\r\n}\r\n\r\n.c-main-title__content {\r\n width: 30vw;\r\n min-width: 400px;\r\n margin-bottom: 80px;\r\n}\r\n\r\n.c-main-title__heading {\r\n width: 50vw;\r\n}\r\n\r\n.c-main-title__content,\r\n.c-main-title__heading {\r\n padding: 20px;\r\n}\r\n\r\np {\r\n font-size: 1.4rem;\r\n line-height: 1.3;\r\n font-weight: 100;\r\n color: var(--black);\r\n}\r\n\r\n.section-content {\r\n max-width: 860px;\r\n margin: 0 auto;\r\n padding:0 10px;\r\n ul li,\r\n ol li {\r\n margin-bottom: 20px;\r\n }\r\n}\r\n\r\n#manifeste {\r\n padding-top: 80px;\r\n}\r\n\r\n.c-main-title__link {\r\n color: white;\r\n padding: 5px 10px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n background: var(--blue);\r\n svg {\r\n width: 15px;\r\n fill: white;\r\n margin-right: 10px;\r\n }\r\n\r\n &:hover {\r\n svg {\r\n transition: 0.5s;\r\n margin-right: 5px;\r\n margin-left: 5px;\r\n }\r\n }\r\n}\r\n\r\n.signataires {\r\n background:var(--pink);\r\n color:white;\r\n}\r\n\r\n.signataires__text {\r\n margin:0 auto;\r\n padding:50px 10px;\r\n max-width: 860px;\r\n a {color:white;}\r\n}\r\n\r\n@media (max-width: 960px) {\r\n .c-main-title {\r\n width: auto;\r\n flex-flow: column nowrap;\r\n align-items: flex-start;\r\n justify-content: center;\r\n h1 {\r\n font-size: 10vw;\r\n text-align: left;\r\n }\r\n }\r\n\r\n .c-main-title__heading {\r\n width: auto;\r\n }\r\n\r\n .c-main-title__content {\r\n min-width: auto;\r\n width: auto;\r\n }\r\n\r\n .u-bigger-title {\r\n font-size: 15vw;\r\n }\r\n}\r\n@media (max-width: 960px) {\r\n nav {\r\n ul {\r\n justify-content: center;\r\n align-items: center;\r\n a {\r\n font-size: 1rem;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@media (min-width: 960px) {\r\n .section-content {\r\n text-align:justify;\r\n text-justify: auto;\r\n }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n nav {\r\n ul {\r\n \r\n a {\r\n font-size: 0.9rem;\r\n }\r\n }\r\n }\r\n}\r\n\r\nbutton.accordion {\r\n width: 100%;\r\n background-color: var(--pink);\r\n color:white;\r\n border: none;\r\n outline: none;\r\n text-align: left;\r\n padding: 15px 20px;\r\n font-size: 18px;\r\n cursor: pointer;\r\n transition: background-color 0.2s linear;\r\n transition:0.25s;\r\n\r\n svg {\r\n transition:0.25s;\r\n\r\n height:25px;\r\n float:right;\r\n fill:white;\r\n }\r\n}\r\n\r\n\r\n\r\nbutton.accordion.is-open svg {\r\n transform: rotate(180deg);\r\n transition:0.25s;\r\n}\r\n\r\nbutton.accordion:hover, button.accordion.is-open {\r\n background-color: var(--blue);\r\n}\r\n\r\n.accordion-content {\r\n background-color: rgb(241, 241, 241);\r\n border-left: 1px solid whitesmoke;\r\n border-right: 1px solid whitesmoke;\r\n padding: 0 20px;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.2s ease-in-out;\r\n}\r\n\r\n.underline {\r\n text-decoration: underline;\r\n}\r\n\r\n.postlist-date {\r\n font-style: italic;\r\n font-size: 1rem;\r\n}\r\n\r\n.postlist {\r\n margin:0;\r\n padding:0;\r\n\r\n}\r\n\r\n.postlist-item {\r\n list-style: none;\r\n a {\r\n color: var(--blue);\r\n }\r\n h2 {\r\n margin-bottom: 0;;\r\n }\r\n}\r\n\r\n.postlist-item:nth-child(even) {\r\n a, h2 {\r\n color: var(--blue);\r\n }\r\n}\r\n\r\n.postlist-item:nth-child(odd) {\r\n a, h2 {\r\n color: var(--pink);\r\n }\r\n}\r\n\r\n\r\n.twitter-tweet {\r\n p {\r\n font-weight: 400;\r\n padding-bottom: 10px;\r\n }\r\n a {\r\n padding-bottom: 10px;\r\n color:white;\r\n }\r\n background: var(--blue);\r\n padding: 5px 30px 20px 30px;\r\n color: \r\n white;\r\n font-style: italic;\r\n font-weight: 400;\r\n}\r\n\r\n.author {\r\n text-align: right;\r\n font-style: italic;\r\n}\r\n\r\n\r\n\r\n\r\nhtml, body {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\nmain {\r\n min-height: calc(100% - 80px);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: stretch;\r\n}\r\n\r\nsection {\r\n flex-grow: 1;\r\n}\r\n\r\nheader, section, footer {\r\n flex-shrink: 0;\r\n}\r\n\r\n@media (max-width: 400px) {\r\n nav {\r\n font-size: 0.5rem;\r\n \r\n }\r\n\r\n h1 {\r\n font-size: 2.5rem;\r\n }\r\n}"]} |