select2/src/scss/_single.scss

.select2-selection--single {
  box-sizing: border-box;

  cursor: pointer;
  display: block;

  height: 28px;

  user-select: none;
  -webkit-user-select: none;

  .select2-selection__rendered {
    display: block;
    overflow: hidden;
    padding-left: 8px;
    padding-right: 20px;
    text-overflow: ellipsis;
  }
}

&[dir="rtl"] {
  .select2-selection--single {
    .select2-selection__rendered {
      padding-right: 8px;
      padding-left: 20px;
    }
  }
}
Start the switch to BEM This is inspired by https://github.com/ivaynberg/select2/issues/2826 and starts the general transition to using selectors with a lower specificity. This should make it considerably easier to override the styles in the long run. Unfortunately libsass does not support the SASS 3.3 style for BEM where we can just use `&__m` for defining sub-modules. For now we are still using a limited amount of nesting, but nowhere near as much as we did in the past. 2014-11-24 18:11:03 -05:00			`.select2-selection--single {`
			`box-sizing: border-box;`
More work on rendering Switched all of the divs to spans, as the container should not be a block by default. 2014-08-27 11:33:33 -04:00
Start the switch to BEM This is inspired by https://github.com/ivaynberg/select2/issues/2826 and starts the general transition to using selectors with a lower specificity. This should make it considerably easier to override the styles in the long run. Unfortunately libsass does not support the SASS 3.3 style for BEM where we can just use `&__m` for defining sub-modules. For now we are still using a limited amount of nesting, but nowhere near as much as we did in the past. 2014-11-24 18:11:03 -05:00			`cursor: pointer;`
			`display: block;`
More work on rendering Switched all of the divs to spans, as the container should not be a block by default. 2014-08-27 11:33:33 -04:00
Start the switch to BEM This is inspired by https://github.com/ivaynberg/select2/issues/2826 and starts the general transition to using selectors with a lower specificity. This should make it considerably easier to override the styles in the long run. Unfortunately libsass does not support the SASS 3.3 style for BEM where we can just use `&__m` for defining sub-modules. For now we are still using a limited amount of nesting, but nowhere near as much as we did in the past. 2014-11-24 18:11:03 -05:00			`height: 28px;`
More work on rendering Switched all of the divs to spans, as the container should not be a block by default. 2014-08-27 11:33:33 -04:00
Start the switch to BEM This is inspired by https://github.com/ivaynberg/select2/issues/2826 and starts the general transition to using selectors with a lower specificity. This should make it considerably easier to override the styles in the long run. Unfortunately libsass does not support the SASS 3.3 style for BEM where we can just use `&__m` for defining sub-modules. For now we are still using a limited amount of nesting, but nowhere near as much as we did in the past. 2014-11-24 18:11:03 -05:00			`user-select: none;`
			`-webkit-user-select: none;`
Added Utils.Decorate and tests This adds decorator support in a very basic way, but enough that it doesn't take a lot of effort to get it implemented. This also starts work on splitting things out for theming. 2014-08-28 19:54:01 -04:00
Start the switch to BEM This is inspired by https://github.com/ivaynberg/select2/issues/2826 and starts the general transition to using selectors with a lower specificity. This should make it considerably easier to override the styles in the long run. Unfortunately libsass does not support the SASS 3.3 style for BEM where we can just use `&__m` for defining sub-modules. For now we are still using a limited amount of nesting, but nowhere near as much as we did in the past. 2014-11-24 18:11:03 -05:00			`.select2-selection__rendered {`
			`display: block;`
			`overflow: hidden;`
			`padding-left: 8px;`
Automatically close on scroll This now matches how the browser works, where the dropdown is closed when the window scrolls. The arrow was also covering the clear placeholder icon, this has now been fixed and the clear icon is now placed correctly. 2014-11-26 22:30:31 -05:00			`padding-right: 20px;`
Start the switch to BEM This is inspired by https://github.com/ivaynberg/select2/issues/2826 and starts the general transition to using selectors with a lower specificity. This should make it considerably easier to override the styles in the long run. Unfortunately libsass does not support the SASS 3.3 style for BEM where we can just use `&__m` for defining sub-modules. For now we are still using a limited amount of nesting, but nowhere near as much as we did in the past. 2014-11-24 18:11:03 -05:00			`text-overflow: ellipsis;`
More work on rendering Switched all of the divs to spans, as the container should not be a block by default. 2014-08-27 11:33:33 -04:00			`}`
			`}`
Added RTL support to Select2 This works in the same way as the `lang` option, which pulls directly from the `dir` property on DOM nodes. 2014-12-17 21:22:14 -05:00
			`&[dir="rtl"] {`
			`.select2-selection--single {`
			`.select2-selection__rendered {`
			`padding-right: 8px;`
			`padding-left: 20px;`
			`}`
			`}`
			`}`