1 line
20 KiB
Plaintext
1 line
20 KiB
Plaintext
{"version":3,"sources":["..\\style-scss\\inova-smoove.scss","..\\style-scss\\_mixins.scss"],"names":[],"mappings":"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","file":"inova-smoove.css","sourcesContent":["// out: ../style-css/inova-smoove.css, compress: true, sourceMap: true\r\n@import \"./mixins\";\r\n\r\n#scontainer-105 {\r\n\tpadding-top: 75px;\r\n\tpadding-bottom: 75px;\r\n\r\n\t.illustration_product_slider {\r\n\t\t.swiper-wrapper {\r\n\t\t\t.swiper-slide {\r\n\t\t\t\ttext-align: center;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.swiper-navigation {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: row-reverse;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tgap: 60px;\r\n\r\n\t\t\t.swiper-button-disabled {\r\n\t\t\t\topacity: 0.6;\r\n\t\t\t}\r\n\r\n\t\t\t.swiper-slide-next {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\ttransition: opacity 250ms ease-in;\r\n\r\n\t\t\t\timg {\r\n\t\t\t\t\twidth: 50px;\r\n\t\t\t\t\theight: 50px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.swiper-slide-prev {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\ttransition: opacity 250ms ease-in;\r\n\r\n\t\t\t\timg {\r\n\t\t\t\t\twidth: 50px;\r\n\t\t\t\t\theight: 50px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.product_info_text {\r\n\t\t@include respond-below(sm) {\r\n\t\t\ttext-align: center;\r\n\t\t}\r\n\r\n\t\tul {\r\n\t\t\tborder: 1px solid #f4f4f4;\r\n\t\t\tpadding: 15px 20px;\r\n\t\t\tlist-style: none;\r\n\r\n\t\t\tli {\r\n\t\t\t\tmargin-bottom: 25px;\r\n\t\t\t}\r\n\r\n\t\t\th4 {\r\n\t\t\t\tfont-weight: 700;\r\n\t\t\t\tfont-size: 16px;\r\n\t\t\t\tline-height: 26px;\r\n\t\t\t\tletter-spacing: 0.05em;\r\n\t\t\t\tmargin-bottom: 0;\r\n\t\t\t}\r\n\r\n\t\t\tp {\r\n\t\t\t\tfont-weight: 300;\r\n\t\t\t\tfont-size: 16px;\r\n\t\t\t\tline-height: 26px;\r\n\t\t\t\tletter-spacing: 0.05em;\r\n\t\t\t\tmargin-bottom: 0;\r\n\t\t\t}\r\n\t\t\t@include respond-below(xs) {\r\n\t\t\t\th4,\r\n\t\t\t\tp {\r\n\t\t\t\t\tfont-size: 14px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\th3 {\r\n\t\tfont-weight: 700;\r\n\t\tfont-size: 35px;\r\n\t\tline-height: 37px;\r\n\t\tletter-spacing: 0.15em;\r\n\t\ttext-transform: uppercase;\r\n\t\tmargin-bottom: 25px;\r\n\r\n\t\t@include respond-below(sm) {\r\n\t\t\tfont-size: 28px;\r\n\t\t}\r\n\t\t@include respond-below(xs) {\r\n\t\t\tfont-size: 24px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.box-02 {\r\n\t.scontainer-content {\r\n\t\t.row {\r\n\t\t\t.col-12 {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction: row;\r\n\r\n\t\t\t\t.popup-img {\r\n\t\t\t\t\twidth: calc(50% - 50px);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.popup-data {\r\n\t\t\t\t\twidth: calc(50% + 50px);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.popup-img {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tmin-height: 789px;\r\n\r\n\t\t\t\t\t&-wrapper {\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\tright: 0;\r\n\t\t\t\t\t\ttop: 0;\r\n\t\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\t\tz-index: -1;\r\n\r\n\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t\t\ttop: 0;\r\n\t\t\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\t\t\twidth: 290px;\r\n\t\t\t\t\t\t\tbackground: rgba(244, 244, 244, 0.9);\r\n\t\t\t\t\t\t\tmix-blend-mode: normal;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\twidth: auto !important;\r\n\t\t\t\t\t\t\tmax-width: fit-content !important;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.popup-data {\r\n\t\t\t\t\tpadding: 50px 0;\r\n\r\n\t\t\t\t\t.popup-schems {\r\n\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\tflex-direction: row;\r\n\t\t\t\t\t\tjustify-content: flex-end;\r\n\t\t\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\t\t\tcolumn-gap: 15px;\r\n\t\t\t\t\t\tmargin-bottom: 35px;\r\n\t\t\t\t\t\tlist-style-type: none;\r\n\r\n\t\t\t\t\t\tli {\r\n\t\t\t\t\t\t\ttext-align: center;\r\n\r\n\t\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\t\tmargin-bottom: 15px;\r\n\t\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\t\tmax-width: fit-content;\r\n\t\t\t\t\t\t\t\tobject-fit: cover;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tp {\r\n\t\t\t\t\t\t\t\tfont-weight: 300;\r\n\t\t\t\t\t\t\t\tfont-size: 13px;\r\n\t\t\t\t\t\t\t\tline-height: 26px;\r\n\t\t\t\t\t\t\t\tletter-spacing: 0.05em;\r\n\t\t\t\t\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.popup-dots {\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\ttop: auto;\r\n\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t\twidth: calc(100% - 15px);\r\n\t\t\t\t\t\theight: 100%;\r\n\t\t\t\t\t\t-webkit-user-select: none;\r\n\t\t\t\t\t\t-moz-user-select: none;\r\n\t\t\t\t\t\tuser-select: none;\r\n\t\t\t\t\t\tlist-style-type: none;\r\n\r\n\t\t\t\t\t\tli {\r\n\t\t\t\t\t\t\tposition: static;\r\n\t\t\t\t\t\t\ttext-align: right;\r\n\t\t\t\t\t\t\tright: 0;\r\n\t\t\t\t\t\t\tpadding-top: 10px;\r\n\t\t\t\t\t\t\tpadding-right: 40px;\r\n\t\t\t\t\t\t\tborder-right: 1px solid #000;\r\n\r\n\t\t\t\t\t\t\t&:first-child {\r\n\t\t\t\t\t\t\t\tpadding-top: 40px;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:first-child::before {\r\n\t\t\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\ttop: 1px;\r\n\t\t\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t\t\t\twidth: 19px;\r\n\t\t\t\t\t\t\t\theight: 19px;\r\n\t\t\t\t\t\t\t\tbackground: rgba(255, 255, 255, 0.3);\r\n\t\t\t\t\t\t\t\tborder: 1px solid #000;\r\n\t\t\t\t\t\t\t\tborder-radius: 100%;\r\n\t\t\t\t\t\t\t\ttransform: translateY(-50%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&::after {\r\n\t\t\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\ttop: 0;\r\n\t\t\t\t\t\t\t\tright: 0;\r\n\t\t\t\t\t\t\t\twidth: calc(100% - 19px);\r\n\t\t\t\t\t\t\t\theight: 1px;\r\n\t\t\t\t\t\t\t\tbackground: #000;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tp {\r\n\t\t\t\t\t\t\t\tfont-weight: 300;\r\n\t\t\t\t\t\t\t\tfont-size: 16px;\r\n\t\t\t\t\t\t\t\tline-height: 20px;\r\n\t\t\t\t\t\t\t\ttext-align: right;\r\n\t\t\t\t\t\t\t\tletter-spacing: 0.05em;\r\n\t\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\t\tmax-width: 470px;\r\n\t\t\t\t\t\t\t\tmargin-left: auto;\r\n\r\n\t\t\t\t\t\t\t\t&:last-child {\r\n\t\t\t\t\t\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\tstrong {\r\n\t\t\t\t\t\t\t\t\tfont-weight: 700;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@include respond-below(md) {\r\n\t\t\t\t\tflex-direction: column;\r\n\r\n\t\t\t\t\t.popup-img {\r\n\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.popup-img {\r\n\t\t\t\t\t\tmin-height: unset;\r\n\r\n\t\t\t\t\t\t&-wrapper {\r\n\t\t\t\t\t\t\tposition: relative;\r\n\r\n\t\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\t\twidth: 130px;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\t\twidth: 100% !important;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.popup-data {\r\n\t\t\t\t\t\twidth: 100%;\r\n\r\n\t\t\t\t\t\t.popup-dots {\r\n\t\t\t\t\t\t\tposition: relative;\r\n\t\t\t\t\t\t\tpadding-left: 0;\r\n\t\t\t\t\t\t\twidth: 100%;\r\n\r\n\t\t\t\t\t\t\tli {\r\n\t\t\t\t\t\t\t\tposition: relative;\r\n\t\t\t\t\t\t\t\tpadding-top: 20px;\r\n\t\t\t\t\t\t\t\tpadding-right: 10px;\r\n\r\n\t\t\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t&:nth-child(1) {\r\n\t\t\t\t\t\t\t\t\tleft: 0 !important;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\tp {\r\n\t\t\t\t\t\t\t\t\tmax-width: unset;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t.popup-schems {\r\n\t\t\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t@include respond-below(xs) {\r\n\t\t\t\t\t.popup-data {\r\n\t\t\t\t\t\t.popup-dots {\r\n\t\t\t\t\t\t\tli {\r\n\t\t\t\t\t\t\t\tp {\r\n\t\t\t\t\t\t\t\t\tfont-size: 14px;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&-1 {\r\n\t\t\t\t.col-12 {\r\n\t\t\t\t\t.popup-data {\r\n\t\t\t\t\t\t.popup-dots {\r\n\t\t\t\t\t\t\tli {\r\n\t\t\t\t\t\t\t\t&:nth-child(1) {\r\n\t\t\t\t\t\t\t\t\tleft: 290px;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&-2 {\r\n\t\t\t\t.col-12 {\r\n\t\t\t\t\t.popup-data {\r\n\t\t\t\t\t\t.popup-dots {\r\n\t\t\t\t\t\t\tli {\r\n\t\t\t\t\t\t\t\t&:nth-child(1) {\r\n\t\t\t\t\t\t\t\t\tleft: 270px;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&-3 {\r\n\t\t\t\t.col-12 {\r\n\t\t\t\t\t.popup-data {\r\n\t\t\t\t\t\t.popup-dots {\r\n\t\t\t\t\t\t\tli {\r\n\t\t\t\t\t\t\t\t&:nth-child(1) {\r\n\t\t\t\t\t\t\t\t\tleft: 480px;\r\n\t\t\t\t\t\t\t\t\tpadding-bottom: 40px;\r\n\t\t\t\t\t\t\t\t\tpadding-top: 0;\r\n\r\n\t\t\t\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\t\t\t\ttop: auto;\r\n\t\t\t\t\t\t\t\t\t\tbottom: -18px;\r\n\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\t&::after {\r\n\t\t\t\t\t\t\t\t\t\ttop: auto;\r\n\t\t\t\t\t\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.box-03 {\r\n\tfont-weight: 300;\r\n\tfont-size: 16px;\r\n\tline-height: 20px;\r\n\tletter-spacing: 0.05em;\r\n\tpadding: 50px;\r\n\tmax-width: 900px;\r\n\tmargin: auto;\r\n\tbackground: #f4f4f4;\r\n\tmargin-top: 50px;\r\n\tmargin-bottom: 50px;\r\n\r\n\tp {\r\n\t\tfont-weight: 300;\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 20px;\r\n\t\tletter-spacing: 0.05em;\r\n\t}\r\n\r\n\t@include respond-below(sm) {\r\n\t\tpadding: 30px;\r\n\r\n\t\tp {\r\n\t\t\tfont-size: 14px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.box-04 {\r\n\tfont-weight: 300;\r\n\tfont-size: 16px;\r\n\tline-height: 20px;\r\n\tletter-spacing: 0.05em;\r\n\tpadding-bottom: 75px;\r\n\tmax-width: 900px;\r\n\tmargin: auto;\r\n\r\n\tstrong {\r\n\t\tfont-size: 20px;\r\n\t\tfont-weight: 400;\r\n\t}\r\n\r\n\tp {\r\n\t\tfont-weight: 300;\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 20px;\r\n\t\tletter-spacing: 0.05em;\r\n\t}\r\n\r\n\tdiv[class^=\"col-\"] {\r\n\t\tdisplay: -webkit-box;\r\n\t\tdisplay: -ms-flexbox;\r\n\t\tdisplay: flex;\r\n\t\t-webkit-box-align: start;\r\n\t\t-ms-flex-align: start;\r\n\t\talign-items: flex-start;\r\n\t\t-ms-flex-wrap: wrap;\r\n\t\tflex-wrap: wrap;\r\n\t\t-webkit-box-orient: vertical;\r\n\t\t-webkit-box-direction: normal;\r\n\t\t-ms-flex-direction: column;\r\n\t\tflex-direction: column;\r\n\t\t-webkit-box-pack: center;\r\n\t\t-ms-flex-pack: center;\r\n\t\tjustify-content: center;\r\n\t}\r\n\r\n\t@include respond-below(sm) {\r\n\t\tdiv[class^=\"col-\"] {\r\n\t\t\ttext-align: center;\r\n\t\t\talign-items: center;\r\n\t\t}\r\n\t\tp {\r\n\t\t\tfont-size: 14px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.box-05 {\r\n\tp {\r\n\t\tfont-weight: 300;\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 20px;\r\n\t\tletter-spacing: 0.05em;\r\n\t}\r\n\t@include respond-below(sm) {\r\n\t\tp {\r\n\t\t\tfont-size: 14px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.box-06 {\r\n\tfont-weight: 300;\r\n\tfont-size: 16px;\r\n\tline-height: 20px;\r\n\tletter-spacing: 0.05em;\r\n\tpadding-bottom: 75px;\r\n\tmax-width: 1100px;\r\n\tmargin: 50px auto;\r\n\r\n\tstrong {\r\n\t\tfont-size: 20px;\r\n\t\tfont-weight: 400;\r\n\t}\r\n\r\n\tp {\r\n\t\tfont-weight: 300;\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 20px;\r\n\t\tletter-spacing: 0.05em;\r\n\t}\r\n\r\n\tdiv[class^=\"col-\"] {\r\n\t\tdisplay: -webkit-box;\r\n\t\tdisplay: -ms-flexbox;\r\n\t\tdisplay: flex;\r\n\t\t-webkit-box-align: start;\r\n\t\t-ms-flex-align: start;\r\n\t\talign-items: flex-start;\r\n\t\t-ms-flex-wrap: wrap;\r\n\t\tflex-wrap: wrap;\r\n\t\t-webkit-box-orient: vertical;\r\n\t\t-webkit-box-direction: normal;\r\n\t\t-ms-flex-direction: column;\r\n\t\tflex-direction: column;\r\n\t\t-webkit-box-pack: center;\r\n\t\t-ms-flex-pack: center;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\r\n\t\t&:last-child {\r\n\t\t\tbackground: #f4f4f4;\r\n\t\t\tpadding: 50px;\r\n\r\n\t\t\ta {\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tpadding: 10px;\r\n\t\t\t\tborder: 1px solid #000;\r\n\t\t\t\tcolor: #000;\r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t\tmargin: 0 5px;\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground: #000;\r\n\t\t\t\t\tcolor: #fff;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include respond-below(lg) {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n}\r\n\r\n.box-07 {\r\n\tmargin-bottom: 75px;\r\n\r\n\th2 {\r\n\t\tfont-weight: 400;\r\n\t\tfont-size: 28px;\r\n\t\tline-height: 1.25;\r\n\t\tletter-spacing: 0.05em;\r\n\t\tmargin-bottom: 15px;\r\n\r\n\t\tstrong {\r\n\t\t\ttext-transform: uppercase;\r\n\t\t\tfont-size: 32px;\r\n\t\t}\r\n\t}\r\n\r\n\tp {\r\n\t\tfont-weight: 300;\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 20px;\r\n\t\tletter-spacing: 0.05em;\r\n\t}\r\n\r\n\t@include respond-below(sm) {\r\n\t\th2 {\r\n\t\t\tfont-size: 24px;\r\n\t\t\tstrong {\r\n\t\t\t\tfont-size: 28px;\r\n\t\t\t}\r\n\t\t}\r\n\t\tp {\r\n\t\t\tfont-size: 14px;\r\n\t\t}\r\n\t}\r\n\t@include respond-below(xs) {\r\n\t\th2 {\r\n\t\t\tfont-size: 20px;\r\n\t\t\tstrong {\r\n\t\t\t\tfont-size: 24px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","$breakpoints: (\r\n\txxs: 400px,\r\n\txs: 576px,\r\n\tsm: 768px,\r\n\tmd: 992px,\r\n\tlg: 1200px,\r\n\txl: 1400px,\r\n\txxl: 1560px,\r\n);\r\n@mixin respond-above($breakpoint) {\r\n\t@if map-has-key($breakpoints, $breakpoint) {\r\n\t\t$breakpoint-value: map-get($breakpoints, $breakpoint);\r\n\t\t@media (min-width: $breakpoint-value) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else {\r\n\t\t@warn 'Invalid breakpoint: #{$breakpoint}.';\r\n\t}\r\n}\r\n@mixin respond-below($breakpoint) {\r\n\t@if map-has-key($breakpoints, $breakpoint) {\r\n\t\t$breakpoint-value: map-get($breakpoints, $breakpoint);\r\n\t\t@media (max-width: ($breakpoint-value - 1)) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else {\r\n\t\t@warn 'Invalid breakpoint: #{$breakpoint}.';\r\n\t}\r\n}\r\n@mixin respond-between($lower, $upper) {\r\n\t@if map-has-key($breakpoints, $lower) and map-has-key($breakpoints, $upper) {\r\n\t\t$lower-breakpoint: map-get($breakpoints, $lower);\r\n\t\t$upper-breakpoint: map-get($breakpoints, $upper);\r\n\t\t@media (min-width: $lower-breakpoint) and (max-width: ($upper-breakpoint - 1)) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else {\r\n\t\t@if (map-has-key($breakpoints, $lower) == false) {\r\n\t\t\t@warn 'Your lower breakpoint was invalid: #{$lower}.';\r\n\t\t}\r\n\t\t@if (map-has-key($breakpoints, $upper) == false) {\r\n\t\t\t@warn 'Your upper breakpoint was invalid: #{$upper}.';\r\n\t\t}\r\n\t}\r\n}\r\n@mixin border-radius($px: 0) {\r\n\t-webkit-border-radius: $px;\r\n\t-moz-border-radius: $px;\r\n\tborder-radius: $px;\r\n}\r\n@mixin box-shadow($value) {\r\n\t-webkit-box-shadow: $value;\r\n\t-moz-box-shadow: $value;\r\n\tbox-shadow: $value;\r\n}\r\n@mixin transition($element: all, $time: 0.5s, $option: ease) {\r\n\t-webkit-transition: $element $time $option;\r\n\ttransition: $element $time $option;\r\n}\r\n@mixin opacity($value) {\r\n\t$IEValue: $value * 100;\r\n\topacity: $value;\r\n\t-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=' + $IEValue +\r\n\t\t')';\r\n\tfilter: alpha(opacity=$IEValue);\r\n}\r\n@mixin flexbox() {\r\n\tdisplay: -webkit-box;\r\n\tdisplay: -moz-box;\r\n\tdisplay: -ms-flexbox;\r\n\tdisplay: -webkit-flex;\r\n\tdisplay: flex;\r\n}\r\n@mixin flex($values) {\r\n\t-webkit-box-flex: $values;\r\n\t-moz-box-flex: $values;\r\n\t-webkit-flex: $values;\r\n\t-ms-flex: $values;\r\n\tflex: $values;\r\n}\r\n@mixin flex-direction($direction) {\r\n\t-webkit-flex-direction: $direction;\r\n\t-moz-flex-direction: $direction;\r\n\t-ms-flex-direction: $direction;\r\n\tflex-direction: $direction;\r\n}\r\n@mixin flex-wrap($wrap) {\r\n\t-webkit-flex-wrap: $wrap;\r\n\t-moz-flex-wrap: $wrap;\r\n\t-ms-flex-wrap: $wrap;\r\n\tflex-wrap: $wrap;\r\n}\r\n@mixin flex-flow($flow) {\r\n\t-webkit-flex-flow: $flow;\r\n\t-moz-flex-flow: $flow;\r\n\t-ms-flex-flow: $flow;\r\n\tflex-flow: $flow;\r\n}\r\n@mixin order($val) {\r\n\t-webkit-box-ordinal-group: $val;\r\n\t-moz-box-ordinal-group: $val;\r\n\t-ms-flex-order: $val;\r\n\t-webkit-order: $val;\r\n\torder: $val;\r\n}\r\n@mixin flex-grow($grow) {\r\n\t-webkit-flex-grow: $grow;\r\n\t-moz-flex-grow: $grow;\r\n\t-ms-flex-grow: $grow;\r\n\tflex-grow: $grow;\r\n}\r\n@mixin flex-shrink($shrink) {\r\n\t-webkit-flex-shrink: $shrink;\r\n\t-moz-flex-shrink: $shrink;\r\n\t-ms-flex-shrink: $shrink;\r\n\tflex-shrink: $shrink;\r\n}\r\n@mixin flex-basis($width) {\r\n\t-webkit-flex-basis: $width;\r\n\t-moz-flex-basis: $width;\r\n\t-ms-flex-basis: $width;\r\n\tflex-basis: $width;\r\n}\r\n@mixin justify-content($justify) {\r\n\t-webkit-justify-content: $justify;\r\n\t-moz-justify-content: $justify;\r\n\t-ms-justify-content: $justify;\r\n\tjustify-content: $justify;\r\n\t-ms-flex-pack: $justify;\r\n}\r\n@mixin align-content($align) {\r\n\t-webkit-align-content: $align;\r\n\t-moz-align-content: $align;\r\n\t-ms-align-content: $align;\r\n\talign-content: $align;\r\n}\r\n@mixin align-items($align) {\r\n\t-webkit-align-items: $align;\r\n\t-moz-align-items: $align;\r\n\t-ms-align-items: $align;\r\n\talign-items: $align;\r\n}\r\n@mixin align-self($align) {\r\n\t-webkit-align-self: $align;\r\n\t-moz-align-self: $align;\r\n\t-ms-align-self: $align;\r\n\talign-self: $align;\r\n}\r\n"]} |