2021-04-25 20:11:46 -07:00
|
|
|
{"version":3,"sources":["rack_elevation.scss","theme-base.scss","node_modules/bootstrap/scss/_variables.scss"],"names":[],"mappings":"AAGA,EACE,gMC0MuB,CDzMvB,kBAEF,KACE,sBAEF,KACE,kBAAA,CACA,yBAIA,UACE,wBCHO,CDIP,SAAA,CACA,cCGO,CDFP,iBAEF,UACE,YCTO,CDUP,eACA,gBACE,aAEF,sBACE,UAMA,wDACE,aAEF,kCACE,UAMJ,0DACE,oBAKF,0DACE,oBAKF,wDACE,mBAEF,oCACE,UAIJ,UACE,QAAA,CACA,aAAA,CACA,YCnDO,CDoDP,iBE0V0B,CFzV1B,iMAEF,YACE,kBAIA,uCACE,yBAEF,uCACE,YC7DK,CD8DL,eACA,6CACE,aAEF,mDACE,UAOF,4GACE,aAEF,yDACE","file":"rack_elevation.css","sourceRoot":"..","sourcesContent":["/* Stylesheet for rendering SVG rack elevations */\n@import './theme-light.scss';\n\n* {\n font-family: $font-family-sans-serif;\n font-size: $font-size-sm;\n}\nrect {\n box-sizing: border-box;\n}\ntext {\n text-anchor: middle;\n dominant-baseline: middle;\n}\n\nsvg {\n .rack {\n background-color: $gray-100;\n fill: none;\n stroke: $body-color;\n stroke-width: 2px;\n }\n .slot {\n fill: $gray-100;\n stroke: $gray-500;\n &:hover {\n fill: $gray-50;\n }\n & + .add-device {\n fill: none;\n }\n &:hover + .add-device {\n fill: $blue;\n }\n & .add-device {\n &:hover {\n fill: $blue;\n }\n &:hover + .slot {\n fill: $white;\n }\n }\n &.reserved[class] {\n fill: url(#reserved);\n }\n &.reserved:hover[class] {\n fill: url(#reserved);\n }\n &.occupied[class] {\n fill: url(#occupied);\n }\n &.occupied:hover[class] {\n fill: url(#occupied);\n }\n &.blocked[class] {\n fill: url(#blocked);\n }\n &.blocked:hover[class] {\n fill: url(#blocked);\n }\n &.blocked:hover + .add-device {\n fill: none;\n }\n }\n\n .unit {\n margin: 0;\n padding: 5px 0px;\n fill: $gray-400;\n font-size: $font-size-sm;\n font-family: $font-family-sans-serif;\n }\n .hidden {\n visibility: hidden;\n }\n\n &[data-netbox-color-mode='dark'] {\n .rack {\n background-color: $gray-800;\n }\n .slot {\n fill: $gray-700;\n stroke: $gray-400;\n &:hover {\n fill: $gray-600;\n }\n & + .add-device {\n fill: none;\n }\n &:hover + .add-device {\n fill: $blue-300;\n }\n }\n .add-device {\n &:hover {\n fill: $blue-300;\n }\n &:hover + .slot {\n fill: $black;\n }\n }\n }\n}\n","@import 'bootstrap/scss/functions';\n\n$alt: #13293d;\n$darker: #010101;\n\n$gray: #6b7280;\n$red: #ef4444;\n$yellow: #f59e0b;\n$green: #10b981;\n$blue: #3b82f6;\n$purple: #8b5cf6;\n$pink: #ec4899;\n\n$gray-50: #f9fafb;\n$gray-100: #f3f4f6;\n$gray-200: #e5e7eb;\n$gray-300: #d1d5db;\n$gray-400: #9ca3af;\n$gray-500: #6b7280;\n$gray-600: #4b5563;\n$gray-700: #374151;\n$gray-800: #1f2937;\n$gray-900: #111827;\n\n$red-50: #fef2f2;\n$red-100: #fee2e2;\n$red-200: #fecaca;\n$red-300: #fca5a5;\n$red-400: #f87171;\n$red-500: #ef4444;\n$red-600: #dc2626;\n$red-700: #b91c1c;\n$red-800: #991b1b;\n$red-900: #7f1d1d;\n\n$yellow-50: #fffbeb;\n$yellow-100: #fef3c7;\n$yellow-200: #fde68a;\n$yellow-300: #fcd34d;\n$yellow-400: #fbbf24;\n$yellow-500: #f59e0b;\n$yellow-600: #d97706;\n$yellow-700: #b45309;\n$yellow-800: #92400e;\n$yellow-900: #78350f;\n\n$green-50: #ecfdf5;\n$green-100: #d1fae5;\n$green-200: #a7f3d0;\n$green-300: #6ee7b7;\n$green-400: #34d399;\n$green-500: #10b981;\n$green-600: #059669;\n$green-700: #047857;\n$green-800: #065f46;\n$green-900: #064e3b;\n\n$blue-50: #eff6ff;\n$blue-100: #dbeafe;\n$blue-200: #bfdbfe;\n$blue-300: #93c5fd;\n$blue-400: #60a5fa;\n$blue-500: #3b82f6;\n$blue-600: #2563eb;\n$blue-700: #1d4ed8;\n$blue-800: #1e40af;\n$blue-900: #1e3a8a;\n\n$indigo-50: #eef2ff;\n$indigo-100: #e0e7ff;\n$indigo-200: #c7d2fe;\n$indigo-300: #a5b4fc;\n$indigo-400: #818cf8;\n$indigo-500: #6366f1;\n$indigo-600: #4f46e5;\n$indigo-700: #4338ca;\n$indigo-800: #3730a3;\n$indigo-900: #312e81;\n\n$purple-50: #f5f3ff;\n$purple-100: #ede9fe;\n$purple-200: #ddd6fe;\n$purple-300: #c4b5fd;\n$purple-400: #a78bfa;\n$purple-500: #8b5cf6;\n$purple-600: #7c3aed;\n$purple
|
