{ "version": 3, "file": "../scss/mixing.css", "sources": [ "../scss/mixing.scss", "../scss/variables.scss" ], "sourcesContent": [ "@import 'variables.scss';\r\n\r\n // $xs: 0;\r\n // $sm: 576px;\r\n // $md: 768px;\r\n // $lg: 992px;\r\n // $xl: 1200px;\r\n // $xxl: 1400px;\r\n \r\n @keyframes bounce { \r\n 0%, 100%{\r\n -webkit-transform: translateY(0);\r\n -ms-transform: translateY(0);\r\n transform: translateY(0)\r\n }\r\n 50% {\r\n -webkit-transform: translateY(-10px);\r\n -ms-transform: translateY(-10px);\r\n transform: translateY(-10px)\r\n } \r\n }", "\r\n//Font-Family\r\n$font-roboto: 'Roboto', sans-serif;\r\n$font-saira-condensed: 'Saira Condensed', sans-serif;\r\n\r\n//Font-Weight\r\n$font-regular:400;\r\n$font-light:300;\r\n$font-medium:500;\r\n$font-bold:700;\r\n\r\n//Font-Sizes\r\n$f-xs: 1.2rem;\r\n$f-s: 1.4rem;\r\n$f-m1: 1.6rem;\r\n$f-m2: 1.8rem;\r\n$f-l1: 2rem;\r\n$f-l2: 2.2rem;\r\n$f-l3: 2.4rem;\r\n$f-xl1: 2.6rem;\r\n$f-xl2: 3rem;\r\n$f-xl3: 3.4rem;\r\n$f-xl4: 4rem;\r\n$f-xxl: 4.4rem;\r\n$f-xxxl: 5rem;\r\n\r\n//Border-Colors\r\n$border-gray:#BCBCBC;\r\n$border-gray2:#C7C7C7;\r\n \r\n//Color Palette\r\n$black:#000000;\r\n$white:#ffffff;\r\n$gray1:#39414C;\r\n$gray2:#747474;\r\n$gray3:#BABABA;\r\n$gray4:#E0E0E0;\r\n$gray5:#D4D3D2;\r\n$gray6:#eff1f4;\r\n\r\n\r\n//Transition\r\n$ease-transition:all ease 0.3s;\r\n$animation-duration1:1s;\r\n$animation-function:ease-in-out;\r\n\r\n\r\n// breakpoints\r\n$desktop-xl: 1700px;\r\n$desktop-lg: 1536px;\r\n$desktop: 1366px;\r\n$ipad: 1024px;\r\n$tab: 991px;\r\n$ipadPortrait: 768px;\r\n$mobile: 480px;\r\n$mobilexs: 374px;\r\n \r\n\r\n\r\n\r\n// Pearl Variable \r\n\r\n//fonts\r\n$font-avenir: 'Avenir', sans-serif;\r\n$font-avenir-light: 'Avenir-Light', sans-serif;\r\n$font-avenir-medium: 'Avenir-Medium', sans-serif;\r\n$font-avenir-heavy: 'Avenir-Heavy', sans-serif;\r\n$font-avenir-black: 'Avenir-Black', sans-serif;\r\n$font-avenir-book: 'Avenir-Book', sans-serif;\r\n\r\n//font-sizes\r\n$f-xs: 1.2rem;\r\n$f-s: 1.4rem;\r\n$f-m1: 1.6rem;\r\n$f-m2: 1.8rem;\r\n$f-l1: 2rem;\r\n$f-l2: 2.4rem;\r\n$f-xl1: 2.6rem;\r\n$f-xl2: 3rem;\r\n$f-xl3: 3.4rem;\r\n$f-xxl: 4.4rem;\r\n$f-xxxl: 5rem;\r\n$f-h1: 10.8rem;\r\n$f-h2: 8rem;\r\n$f-h3: 4.4rem;\r\n$f-h4: 4rem;\r\n$f-h5: 2.4rem;\r\n$f-h6: 2.8rem;\r\n\r\n//colors\r\n$c-black: #000000;\r\n$c-red: #EF4637;\r\n$c-white: #ffffff;\r\n$c-grey-text: #707070;\r\n$c-dark-grey: #747474;\r\n$c-md-grey: #BABABA;\r\n$c-light-grey: #E0E0E0;\r\n\r\n$bg-black: #000000;\r\n$bg-white: #ffffff;\r\n$bg-red: #EF4637;\r\n$bg-grey: #C1C1C1;\r\n$bg-dark-red: #D93F31;\r\n\r\n$ease-transition:all ease 0.3s;\r\n\r\n// breakpoints\r\n$desktop-xl: 1601px;\r\n$desktop-lg: 1450px;\r\n$desktop: 1366px;\r\n$tab: 991px;\r\n$tablet: 768px;\r\n$mobile-tab: 576px;\r\n$mobile: 600px;\r\n" ], "mappings": "AASE,UAAU,CAAC,AAAA,MAAM;EACf,AAAA,EAAE,EAAE,AAAA,IAAI;IACN,iBAAiB,EAAE,aAAU;IAC7B,aAAa,EAAM,aAAU;IAC7B,SAAS,EAAU,aAAU;;EAE/B,AAAA,GAAG;IACD,iBAAiB,EAAE,iBAAU;IAC7B,aAAa,EAAM,iBAAU;IAC7B,SAAS,EAAU,iBAAU", "names": [] }