Skip to content

Latest commit

 

History

History
48 lines (39 loc) · 1.23 KB

migrate-to-10.x.md

File metadata and controls

48 lines (39 loc) · 1.23 KB

HTML

Our internal changes involves re-ordering the markup. Please see the new structure below and reference the slider page in our site to copy the specified new markup. React and other framework variants should reflect the change automatically.

Things to note:

  • bx—label is the only element that has moved.
  • There is no new markup.

New structure:

bx--form-item
├── bx--label
└── bx--slider-container
    ├── bx--slider__range-label
    ├── bx--slider
    │   ├── bx--slider__thumb
    │   ├── bx--slider__track
    │   ├── x--slider__filled-track
    │   └── bx--slider__input
    ├── bx--slider__range-label
    └── bx--text-input bx--slider-text-input

Old structure:

bx--form-item
└── bx--slider-container
    ├── bx--slider__range-label
    ├── bx--slider
    │   ├── bx--slider__thumb
    │   ├── bx--slider__track
    │   ├── x--slider__filled-track
    │   └── bx--slider__input
    ├── bx--label
    ├── bx--slider__range-label
    └── bx--text-input bx--slider-text-input

SCSS

No selector changes.