{"version":3,"file":"timeline/style-index.css","mappings":";;;AAAA;EACC;AACD;AAAC;EACC;AAEF;AAEA;EACC;EACA;AACD;AAAC;EACC;EACA;EACA;AAEF;AAAC;EACC;AAEF;AACE;EACC;EACA;EACA;AACH;AAGE;EACC;EACA;EACA;AADH;AAMA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAHD;AAIC;EACC;EACA;EACA;EACA;AAFF;AAIC;EACC;EACA;EACA;AAFF;AAGE;EACC;EACA;EACA;AADH;AAEG;EACC;EACA;EACA;EACA;EACA;EACA;AAAJ;AAKC;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;AAJF;AAOC;EACC;AALF;AAOC;EACC;AALF;AAOC;EAEC;AANF;AASA;EAEE;IACC;EAPD;EAUD;IACC;EARA;EASA;IACC;EAPD;EASA;IACC;IACA;EAPD;EASE;IACC;IACA;IACA;EAPH;EAUC;IACC;IACA;IACA;EARF;EAWC;IACC;IACA;EATF;EAYA;IAEC;EAXD;EAcA;IACC;EAZD;EAcA;IACC;EAZD;AACF,C","sources":["webpack://jvb/./src/timeline/style.scss"],"sourcesContent":["main {\r\n\t--gap: 0;\r\n\tsection:last-of-type {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n}\r\n\r\n#at-a-glance {\r\n\tpadding: 0 10vw;\r\n\t--gap: 0;\r\n\timg {\r\n\t\twidth: 100%;\r\n\t\theight: auto;\r\n\t\tborder: 2px solid rgb(var(--action-0));\r\n\t}\r\n\th3 {\r\n\t\tfont-size: var(--txt-x-small);\r\n\t}\r\n\t.before {\r\n\t\timg {\r\n\t\t\tborder-right-width: 1px;\r\n\t\t\tborder-left: 0;\r\n\t\t\tborder-top: 0;\r\n\t\t}\r\n\t}\r\n\t.after {\r\n\t\timg {\r\n\t\t\tborder-left-width: 1px;\r\n\t\t\tborder-right: 0;\r\n\t\t\tborder-bottom: 0;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.timeline-point.timeline-point {\r\n\t--lineWidth: 1px;\r\n\t--gap: 2rem;\r\n\tpadding: 0;\r\n\tmargin:0;\r\n\tbackground-color: rgb(var(--base));\r\n\tmax-width: 100vw;\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n\timg {\r\n\t\twidth: 40%;\r\n\t\tborder-radius: 4px;\r\n\t\tposition: sticky;\r\n\t\tpadding: .5rem;\r\n\t}\r\n\t.info {\r\n\t\tpadding: 1rem .5rem .5rem;\r\n\t\twidth: 60%;\r\n\t\tposition: relative;\r\n\t\th2 {\r\n\t\t\tmargin: 0 0 .5rem;\r\n\t\t\tfont-size: var(--txt-medium);\r\n\t\t\tposition: relative;\r\n\t\t\t.icon {\r\n\t\t\t\t--w: 2.5rem;\r\n\t\t\t\ttransform: rotate(-90deg);\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tleft: -2.5rem;\r\n\t\t\t\ttop: .25rem;\r\n\t\t\t\tbackground-color: rgb(var(--action-100));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n\t&::before,\r\n\t&::after {\r\n\t\tcontent: '';\r\n\t\tdisplay: block;\r\n\t\tposition: absolute;\r\n\t\tleft: 45%;\r\n\t\theight: 100%;\r\n\t\twidth: var(--lineWidth);\r\n\t\tbackground-color: rgb(var(--action-0));\r\n\t\t//box-shadow: var(--action-shadow);\r\n\t}\r\n\t&::before {\r\n\t\theight: 1rem;\r\n\t}\r\n\t&::after {\r\n\t\ttop: 4rem;\r\n\t}\r\n\t&#before-treatment::before,\r\n\t&:last-of-type::after {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n@media (min-width:768px) {\r\n\t#at-a-glance {\r\n\t\th3 {\r\n\t\t\tfont-size: var(--txt-x-large);\r\n\t\t}\r\n\t}\r\n\t.timeline-point.timeline-point {\r\n\t\t--gap: 4rem;\r\n\t\timg {\r\n\t\t\twidth: 50%;\r\n\t\t}\r\n\t\t.info {\r\n\t\t\twidth: 50%;\r\n\t\t\tpadding: 25vh 1rem 1rem;\r\n\t\t\th2 {\r\n\t\t\t\t.icon {\r\n\t\t\t\t\t--w: 4rem;\r\n\t\t\t\t\tleft: -6.15rem;\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\ta {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\talign-items: center;\r\n\t\t\t}\r\n\r\n\t\t\ttime {\r\n\t\t\t\ttext-transform: uppercase;\r\n\t\t\t\tfont-size: var(--txt-x-small);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&::before,\r\n\t\t&::after {\r\n\t\t\tleft: calc(50% + 2rem);\r\n\t\t}\r\n\r\n\t\t&::before {\r\n\t\t\theight: calc(25vh - 2rem);\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\ttop: calc(25vh + 6rem);\r\n\t\t}\r\n\t}\r\n}\r\n"],"names":[],"sourceRoot":""}
|
