mirror of
https://github.com/netbox-community/netbox.git
synced 2024-05-10 07:54:54 +00:00
1 line
6.8 KiB
Plaintext
1 line
6.8 KiB
Plaintext
{"version":3,"sources":["rack-elevations.scss","theme-base.scss"],"names":[],"mappings":"AAEA,IAEE,qBAAA,CACA,sBAAA,CACA,0BAAA,CACA,8BAAA,CACA,gCAAA,CACA,6BAAA,CACA,8BAEA,iCAGE,qBAAA,CACA,yBAAA,CACA,0BAAA,CACA,8BAAA,CACA,gCAAA,CACA,6BAAA,CACA,8BAIJ,EACE,sMC6FuB,CD5FvB,kBAEF,KACE,sBAEF,KACE,kBAAA,CACA,yBAKA,UACE,QAAA,CACA,aAAA,CAEA,gCAGF,YACE,kBAIF,UACE,SAAA,CACA,gBAAA,CACA,6BAAA,CACA,oCAIF,UACE,4BAAA,CACA,mCAGA,gBACE,mCAIF,sBACE,+BAAA,CAEA,SAAA,CAGA,oBAGF,4BAEE,UAIF,4CACE,UAIF,0DAEE,oBAIF,0DAEE,oBAIF,wDAEE,mBAGF,oCACE","file":"rack_elevation.css","sourceRoot":"../styles","sourcesContent":["// Rack Elevation Styles.\n\nsvg {\n // Light Mode Variables.\n --nbx-rack-bg: #{$gray-200};\n --nbx-rack-border: #{$black};\n --nbx-rack-slot-bg: #{$gray-200};\n --nbx-rack-slot-border: #{$gray-500};\n --nbx-rack-slot-hover-bg: #{$gray-400};\n --nbx-rack-link-color: #{$blue};\n --nbx-rack-unit-color: #{$text-muted};\n\n &[data-netbox-color-mode='dark'] {\n // Dark Mode Variables.\n // Note: only the `theme-light.scss` file is in-scope for simplicity.\n --nbx-rack-bg: #{$gray-800};\n --nbx-rack-border: #{$gray-600};\n --nbx-rack-slot-bg: #{$gray-800};\n --nbx-rack-slot-border: #{$gray-700};\n --nbx-rack-slot-hover-bg: #{$gray-900};\n --nbx-rack-link-color: #{$blue-200};\n --nbx-rack-unit-color: #{$text-muted};\n }\n}\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 unit numbers along left side of rack elevation.\n .unit {\n margin: 0;\n padding: 5px 0px;\n // Rack unit text color.\n fill: var(--nbx-rack-unit-color);\n }\n\n .hidden {\n visibility: hidden;\n }\n\n // Rack elevation container.\n .rack {\n fill: none;\n stroke-width: 2px;\n stroke: var(--nbx-rack-border);\n background-color: var(--nbx-rack-bg);\n }\n\n // Rack unit slot.\n .slot {\n fill: var(--nbx-rack-slot-bg);\n stroke: var(--nbx-rack-slot-border);\n\n // Change the background color to indicate hover status.\n &:hover {\n fill: var(--nbx-rack-slot-hover-bg);\n }\n\n // 'Add Device' text.\n & + .add-device {\n fill: var(--nbx-rack-link-color);\n // Hide the text by default.\n opacity: 0;\n // The text should not have pointer-events so that the hover state of the slot is not\n // overridden by the hover state of the text.\n pointer-events: none;\n }\n\n &:hover + .add-device {\n // When the slot is hovered, show the 'Add Device' text.\n opacity: 1;\n }\n\n // When a reserved slot is hovered, use a more readable color for the 'Add Device' text.\n &.reserved:hover[class] + .add-device {\n fill: $black;\n }\n\n // Reserved rack unit background color.\n &.reserved[class],\n &.reserved:hover[class] {\n fill: url(#reserved);\n }\n\n // Occupied rack unit background color.\n &.occupied[class],\n &.occupied:hover[class] {\n fill: url(#occupied);\n }\n\n // Blocked rack unit background color.\n &.blocked[class],\n &.blocked:hover[class] {\n fill: url(#blocked);\n }\n // Hide 'Add Device' text when a slot is blocked.\n &.blocked:hover + .add-device {\n opacity: 0;\n }\n }\n}\n","// Base NetBox Theme Overrides and Settings - color mode agnostic.\n\n@import 'bootstrap/scss/functions';\n\n$card-cap-bg: 'unset';\n\n$border-radius-md: 0.375rem;\n$border-radius-lg: 0.5rem;\n$border-radius-xl: 0.75rem;\n$border-radius-2xl: 1.5rem;\n\n$border-radius: $border-radius-lg;\n\n$border-radius-sm: $border-radius;\n$border-radius-lg: $border-radius-xl;\n\n$badge-border-radius: $border-radius-md;\n$progress-border-radius: $border-radius-md;\n\n$font-weight-lighter: 200;\n$font-weight-medium: 600;\n$font-weight-bolder: 800;\n\n$font-size-xs: 0.9rem;\n\n$line-height-base: 1.5;\n$line-height-xs: 1;\n$line-height-sm: 1.25;\n$line-height-lg: 1.75;\n\n@import 'bootstrap/scss/variables';\n\n// Make color palette colors available as theme colors.\n// For example, you could use `.bg-red-100`, if needed.\n$theme-color-addons: (\n 'gray': $gray-400,\n 'gray-100': $gray-100,\n 'gray-200': $gray-200,\n 'gray-300': $gray-300,\n 'gray-400': $gray-400,\n 'gray-500': $gray-500,\n 'gray-600': $gray-600,\n 'gray-700': $gray-700,\n 'gray-800': $gray-800,\n 'gray-900': $gray-900,\n 'red-100': $red-100,\n 'red-200': $red-200,\n 'red-300': $red-300,\n 'red-400': $red-400,\n 'red-500': $red-500,\n 'red-600': $red-600,\n 'red-700': $red-700,\n 'red-800': $red-800,\n 'red-900': $red-900,\n 'yellow-100': $yellow-100,\n 'yellow-200': $yellow-200,\n 'yellow-300': $yellow-300,\n 'yellow-400': $yellow-400,\n 'yellow-500': $yellow-500,\n 'yellow-600': $yellow-600,\n 'yellow-700': $yellow-700,\n 'yellow-800': $yellow-800,\n 'yellow-900': $yellow-900,\n 'green-100': $green-100,\n 'green-200': $green-200,\n 'green-300': $green-300,\n 'green-400': $green-400,\n 'green-500': $green-500,\n 'green-600': $green-600,\n 'green-700': $green-700,\n 'green-800': $green-800,\n 'green-900': $green-900,\n 'blue-100': $blue-100,\n 'blue-200': $blue-200,\n 'blue-300': $blue-300,\n 'blue-400': $blue-400,\n 'blue-500': $blue-500,\n 'blue-600': $blue-600,\n 'blue-700': $blue-700,\n 'blue-800': $blue-800,\n 'blue-900': $blue-900,\n 'cyan-100': $cyan-100,\n 'cyan-200': $cyan-200,\n 'cyan-300': $cyan-300,\n 'cyan-400': $cyan-400,\n 'cyan-500': $cyan-500,\n 'cyan-600': $cyan-600,\n 'cyan-700': $cyan-700,\n 'cyan-800': $cyan-800,\n 'cyan-900': $cyan-900,\n 'indigo-100': $indigo-100,\n 'indigo-200': $indigo-200,\n 'indigo-300': $indigo-300,\n 'indigo-400': $indigo-400,\n 'indigo-500': $indigo-500,\n 'indigo-600': $indigo-600,\n 'indigo-700': $indigo-700,\n 'indigo-800': $indigo-800,\n 'indigo-900': $indigo-900,\n 'purple-100': $purple-100,\n 'purple-200': $purple-200,\n 'purple-300': $purple-300,\n 'purple-400': $purple-400,\n 'purple-500': $purple-500,\n 'purple-600': $purple-600,\n 'purple-700': $purple-700,\n 'purple-800': $purple-800,\n 'purple-900': $purple-900,\n 'pink-100': $pink-100,\n 'pink-200': $pink-200,\n 'pink-300': $pink-300,\n 'pink-400': $pink-400,\n 'pink-500': $pink-500,\n 'pink-600': $pink-600,\n 'pink-700': $pink-700,\n 'pink-800': $pink-800,\n 'pink-900': $pink-900,\n);\n\n$font-family-sans-serif: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,\n 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n$font-family-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',\n 'Courier New', monospace;\n\n$accordion-padding-y: 0.8125rem;\n$accordion-padding-x: 0.8125rem;\n\n$sidebar-width: 280px;\n$sidebar-bottom-height: 4rem;\n"]} |