-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathstyle-admin.css.map
executable file
·1 lines (1 loc) · 9.22 KB
/
style-admin.css.map
1
{"version":3,"file":"../style-admin.css","mappings":"AAuBA,MAEC,uCACA,oCACA,8BACA,mCACA,sCACA,yCACA,sCACA,gCACA,qCACA,wCACA,uCACA,oCACA,8BACA,mCACA,sCACA,wCACA,qCACA,+BACA,oCACA,uCACA,wCACA,qCACA,+BACA,oCACA,uCACA,wCACA,qCACA,+BACA,oCACA,uCACA,oCACA,iCACA,2BACA,gCACA,mCACA,6BACA,oCACA,iCACA,2BACA,gCACA,mCACA,2BAEA,6EAEA,iCACA,wEACA,wDAEA,sBACA,sBAGA,yBACA,yBACA,mBACA,iCACA,iDACA,oBAGA,sDACA,0EACA,yEAGA,yBACA,wBACA,uBACA,qBACA,qBACA,sBACA,qBAGA,qCAGA,iCACI,6BACJ,uBAGA,6BACA,gBACA,mCAEA,iEAGA,iBAGA,iEACA,mEACA,kEACA,uEACA,mEACA,6DC9GD,QACC,eAGD,MACC,yBAEA,SACC,eAEA,yBACC,iBAUH,WACC,aACA,oBACA,uBACA,sBACA,cACA,eAEA,aACC,aACA,mBACA,uBACA,oBACA,kBACA,2CACA,iCACA,aACA,kBACA,qBACA,0BACA,eACA,gBAEA,mBACC,oDACA,0BACA,w5G","sources":["webpack:///./src/css/common/variables.scss","webpack:///./src/css/admin/admin.scss"],"sourcesContent":["/*\n\n## INDEX\n\n1. [SASS VARIABLES]\n2. [CSS VARIABLES]\n\n******************/\n\n\n/*===================================================== 1. SASS VARIABLES ====*/\n\n\n$mobileWidth: 300px;\n$tabletWidth: 768px;\n$laptopWidth: 1280px;\n$desktopWidth: 1600px;\n$xlWidth: 1920px;\n\n\n/*====================================================== 2. CSS VARIABLES ====*/\n\n\n:root {\n\n\t--hb_pink-lightest: hsl(303, 53%, 88%);\n\t--hb_pink-light: hsl(303, 53%, 60%);\n\t--hb_pink: hsl(303, 53%, 50%);\n\t--hb_pink-dark: hsl(303, 53%, 40%);\n\t--hb_pink-darkest: hsl(302, 53%, 20%);\n\t--hb_purple-lightest: hsl(263, 53%, 88%);\n\t--hb_purple-light: hsl(264, 53%, 60%);\n\t--hb_purple: hsl(264, 53%, 50%);\n\t--hb_purple-dark: hsl(264, 53%, 40%);\n\t--hb_purple-darkest: hsl(263, 53%, 20%);\n\t--hb_blue-lightest: hsl(207, 53%, 88%);\n\t--hb_blue-light: hsl(207, 53%, 60%);\n\t--hb_blue: hsl(207, 53%, 50%);\n\t--hb_blue-dark: hsl(207, 53%, 40%);\n\t--hb_blue-darkest: hsl(207, 53%, 20%);\n\t--hb_green-lightest: hsl(136, 53%, 88%);\n\t--hb_green-light: hsl(136, 53%, 60%);\n\t--hb_green: hsl(136, 53%, 50%);\n\t--hb_green-dark: hsl(136, 53%, 40%);\n\t--hb_green-darkest: hsl(136, 53%, 20%);\n\t--hb_yellow-lightest: hsl(62, 76%, 88%);\n\t--hb_yellow-light: hsl(61, 75%, 60%);\n\t--hb_yellow: hsl(61, 76%, 50%);\n\t--hb_yellow-dark: hsl(61, 75%, 40%);\n\t--hb_yellow-darkest: hsl(62, 76%, 20%);\n\t--hb_orange-lightest: hsl(30, 76%, 88%);\n\t--hb_orange-light: hsl(30, 75%, 60%);\n\t--hb_orange: hsl(30, 76%, 50%);\n\t--hb_orange-dark: hsl(30, 75%, 40%);\n\t--hb_orange-darkest: hsl(30, 76%, 20%);\n\t--hb_red-lightest: hsl(0, 76%, 88%);\n\t--hb_red-light: hsl(0, 75%, 60%);\n\t--hb_red: hsl(0, 76%, 50%);\n\t--hb_red-dark: hsl(0, 75%, 40%);\n\t--hb_red-darkest: hsl(0, 76%, 20%);\n\t--hb_white: hsl(0, 0%, 100%);\n\t--hb_grey-lightest: hsl(0, 0%, 93%);\n\t--hb_grey-light: hsl(0, 0%, 73%);\n\t--hb_grey: hsl(0, 0%, 50%);\n\t--hb_grey-dark: hsl(0, 0%, 30%);\n\t--hb_grey-darkest: hsl(0, 0%, 20%);\n\t--hb_black: hsl(0, 0%, 0%);\n\n\t--hb_background-gradient: radial-gradient(at 50% 100%, #63CFA7 40%, #3AB09E);\n\t/* Gradient must be in same background-image rule AFTER the svg pattern */\n\t--hb_hover: 0 0 0 0.25em #63CFA7;\n\t--hb_shadow: 0 0.25em 0.5em 0.25em #0006,0 0.125em 0.25em 0.125em #0006;\n\t--hb_shadow-inset: inset -0.1em 0.2em 0.5em 0.2em #000c;\n\n\t--hb_slideTime: 0.25s;\n\t--hb_hoverTime: 0.15s;\n\n\t/* layout variables */\n\t--hb_radius-tiny: 0.15em;\n\t--hb_radius-small: 0.6em;\n\t--hb_radius: 1.2em;\n\t--hb_background: var(--hb_white);\n\t--hb_border: solid 0.3em var(--hb_grey-lightest);\n\t--hb_gutters: 0.5em;\n\n\t/* font stacks */\n\t--hb_font-secondary: 'Open Sans', 'Arial', sans-serif;\n\t--hb_font-primary: 'Inter', 'Helvetica', 'Open Sans', 'Arial', sans-serif;\n\t--hb_font-display: 'Wellfleet', 'Rockwell Extra Bold', 'Palatino', serif;\n\n\t/* font sizes */\n\t--hb_font-xxxl: 2.625rem;\n\t--hb_font-xxl: 2.063rem;\n\t--hb_font-xl: 1.625rem;\n\t--hb_font-l: 1.25rem;\n\t--hb_font-base: 1rem;\n\t--hb_font-s: 0.813rem;\n\t--hb_font-xs: 0.7rem;\n\n\t/* other font custom props */\n\t--hb_letterSpacingInterBold: -0.04em;\n\n\t/* browser scroll behaviour */\n\t-ms-scroll-snap-type: y proximity;\n\t scroll-snap-type: y proximity;\n\tscroll-behavior: smooth;\n\n\t/* font defaults */\n\tcolor: var(--hb_grey-darkest);\n\tfont-weight: 400;\n\tfont-family: var(--hb_font-primary);\n\t/* fluid root units (14px @ 768 - 18px @ 1920) */\n\tfont-size: clamp(0.875rem, calc(0.875rem + ((1vw - 0.48rem) * 0.3534)), 1.125rem);\n\n\t/* Scrollbar width updated by screenclass.js */\n\t--scrollbar: 0px;\n\n\t/* SVG borders and backgrounds | NOTE: border-image-repeat and border-image-slice props (12 round) must be included in shorthand string */\n\t--hb_triBorder: url(\"data:image/svg+xml,%3Csvg width='36' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='trings' width='12' height='12' patternUnits='userSpaceOnUse'%3E%3Cpath fill='hsl(0, 75%25, 60%25)' d='M 1.4,1.3 1,9.4 9.1,1.4 Z' /%3E%3Cpath fill='hsl(61, 76%25, 50%25)' d='M 2.5,11 11,2.7 10.5,10.8 Z' /%3E%3Crect fill='none' width='12' height='12' x='0' y='0' /%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23trings)' width='36' height='36' x='0' y='0' /%3E%3C/svg%3E\") 12 round;\n\t--hb_arrowBorder: url(\"data:image/svg+xml,%3Csvg width='36' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='arrows' width='36' height='36' patternUnits='userSpaceOnUse'%3E%3Crect fill='%230000' width='36' height='36' x='0' y='0' /%3E%3Cg id='arws'%3E%3Cpath fill='hsl(30, 75%25, 60%25)' d='M 1,17 6,12 11,17 10,18 6,14 2,18 Z' id='path2' /%3E%3Cpath fill='hsl(136, 53%25, 50%25)' d='M 1,23 6,18 11,23 10,24 6,20 2,24 Z' id='path4' /%3E%3C/g%3E%3Cpath id='crnr' fill='hsl(136, 53%25, 50%25)' stroke-width='1' d='M 11,11 H 1 V 5 H 9 V 3 H 1 V 1 H 11 V 7 H 3 V 9 H 11 Z' /%3E%3Cuse href='%23crnr' transform='rotate(-90,18,-6)' /%3E%3Cuse href='%23crnr' transform='rotate(180,18,18)' /%3E%3Cuse href='%23crnr' transform='rotate(90,-6,18)' /%3E%3Cuse href='%23arws' transform='rotate(90,18,18)' /%3E%3Cuse href='%23arws' transform='rotate(180,18,18)' /%3E%3Cuse href='%23arws' transform='rotate(-90,18,18)' /%3E%3C/pattern%3E%3C/defs%3E%3Crect style='fill:url(%23arrows);' width='36' height='36' x='0' y='0' /%3E%3C/svg%3E%0A\") 12 round;\n\t--hb_eggsBorder: url(\"data:image/svg+xml,%3Csvg width='36' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='eggs' width='12' height='12' patternUnits='userSpaceOnUse'%3E%3Cpath fill='hsl(0, 75%25, 60%25)' d='M0 0h12v12H0z' /%3E%3Cellipse fill='hsl(0, 0%25, 100%25)' cx='5.7' cy='5.8' rx='3.8' ry='4' /%3E%3Cellipse fill='hsl(61, 75%25, 60%25)' cx='5.7' cy='5.8' rx='1.5' ry='1.7' /%3E%3C/pattern%3E%3C/defs%3E%3Crect style='fill:url(%23eggs);' width='36' height='36' x='0' y='0' /%3E%3C/svg%3E\") 12 round;\n\t--hb_squareDotBorder: url(\"data:image/svg+xml,%3Csvg width='36' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='sqdot' width='12' height='12' patternUnits='userSpaceOnUse'%3E%3Cpath fill='hsl(207, 53%25, 50%25)' d='M3 0 0 4v4l3 4h6l3-4V4L9 0Z' /%3E%3Ccircle fill='hsl(30, 76%25, 50%25)' cx='6' cy='6' r='3.1' /%3E%3C/pattern%3E%3C/defs%3E%3Crect style='fill:url(%23sqdot);' width='36' height='36' x='0' y='0' /%3E%3C/svg%3E\") 12 round;\n\t--hb_aztecBorder: url(\"data:image/svg+xml,%3Csvg width='36' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='aztec' width='12' height='12' patternUnits='userSpaceOnUse'%3E%3Cpath fill='hsl(61, 75%25, 60%25)' d='M3 9V7H1V5h2V3h2V1h2v2h2v2h2v2H9v2H7v2H5V9Z' /%3E%3Cpath fill='hsl(136, 53%25, 50%25)' d='M5 3h2v2h2v2H7v2H5V7H3V5h2Z' /%3E%3C/pattern%3E%3C/defs%3E%3Crect style='fill:url(%23aztec);' width='36' height='36' x='0' y='0' /%3E%3C/svg%3E%0A\") 12 round;\n\t--hb_iconBackground: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpath fill='%23cff9e9' d='M20 11c-32 15-23 72 8 85 30 14 76-11 72-58S51-5 20 11z'/%3E%3C/svg%3E\");\n\n}\n","@import \"../common/variables\";\n\n/* INDEX\n\n1. ELEMENTS\n2. BLOCKS\n\t1.1 DASHTILES\n*/\n\n\n/*=========================================================== 1. ELEMENTS ====*/\n\n\nsection {\n\tmargin-top: 2em;\n}\n\ntable {\n\tborder-collapse: collapse;\n\n\ttd {\n\t\tpadding: 0.1em 0;\n\n\t\t&:nth-child(1n+2) {\n\t\t\tpadding-left: 2em;\n\t\t}\n\t}\n}\n\n\n/*============================================================= 2. BLOCKS ====*/\n/*------------------------------------------------------------- 2.1 DASHTILES */\n\n\n.dashTiles {\n\tdisplay: grid;\n\tgrid-auto-rows: 10em;\n\tgrid-auto-columns: 10em;\n\tgrid-auto-flow: column;\n\tgrid-gap: 10px;\n\tmargin-top: 2em;\n\n\ta {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\ttransition: all .15s;\n\t\tborder-radius: 5px;\n\t\tbox-shadow: 0px 0px 20px 0px #0003;\n\t\tbackground-color: var(--hb_white);\n\t\tpadding: 10px;\n\t\ttext-align: center;\n\t\ttext-decoration: none;\n\t\tcolor: var(--hb_grey-dark);\n\t\tfont-size: 120%;\n\t\tfont-weight: 500;\n\n\t\t&:hover {\n\t\t\tbox-shadow: 0px 0px 20px 0px #0008;\n\t\t\ttext-decoration: underline;\n\t\t\tcolor: var(--hb_grey-darkest);\n\t\t}\n\t}\n}"],"names":[],"sourceRoot":""}