-
Notifications
You must be signed in to change notification settings - Fork 0
/
sass.5926f63d.css.map
1 lines (1 loc) · 3.52 KB
/
sass.5926f63d.css.map
1
{"version":3,"sources":["sass/_settings.scss","sass/_generic.scss","sass/_elements.scss","sass/_components.scss"],"names":[],"mappings":"AAAA,MAGE,uBAAA,CACA,4BAAA,CACA,6BAAA,CACA,yBAAA,CACA,wBAAA,CACA,qBAAA,CAGA,+CAAA,CACA,sEAAA,CAGA,gBAAA,CACA,gBAAA,CACA,gBAAA,CACA,gBAAA,CACA,kBAOF,kBACE,GACE,WAIJ,2BACE,GACE,0CAGF,IACE,yCCtCJ,KACE,sBAIA,eAEE,mBAIJ,KACE,qCAAA,CACA,wBAAA,CACA,kCAAA,CACA,gBAAA,CACA,eAAA,CACA,uBAEA,qCARF,KASI,kBCpBJ,MAEE,eAAA,CACA,2BAGF,GACE,4BAAA,CACA,qCAAA,CACA,gBAAA,CACA,cAEA,qCANF,GAOI,kBAIJ,GACE,2BAAA,CACA,gBAAA,CACA,gBAEA,qCALF,GAMI,kBAIJ,EACE,2BAAA,CACA,qBAEA,QACE,6BChCJ,aACE,YAAA,CACA,6BAAA,CACA,6BAAA,CACA,gBAGF,WACE,qDAAA,CACA,gBAAA,CACA,UAEA,qCALF,WAMI,6BAIJ,YACE,8BAGF,iBACE,8BAGF,gBACE,oBAAA,CACA,2BAAA,CACA,cAAA,CACA,UAAA,CACA,oCAAA,CACA,YAEA,sBACE,UAAA,CACA,qBAIJ,MACE,6BAAA,CACA,gBAAA,CACA,kBAEA,qCALF,MAMI","file":"sass.5926f63d.css","sourceRoot":"../src","sourcesContent":[":root {\n // Colors\n // Business Casual: https://kuler.adobe.com/Business-Casual-color-theme-5595/\n --color-primary: #3a55b9;\n --color-primary-dark: #102f65;\n --color-primary-light: #7794e3;\n --color-secondary: #f3cf13;\n --color-tertiary: #be9c5e;\n --color-light: #f4f0db;\n\n // Typography\n --font-stack-heading: 'Bree Serif', Georgia, serif;\n --font-stack-copy: 'Open Sans', HelveticaNeue, Helvetica, Arial, sans-serif;\n\n // Layout\n --spacer-1: 1vmin;\n --spacer-2: 2vmin;\n --spacer-3: 4vmin;\n --spacer-4: 6vmin;\n --spacer-5: 12vmin;\n}\n\n// CSS vars can't be used inside media query\n$bp-large: 1000px;\n\n// Animations\n@keyframes fadeIn {\n 0% {\n opacity: 0;\n }\n}\n\n@keyframes slideInFromLeft {\n 0% {\n transform: translateX(-200%) rotate(20deg);\n }\n\n 80% {\n transform: translateX(10%) rotate(-5deg);\n }\n}\n","html {\n box-sizing: border-box;\n}\n\n* {\n &::before,\n &::after {\n box-sizing: inherit;\n }\n}\n\nbody {\n background-color: var(--color-primary);\n color: var(--color-light);\n font-family: var(--font-stack-copy);\n font-size: 1.2rem;\n line-height: 1.5;\n margin: var(--spacer-3);\n\n @media screen and (min-width: $bp-large) {\n font-size: 1.4rem;\n }\n}\n","h1,\nh2 {\n font-weight: 400;\n margin: 0 0 var(--spacer-2);\n}\n\nh1 {\n color: var(--color-secondary);\n font-family: var(--font-stack-heading);\n font-size: 3.4rem;\n line-height: 1;\n\n @media screen and (min-width: $bp-large) {\n font-size: 4.8rem;\n }\n}\n\nh2 {\n color: var(--color-tertiary);\n font-size: 1.6rem;\n line-height: 1.2;\n\n @media screen and (min-width: $bp-large) {\n font-size: 2.2rem;\n }\n}\n\na {\n color: var(--color-tertiary);\n transition: color 300ms;\n\n &:hover {\n color: var(--color-secondary);\n }\n}\n",".site-header {\n display: flex;\n justify-content: space-between;\n margin-bottom: var(--spacer-3);\n position: sticky;\n}\n\n.site-logo {\n animation: slideInFromLeft 1s ease-in-out 1s backwards;\n min-width: 15vmin;\n width: 8vw;\n\n @media screen and (min-width: $bp-large) {\n margin-left: var(--spacer-4);\n }\n}\n\n.site-title {\n margin-bottom: var(--spacer-4);\n}\n\n.social-networks {\n animation: fadeIn 1s backwards;\n}\n\n.social-network {\n display: inline-block;\n margin-left: var(--spacer-2);\n min-width: 2rem;\n opacity: 0.5;\n transition: opacity 300ms, transform 300ms;\n width: 6vmin;\n\n &:hover {\n opacity: 0.8;\n transform: scale(1.1);\n }\n}\n\n.page {\n animation: fadeIn 1s backwards;\n margin-left: auto;\n margin-right: auto;\n\n @media screen and (min-width: $bp-large) {\n width: 60vw;\n }\n}\n"]}