1 line
21 KiB
Plaintext
1 line
21 KiB
Plaintext
{"version":3,"sources":["..\\style-scss\\_variables.scss","..\\style-scss\\materialy-do-pobrania.scss","..\\style-scss\\_mixins.scss"],"names":[],"mappings":"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","file":"materialy-do-pobrania.css","sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');\r\n@import url('http://fonts.cdnfonts.com/css/bahnschrift');\r\n\r\n$cWhite: #ffffff;\r\n$cBlack: #000;\r\n$cGrayDarkBg: #232323;\r\n$cGrayBg: #ebebeb;\r\n$cGrayBg2: #e1e1e1;\r\n$cGrayLightBg: #f5f5f5;\r\n$cGrayLightTextMenuHover: #bcbcbc;\r\n$cGrayText: #232323;\r\n$cGrayLightText: #d6d6d6;\r\n$cBlackText: #303030;\r\n$cYellow: #fbfa08;\r\n$cYellow2: #fff200;\r\n$cLightYellow: #fdef8e;\r\n$cGold: #b89b00;\r\n$font1: 'Open Sans', sans-serif;\r\n$font2: 'Alegreya Sans', sans-serif;\r\n$font3: 'URW Form', sans-serif;\r\n$cTxtGray: #555555;\r\n\r\n@font-face {\r\n font-family: 'URW Form Extra';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff') format('woff');\r\n font-weight: bold;\r\n font-style: italic;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff') format('woff');\r\n font-weight: bold;\r\n font-style: italic;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-Bold.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-Bold.woff') format('woff');\r\n font-weight: bold;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form Demi';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-Demi.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-Demi.woff') format('woff');\r\n font-weight: normal;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form Extra';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff') format('woff');\r\n font-weight: bold;\r\n font-style: italic;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form Extra';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff') format('woff');\r\n font-weight: bold;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form Demi';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-Demi.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-Demi.woff') format('woff');\r\n font-weight: normal;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff') format('woff');\r\n font-weight: bold;\r\n font-style: italic;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form Extra';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff') format('woff');\r\n font-weight: bold;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-Bold.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-Bold.woff') format('woff');\r\n font-weight: bold;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-Medium.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-Medium.woff') format('woff');\r\n font-weight: 500;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-Italic.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-Italic.woff') format('woff');\r\n font-weight: normal;\r\n font-style: italic;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-Light.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-Light.woff') format('woff');\r\n font-weight: 300;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff') format('woff');\r\n font-weight: 500;\r\n font-style: italic;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-LightItalic.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-LightItalic.woff') format('woff');\r\n font-weight: 300;\r\n font-style: italic;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-Medium.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-Medium.woff') format('woff');\r\n font-weight: 500;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-Regular.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-Regular.woff') format('woff');\r\n font-weight: normal;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-Light.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-Light.woff') format('woff');\r\n font-weight: 300;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form Extra';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff') format('woff');\r\n font-weight: 200;\r\n font-style: italic;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-LightItalic.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-LightItalic.woff') format('woff');\r\n font-weight: 300;\r\n font-style: italic;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form Extra';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff') format('woff');\r\n font-weight: 200;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff') format('woff');\r\n font-weight: 500;\r\n font-style: italic;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form Extra';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff') format('woff');\r\n font-weight: 200;\r\n font-style: italic;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form Extra';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff') format('woff');\r\n font-weight: 200;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-Italic.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-Italic.woff') format('woff');\r\n font-weight: normal;\r\n font-style: italic;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-Regular.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-Regular.woff') format('woff');\r\n font-weight: normal;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-Thin.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-Thin.woff') format('woff');\r\n font-weight: 100;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff') format('woff');\r\n font-weight: 100;\r\n font-style: italic;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff') format('woff');\r\n font-weight: 100;\r\n font-style: italic;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'URW Form';\r\n src: url('/layout/fonts/urw-font-wof/URWForm-Thin.woff2') format('woff2'),\r\n url('/layout/fonts/urw-font-wof/URWForm-Thin.woff') format('woff');\r\n font-weight: 100;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n\r\n","@import 'mixins';\r\n@import 'variables';\r\n\r\nbody {\r\n\tbackground-color: #f8f7f3;\r\n}\r\n.page-data {\r\n\toverflow: hidden;\r\n}\r\n\r\n.container {\r\n\t@include respond-above(xxl) {\r\n\t\tmax-width: 1530px;\r\n\t}\r\n}\r\n\r\n.h2 {\r\n\tfont-size: 50px;\r\n\tfont-weight: 250;\r\n\tline-height: 1;\r\n\tletter-spacing: 2px;\r\n\tfont-family: $font3;\r\n\r\n\t@include respond-below(xs) {\r\n\t\tfont-size: 34px;\r\n\t}\r\n}\r\n.h3 {\r\n\tfont-size: 34px;\r\n\tfont-weight: 300;\r\n\tline-height: 1;\r\n\tletter-spacing: 2px;\r\n\tfont-family: $font3;\r\n\tcolor: #1d1d1e;\r\n\r\n\t@include respond-below(xs) {\r\n\t\tfont-size: 24px;\r\n\t}\r\n}\r\n.h4 {\r\n\tfont-size: 24px;\r\n\tfont-weight: 300;\r\n\tline-height: 1;\r\n\tletter-spacing: 2px;\r\n\tfont-family: $font3;\r\n\tcolor: #1d1d1e;\r\n}\r\n\r\n.p {\r\n\tfont-size: 16px;\r\n\tfont-weight: 300;\r\n\tline-height: 24.8px;\r\n\r\n\tstrong {\r\n\t\tfont-weight: 700;\r\n\t}\r\n}\r\n\r\n.box-mb {\r\n\tmargin-bottom: 120px;\r\n\t@include respond-below(xs) {\r\n\t\tmargin-bottom: 60px;\r\n\t}\r\n}\r\n\r\n#scontainer-148 {\r\n\t@extend .box-mb;\r\n\r\n\th2 {\r\n\t\t@extend .h2;\r\n\t\ttext-transform: uppercase;\r\n\t\tmargin-bottom: 48px;\r\n\t\tpadding-bottom: 48px;\r\n\t\tborder-bottom: 1px solid #000000;\r\n\r\n\t\t@include respond-below(sm) {\r\n\t\t\tmargin-bottom: 30px;\r\n\t\t\tpadding-bottom: 30px;\r\n\t\t}\r\n\t}\r\n\r\n\tp {\r\n\t\t@extend .h3;\r\n\t\ttext-transform: uppercase;\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t.col-left {\r\n\t\tmax-width: 560px;\r\n\r\n\t\t@include respond-below(sm) {\r\n\t\t\tmargin-bottom: 30px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n#scontainer-149 {\r\n\t@extend .box-mb;\r\n\r\n\tp {\r\n\t\tcolor: #ffffff;\r\n\t\tfont-size: 24px;\r\n\t\tfont-weight: 300;\r\n\t\tletter-spacing: 2px;\r\n\t\ttext-align: center;\r\n\t\ttext-transform: uppercase;\r\n\t\tmargin-bottom: 40px;\r\n\r\n\t\t@include respond-below(xs) {\r\n\t\t\tmargin-bottom: 20px;\r\n\t\t}\r\n\t}\r\n\t.row {\r\n\t\t&-1 {\r\n\t\t\tmargin-bottom: 40px;\r\n\r\n\t\t\tul {\r\n\t\t\t\tpadding: 0;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\tlist-style: none;\r\n\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction: row;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\tgap: 8px;\r\n\r\n\t\t\t\tli {\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\tcolor: #fff;\r\n\t\t\t\t\t\tfont-size: 14px;\r\n\t\t\t\t\t\tfont-weight: 700;\r\n\t\t\t\t\t\tletter-spacing: 1px;\r\n\t\t\t\t\t\ttext-transform: uppercase;\r\n\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\tpadding: 18px 35px;\r\n\t\t\t\t\t\tbackground: #1d1d1e;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&-2 {\r\n\t\t\tjustify-content: center;\r\n\r\n\t\t\t> div {\r\n\t\t\t\tmargin-bottom: 20px;\r\n\t\t\t\tpadding: 0 10px;\r\n\r\n\t\t\t\t> div {\r\n\t\t\t\t\tpadding: 70px 40px;\r\n\t\t\t\t\tbackground: #1d1d1e;\r\n\t\t\t\t\theight: 100%;\r\n\r\n\t\t\t\t\t@include respond-below(xs) {\r\n\t\t\t\t\t\tpadding: 40px 10px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tul {\r\n\t\t\t\tpadding: 0;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\tlist-style: none;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\tflex-direction: row;\r\n\t\t\t\tgap: 8px;\r\n\r\n\t\t\t\tli {\r\n\t\t\t\t\t&:nth-child(1) {\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tbackground: #dfdfdf;\r\n\r\n\t\t\t\t\t\t\t&::after {\r\n\t\t\t\t\t\t\t\tcontent: url('/upload/filemanager/icon/file.svg');\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\t&:nth-child(2) {\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tbackground: #fff;\r\n\r\n\t\t\t\t\t\t\t&::after {\r\n\t\t\t\t\t\t\t\tcontent: url('/upload/filemanager/icon/see.svg');\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\ta {\r\n\t\t\t\t\t\tfont-size: 14px;\r\n\t\t\t\t\t\tfont-weight: 700;\r\n\t\t\t\t\t\tletter-spacing: 1px;\r\n\t\t\t\t\t\ttext-transform: uppercase;\r\n\r\n\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\tgap: 10px;\r\n\t\t\t\t\t\tposition: relative;\r\n\t\t\t\t\t\tpadding: 18px 35px;\r\n\r\n\t\t\t\t\t\t&::after {\r\n\t\t\t\t\t\t\theight: 24px;\r\n\t\t\t\t\t\t\twidth: 24px;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\tcolor: #1d1d1e;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t@include respond-below(xs) {\r\n\t\t\t\t\t\t\tpadding: 15px;\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","$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"]} |