Warning, /iDDS/monitor/data/scss/bootstrap/_utilities.scss is written in an unsupported language. File is not indexed.
0001 // Utilities
0002
0003 $utilities: () !default;
0004 // stylelint-disable-next-line scss/dollar-variable-default
0005 $utilities: map-merge(
0006 (
0007 "align": (
0008 property: vertical-align,
0009 class: align,
0010 values: baseline top middle bottom text-bottom text-top
0011 ),
0012 "float": (
0013 responsive: true,
0014 property: float,
0015 values: (
0016 start: left,
0017 end: right,
0018 none: none,
0019 )
0020 ),
0021 "overflow": (
0022 property: overflow,
0023 values: auto hidden visible scroll,
0024 ),
0025 "display": (
0026 responsive: true,
0027 print: true,
0028 property: display,
0029 class: d,
0030 values: inline inline-block block grid table table-row table-cell flex inline-flex none
0031 ),
0032 "shadow": (
0033 property: box-shadow,
0034 class: shadow,
0035 values: (
0036 null: $box-shadow,
0037 sm: $box-shadow-sm,
0038 lg: $box-shadow-lg,
0039 none: none,
0040 )
0041 ),
0042 "position": (
0043 property: position,
0044 values: static relative absolute fixed sticky
0045 ),
0046 "top": (
0047 property: top,
0048 values: $position-values
0049 ),
0050 "bottom": (
0051 property: bottom,
0052 values: $position-values
0053 ),
0054 "start": (
0055 property: left,
0056 class: start,
0057 values: $position-values
0058 ),
0059 "end": (
0060 property: right,
0061 class: end,
0062 values: $position-values
0063 ),
0064 "translate-middle": (
0065 property: transform,
0066 class: translate-middle,
0067 values: (
0068 null: translate(-50%, -50%),
0069 x: translateX(-50%),
0070 y: translateY(-50%),
0071 )
0072 ),
0073 "border": (
0074 property: border,
0075 values: (
0076 null: $border-width solid $border-color,
0077 0: 0,
0078 )
0079 ),
0080 "border-top": (
0081 property: border-top,
0082 values: (
0083 null: $border-width solid $border-color,
0084 0: 0,
0085 )
0086 ),
0087 "border-end": (
0088 property: border-right,
0089 class: border-end,
0090 values: (
0091 null: $border-width solid $border-color,
0092 0: 0,
0093 )
0094 ),
0095 "border-bottom": (
0096 property: border-bottom,
0097 values: (
0098 null: $border-width solid $border-color,
0099 0: 0,
0100 )
0101 ),
0102 "border-start": (
0103 property: border-left,
0104 class: border-start,
0105 values: (
0106 null: $border-width solid $border-color,
0107 0: 0,
0108 )
0109 ),
0110 "border-color": (
0111 property: border-color,
0112 class: border,
0113 values: map-merge($theme-colors, ("white": $white))
0114 ),
0115 "border-width": (
0116 property: border-width,
0117 class: border,
0118 values: $border-widths
0119 ),
0120 // Sizing utilities
0121 "width": (
0122 property: width,
0123 class: w,
0124 values: (
0125 25: 25%,
0126 50: 50%,
0127 75: 75%,
0128 100: 100%,
0129 auto: auto
0130 )
0131 ),
0132 "max-width": (
0133 property: max-width,
0134 class: mw,
0135 values: (100: 100%)
0136 ),
0137 "viewport-width": (
0138 property: width,
0139 class: vw,
0140 values: (100: 100vw)
0141 ),
0142 "min-viewport-width": (
0143 property: min-width,
0144 class: min-vw,
0145 values: (100: 100vw)
0146 ),
0147 "height": (
0148 property: height,
0149 class: h,
0150 values: (
0151 25: 25%,
0152 50: 50%,
0153 75: 75%,
0154 100: 100%,
0155 auto: auto
0156 )
0157 ),
0158 "max-height": (
0159 property: max-height,
0160 class: mh,
0161 values: (100: 100%)
0162 ),
0163 "viewport-height": (
0164 property: height,
0165 class: vh,
0166 values: (100: 100vh)
0167 ),
0168 "min-viewport-height": (
0169 property: min-height,
0170 class: min-vh,
0171 values: (100: 100vh)
0172 ),
0173 // Flex utilities
0174 "flex": (
0175 responsive: true,
0176 property: flex,
0177 values: (fill: 1 1 auto)
0178 ),
0179 "flex-direction": (
0180 responsive: true,
0181 property: flex-direction,
0182 class: flex,
0183 values: row column row-reverse column-reverse
0184 ),
0185 "flex-grow": (
0186 responsive: true,
0187 property: flex-grow,
0188 class: flex,
0189 values: (
0190 grow-0: 0,
0191 grow-1: 1,
0192 )
0193 ),
0194 "flex-shrink": (
0195 responsive: true,
0196 property: flex-shrink,
0197 class: flex,
0198 values: (
0199 shrink-0: 0,
0200 shrink-1: 1,
0201 )
0202 ),
0203 "flex-wrap": (
0204 responsive: true,
0205 property: flex-wrap,
0206 class: flex,
0207 values: wrap nowrap wrap-reverse
0208 ),
0209 "gap": (
0210 responsive: true,
0211 property: gap,
0212 class: gap,
0213 values: $spacers
0214 ),
0215 "justify-content": (
0216 responsive: true,
0217 property: justify-content,
0218 values: (
0219 start: flex-start,
0220 end: flex-end,
0221 center: center,
0222 between: space-between,
0223 around: space-around,
0224 evenly: space-evenly,
0225 )
0226 ),
0227 "align-items": (
0228 responsive: true,
0229 property: align-items,
0230 values: (
0231 start: flex-start,
0232 end: flex-end,
0233 center: center,
0234 baseline: baseline,
0235 stretch: stretch,
0236 )
0237 ),
0238 "align-content": (
0239 responsive: true,
0240 property: align-content,
0241 values: (
0242 start: flex-start,
0243 end: flex-end,
0244 center: center,
0245 between: space-between,
0246 around: space-around,
0247 stretch: stretch,
0248 )
0249 ),
0250 "align-self": (
0251 responsive: true,
0252 property: align-self,
0253 values: (
0254 auto: auto,
0255 start: flex-start,
0256 end: flex-end,
0257 center: center,
0258 baseline: baseline,
0259 stretch: stretch,
0260 )
0261 ),
0262 "order": (
0263 responsive: true,
0264 property: order,
0265 values: (
0266 first: -1,
0267 0: 0,
0268 1: 1,
0269 2: 2,
0270 3: 3,
0271 4: 4,
0272 5: 5,
0273 last: 6,
0274 ),
0275 ),
0276 // Margin utilities
0277 "margin": (
0278 responsive: true,
0279 property: margin,
0280 class: m,
0281 values: map-merge($spacers, (auto: auto))
0282 ),
0283 "margin-x": (
0284 responsive: true,
0285 property: margin-right margin-left,
0286 class: mx,
0287 values: map-merge($spacers, (auto: auto))
0288 ),
0289 "margin-y": (
0290 responsive: true,
0291 property: margin-top margin-bottom,
0292 class: my,
0293 values: map-merge($spacers, (auto: auto))
0294 ),
0295 "margin-top": (
0296 responsive: true,
0297 property: margin-top,
0298 class: mt,
0299 values: map-merge($spacers, (auto: auto))
0300 ),
0301 "margin-end": (
0302 responsive: true,
0303 property: margin-right,
0304 class: me,
0305 values: map-merge($spacers, (auto: auto))
0306 ),
0307 "margin-bottom": (
0308 responsive: true,
0309 property: margin-bottom,
0310 class: mb,
0311 values: map-merge($spacers, (auto: auto))
0312 ),
0313 "margin-start": (
0314 responsive: true,
0315 property: margin-left,
0316 class: ms,
0317 values: map-merge($spacers, (auto: auto))
0318 ),
0319 // Negative margin utilities
0320 "negative-margin": (
0321 responsive: true,
0322 property: margin,
0323 class: m,
0324 values: $negative-spacers
0325 ),
0326 "negative-margin-x": (
0327 responsive: true,
0328 property: margin-right margin-left,
0329 class: mx,
0330 values: $negative-spacers
0331 ),
0332 "negative-margin-y": (
0333 responsive: true,
0334 property: margin-top margin-bottom,
0335 class: my,
0336 values: $negative-spacers
0337 ),
0338 "negative-margin-top": (
0339 responsive: true,
0340 property: margin-top,
0341 class: mt,
0342 values: $negative-spacers
0343 ),
0344 "negative-margin-end": (
0345 responsive: true,
0346 property: margin-right,
0347 class: me,
0348 values: $negative-spacers
0349 ),
0350 "negative-margin-bottom": (
0351 responsive: true,
0352 property: margin-bottom,
0353 class: mb,
0354 values: $negative-spacers
0355 ),
0356 "negative-margin-start": (
0357 responsive: true,
0358 property: margin-left,
0359 class: ms,
0360 values: $negative-spacers
0361 ),
0362 // Padding utilities
0363 "padding": (
0364 responsive: true,
0365 property: padding,
0366 class: p,
0367 values: $spacers
0368 ),
0369 "padding-x": (
0370 responsive: true,
0371 property: padding-right padding-left,
0372 class: px,
0373 values: $spacers
0374 ),
0375 "padding-y": (
0376 responsive: true,
0377 property: padding-top padding-bottom,
0378 class: py,
0379 values: $spacers
0380 ),
0381 "padding-top": (
0382 responsive: true,
0383 property: padding-top,
0384 class: pt,
0385 values: $spacers
0386 ),
0387 "padding-end": (
0388 responsive: true,
0389 property: padding-right,
0390 class: pe,
0391 values: $spacers
0392 ),
0393 "padding-bottom": (
0394 responsive: true,
0395 property: padding-bottom,
0396 class: pb,
0397 values: $spacers
0398 ),
0399 "padding-start": (
0400 responsive: true,
0401 property: padding-left,
0402 class: ps,
0403 values: $spacers
0404 ),
0405 // Text
0406 "font-size": (
0407 rfs: true,
0408 property: font-size,
0409 class: fs,
0410 values: $font-sizes
0411 ),
0412 "font-style": (
0413 property: font-style,
0414 class: fst,
0415 values: italic normal
0416 ),
0417 "font-weight": (
0418 property: font-weight,
0419 class: fw,
0420 values: (
0421 light: $font-weight-light,
0422 lighter: $font-weight-lighter,
0423 normal: $font-weight-normal,
0424 bold: $font-weight-bold,
0425 bolder: $font-weight-bolder
0426 )
0427 ),
0428 "text-transform": (
0429 property: text-transform,
0430 class: text,
0431 values: lowercase uppercase capitalize
0432 ),
0433 "text-align": (
0434 responsive: true,
0435 property: text-align,
0436 class: text,
0437 values: (
0438 start: left,
0439 end: right,
0440 center: center,
0441 )
0442 ),
0443 "color": (
0444 property: color,
0445 class: text,
0446 values: map-merge(
0447 $theme-colors,
0448 (
0449 "white": $white,
0450 "body": $body-color,
0451 "muted": $text-muted,
0452 "black-50": rgba($black, .5),
0453 "white-50": rgba($white, .5),
0454 "reset": inherit,
0455 )
0456 )
0457 ),
0458 "line-height": (
0459 property: line-height,
0460 class: lh,
0461 values: (
0462 1: 1,
0463 sm: $line-height-sm,
0464 base: $line-height-base,
0465 lg: $line-height-lg,
0466 )
0467 ),
0468 "background-color": (
0469 property: background-color,
0470 class: bg,
0471 values: map-merge(
0472 $theme-colors,
0473 (
0474 "body": $body-bg,
0475 "white": $white,
0476 "transparent": transparent
0477 )
0478 )
0479 ),
0480 "gradient": (
0481 property: background-image,
0482 class: bg,
0483 values: (gradient: var(--#{$variable-prefix}gradient))
0484 ),
0485 "white-space": (
0486 property: white-space,
0487 class: text,
0488 values: (
0489 wrap: normal,
0490 nowrap: nowrap,
0491 )
0492 ),
0493 "text-decoration": (
0494 property: text-decoration,
0495 values: none underline line-through
0496 ),
0497 "word-wrap": (
0498 property: word-wrap word-break,
0499 class: text,
0500 values: (break: break-word),
0501 rtl: false
0502 ),
0503 "font-family": (
0504 property: font-family,
0505 class: font,
0506 values: (monospace: var(--#{$variable-prefix}font-monospace))
0507 ),
0508 "user-select": (
0509 property: user-select,
0510 values: all auto none
0511 ),
0512 "pointer-events": (
0513 property: pointer-events,
0514 class: pe,
0515 values: none auto,
0516 ),
0517 "rounded": (
0518 property: border-radius,
0519 class: rounded,
0520 values: (
0521 null: $border-radius,
0522 0: 0,
0523 1: $border-radius-sm,
0524 2: $border-radius,
0525 3: $border-radius-lg,
0526 circle: 50%,
0527 pill: $border-radius-pill
0528 )
0529 ),
0530 "rounded-top": (
0531 property: border-top-left-radius border-top-right-radius,
0532 class: rounded-top,
0533 values: (null: $border-radius)
0534 ),
0535 "rounded-end": (
0536 property: border-top-right-radius border-bottom-right-radius,
0537 class: rounded-end,
0538 values: (null: $border-radius)
0539 ),
0540 "rounded-bottom": (
0541 property: border-bottom-right-radius border-bottom-left-radius,
0542 class: rounded-bottom,
0543 values: (null: $border-radius)
0544 ),
0545 "rounded-start": (
0546 property: border-bottom-left-radius border-top-left-radius,
0547 class: rounded-start,
0548 values: (null: $border-radius)
0549 ),
0550 "visibility": (
0551 property: visibility,
0552 class: null,
0553 values: (
0554 visible: visible,
0555 invisible: hidden,
0556 )
0557 )
0558 ),
0559 $utilities
0560 );
