1 line
7.1 KiB
Plaintext
1 line
7.1 KiB
Plaintext
{"version":3,"sources":["..\\style-scss\\_variables.scss","..\\style-scss\\style-2.scss","..\\style-scss\\_mixins.scss"],"names":[],"mappings":"AAAQ,oFAAA,CACA,2FAAA,CCIN,gBACE,eAAA,CACA,kBAAA,CACA,YAAA,CACA,iBAAA,CACA,cAAA,CACA,eAAA,CAEA,kBACE,eAAA,CCKF,yBDdF,gBAaI,cAAA,CAAA,CCCF,yBDdF,gBAiBI,cAAA,CAAA,CAIJ,gBACE,gBAAA,CACA,kBAAA,CACA,sBAAA,CACA,iBAAA,CAGE,kDACE,cAAA,CACA,eAAA,CChBJ,yBDcE,kDAKI,cAAA,CAAA,CCnBN,yBDcE,kDASI,cAAA,CAAA,CAIJ,uCACE,oBAAA,CACA,kBAAA,CACA,iBAAA,CACA,YAAA,CACA,6BAAA,CACA,yBAAA,CACA,cAAA,CClCJ,yBD2BE,uCAUI,sBAAA,CAAA,CAGF,0CACE,wBAAA,CACA,cAAA,CACA,eAAA,CC3CN,yBDwCI,0CAMI,UAAA,CACA,cAAA,CAAA","file":"style-2.css","sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');\r\n@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap');\r\n\r\n$font-1: 'Open Sans', sans-serif;\r\n$font-2: 'Cormorant', serif;\r\n$font-3: 'Alegreya Sans', sans-serif;\r\n$font-4: 'PT Serif', serif;\r\n$font-5: 'Manrope', serif;\r\n$font-6: 'League Spartan', serif;\r\n\r\n$cTxtWhite: #fff;\r\n$cTxtBlack: #000;\r\n$cGrayText: #939393;\r\n$cGrayBg: #f2f2f2;\r\n$cGrayDarkBg: #777676;\r\n$cGrayBorder: #ccc;\r\n$cBlackText: #212529;\r\n\r\n$cBlack: #000;\r\n$cWhite: #fff;\r\n$cLightBlue: #4ca8e6;\r\n$cDarkNight: #343431;\r\n$cDeepDark: #1d1d1b;\r\n\r\n$cTxtCloud: #d8d8d8;\r\n$cTxtLightBlue: #4ca8e6;\r\n$cTxtDark: #2c2d2f;\r\n","// out: ../style-css/style.css, compress: true, sourceMap: true\r\n@import '_mixins';\r\n@import '_variables';\r\n\r\n.page-2 {\r\n .box-02 {\r\n margin-top: 85px;\r\n background: #F2F2F2;\r\n padding: 30px;\r\n text-align: center;\r\n font-size: 35px;\r\n font-weight: 300;\r\n\r\n p {\r\n margin-bottom: 0;\r\n }\r\n\r\n @include respond-below(md) {\r\n font-size: 26px;\r\n }\r\n\r\n @include respond-below(sm) {\r\n font-size: 20px;\r\n }\r\n }\r\n\r\n .box-01 {\r\n margin-top: 100px;\r\n background: #F2F2F2;\r\n padding: 50px 25px 30px;\r\n text-align: center;\r\n\r\n .scontainer-content {\r\n p:first-child {\r\n font-size: 30px;\r\n font-weight: 300;\r\n\r\n @include respond-below(md) {\r\n font-size: 26px;\r\n }\r\n\r\n @include respond-below(sm) {\r\n font-size: 20px;\r\n }\r\n }\r\n\r\n ul {\r\n list-style-type: none;\r\n margin: 42px auto 0;\r\n padding: 17px 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n border-top: 1px solid #000;\r\n flex-wrap: wrap;\r\n\r\n @include respond-below(md) {\r\n justify-content: center;\r\n }\r\n\r\n li {\r\n text-transform: uppercase;\r\n font-size: 20px;\r\n font-weight: 600;\r\n\r\n @include respond-below(md) {\r\n width: 100%;\r\n font-size: 16px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}","$breakpoints: (\r\n xs: 576px,\r\n sm: 768px,\r\n md: 992px,\r\n lg: 1200px\r\n);\r\n@mixin respond-above($breakpoint) {\r\n @if map-has-key($breakpoints, $breakpoint) {\r\n $breakpoint-value: map-get($breakpoints, $breakpoint);\r\n @media (min-width: $breakpoint-value) {\r\n @content;\r\n }\r\n } @else {\r\n @warn 'Invalid breakpoint: #{$breakpoint}.';\r\n }\r\n}\r\n@mixin respond-below($breakpoint) {\r\n @if map-has-key($breakpoints, $breakpoint) {\r\n $breakpoint-value: map-get($breakpoints, $breakpoint);\r\n @media (max-width: ($breakpoint-value - 1)) {\r\n @content;\r\n }\r\n } @else {\r\n @warn 'Invalid breakpoint: #{$breakpoint}.';\r\n }\r\n}\r\n@mixin respond-between($lower, $upper) {\r\n @if map-has-key($breakpoints, $lower) and map-has-key($breakpoints, $upper) {\r\n $lower-breakpoint: map-get($breakpoints, $lower);\r\n $upper-breakpoint: map-get($breakpoints, $upper);\r\n @media (min-width: $lower-breakpoint) and (max-width: ($upper-breakpoint - 1)) {\r\n @content;\r\n }\r\n } @else {\r\n @if (map-has-key($breakpoints, $lower) == false) {\r\n @warn 'Your lower breakpoint was invalid: #{$lower}.';\r\n }\r\n @if (map-has-key($breakpoints, $upper) == false) {\r\n @warn 'Your upper breakpoint was invalid: #{$upper}.';\r\n }\r\n }\r\n}\r\n@mixin border-radius($px: 0) {\r\n -webkit-border-radius: $px;\r\n -moz-border-radius: $px;\r\n border-radius: $px;\r\n}\r\n@mixin box-shadow($value) {\r\n -webkit-box-shadow: $value;\r\n -moz-box-shadow: $value;\r\n box-shadow: $value;\r\n}\r\n@mixin transition($element: all, $time: .5s, $option: ease) {\r\n -webkit-transition: $element $time $option;\r\n transition: $element $time $option;\r\n}\r\n@mixin opacity($value) {\r\n $IEValue: $value*100;\r\n opacity: $value;\r\n -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=\"+$IEValue+\")\";\r\n filter: alpha(opacity=$IEValue);\r\n}\r\n@mixin flexbox() {\r\n display: -webkit-box;\r\n display: -moz-box;\r\n display: -ms-flexbox;\r\n display: -webkit-flex;\r\n display: flex;\r\n}\r\n@mixin flex($values) {\r\n -webkit-box-flex: $values;\r\n -moz-box-flex: $values;\r\n -webkit-flex: $values;\r\n \t -ms-flex: $values;\r\n \t flex: $values;\r\n}\r\n@mixin flex-direction($direction) {\r\n -webkit-flex-direction: $direction;\r\n -moz-flex-direction: $direction;\r\n -ms-flex-direction: $direction;\r\n flex-direction: $direction;\r\n}\r\n@mixin flex-wrap($wrap) {\r\n -webkit-flex-wrap: $wrap;\r\n -moz-flex-wrap: $wrap;\r\n -ms-flex-wrap: $wrap;\r\n flex-wrap: $wrap;\r\n}\r\n@mixin flex-flow($flow) {\r\n -webkit-flex-flow: $flow;\r\n -moz-flex-flow: $flow;\r\n -ms-flex-flow: $flow;\r\n flex-flow: $flow;\r\n}\r\n@mixin order($val) {\r\n -webkit-box-ordinal-group: $val; \r\n -moz-box-ordinal-group: $val; \r\n \t -ms-flex-order: $val; \r\n \t -webkit-order: $val; \r\n \t\t order: $val;\r\n}\r\n@mixin flex-grow($grow) {\r\n -webkit-flex-grow: $grow;\r\n -moz-flex-grow: $grow;\r\n -ms-flex-grow: $grow;\r\n flex-grow: $grow;\r\n}\r\n@mixin flex-shrink($shrink) {\r\n -webkit-flex-shrink: $shrink;\r\n -moz-flex-shrink: $shrink;\r\n -ms-flex-shrink: $shrink;\r\n flex-shrink: $shrink;\r\n}\r\n@mixin flex-basis($width) {\r\n -webkit-flex-basis: $width;\r\n -moz-flex-basis: $width;\r\n -ms-flex-basis: $width;\r\n flex-basis: $width;\r\n}\r\n@mixin justify-content($justify) {\r\n -webkit-justify-content: $justify;\r\n -moz-justify-content: $justify;\r\n -ms-justify-content: $justify;\r\n justify-content: $justify;\r\n -ms-flex-pack: $justify;\r\n}\r\n@mixin align-content($align) {\r\n -webkit-align-content: $align;\r\n -moz-align-content: $align;\r\n -ms-align-content: $align;\r\n align-content: $align;\r\n}\r\n@mixin align-items($align) {\r\n -webkit-align-items: $align;\r\n -moz-align-items: $align;\r\n -ms-align-items: $align;\r\n align-items: $align;\r\n}\r\n@mixin align-self($align) {\r\n -webkit-align-self: $align;\r\n -moz-align-self: $align;\r\n -ms-align-self: $align;\r\n align-self: $align;\r\n}"]} |