mirror of https://github.com/Budibase/budibase.git
nocodelowcodelow-codedockerdocker-composeinternal-projectinternal-toolinternal-toolslow-code-developmentlow-code-development-platformopensourceselfhostedweb-devweb-developmentweb-development-toolswebdevwebdevelopmentworkflow-automationautomationdeveloper-tools
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
2.2 KiB
66 lines
2.2 KiB
.spectrum-Label {
|
|
display: inline-block;
|
|
position: relative;
|
|
|
|
width: auto;
|
|
|
|
padding: var(--spectrum-global-dimension-size-50) var(--spectrum-global-dimension-size-125);
|
|
|
|
border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
|
|
|
|
font-size: var(--spectrum-global-dimension-size-150);
|
|
line-height: var(--spectrum-global-font-line-height-medium, 1.5);
|
|
|
|
cursor: default;
|
|
|
|
-webkit-font-smoothing: subpixel-antialiased;
|
|
-moz-osx-font-smoothing: auto;
|
|
font-smoothing: subpixel-antialiased;
|
|
}
|
|
|
|
.spectrum-Label--large {
|
|
font-size: var(--spectrum-global-dimension-size-175);
|
|
padding: var(--spectrum-global-dimension-size-100) var(--spectrum-global-dimension-size-150);
|
|
}
|
|
|
|
.spectrum-Label--small {
|
|
font-size: var(--spectrum-global-dimension-font-size-50);
|
|
padding: var(--spectrum-global-dimension-size-40) var(--spectrum-global-dimension-size-85);
|
|
}
|
|
|
|
.spectrum-Label {
|
|
color: var(--spectrum-label-colored-text-color, var(--spectrum-global-color-static-white));
|
|
}
|
|
|
|
.spectrum-Label--inactive,
|
|
.spectrum-Label--grey {
|
|
background-color: var(--spectrum-label-colored-gray-background-color, var(--spectrum-global-color-static-gray-700));
|
|
}
|
|
|
|
.spectrum-Label--red {
|
|
background-color: var(--spectrum-label-colored-red-background-color, var(--spectrum-global-color-static-red-600));
|
|
}
|
|
|
|
.spectrum-Label--orange, .spectrum-Label--or {
|
|
background-color: var(--spectrum-label-colored-orange-background-color, var(--spectrum-global-color-static-orange-600));
|
|
}
|
|
|
|
.spectrum-Label--yellow {
|
|
background-color: var(--spectrum-label-colored-yellow-background-color, var(--spectrum-global-color-yellow-400));
|
|
}
|
|
|
|
.spectrum-Label--seafoam {
|
|
background-color: var(--spectrum-label-colored-seafoam-background-color, var(--spectrum-global-color-seafoam-400));
|
|
}
|
|
|
|
.spectrum-Label--green {
|
|
background-color: var(--spectrum-label-colored-green-background-color, var(--spectrum-global-color-static-green-600));
|
|
}
|
|
|
|
.spectrum-Label--blue, .spectrum-Label--active, .spectrum-Label--and {
|
|
background-color: var(--spectrum-label-colored-blue-background-color, var(--spectrum-global-color-static-blue));
|
|
}
|
|
|
|
.spectrum-Label--fuchsia {
|
|
background-color: var(--spectrum-label-colored-fuchsia-background-color, var(--spectrum-global-color-fuchsia-400));
|
|
}
|
|
|