PageRenderTime 43ms CodeModel.GetById 12ms RepoModel.GetById 0ms app.codeStats 0ms

/ext-4.1.0_b3/resources/themes/stylesheets/neptune/default/widgets/_boundlist.scss

https://bitbucket.org/srogerf/javascript
Sass | 68 lines | 50 code | 15 blank | 3 comment | 0 complexity | 2934d5b52eb361d04250f61d4be79d8f MD5 | raw file
  1. @mixin extjs-boundlist {
  2. .#{$prefix}boundlist {
  3. // @if $boundlist-border-style {
  4. // border: $boundlist-border-width $boundlist-border-style $boundlist-border-color;
  5. // }
  6. background: $boundlist-background-color;
  7. .#{$prefix}toolbar {
  8. border-width: 1px 0 0 0;
  9. }
  10. }
  11. .#{$prefix}boundlist-item {
  12. padding: $boundlist-item-padding;
  13. @extend .no-select;
  14. @extend .mr-white-glove;
  15. font-size: $font-size-small;
  16. position: relative; /*allow hover in IE on empty items*/
  17. @if $boundlist-item-border-style {
  18. border: $boundlist-item-border-width $boundlist-item-border-style $boundlist-item-border-color;
  19. }
  20. &:last-child {
  21. @include border-bottom-radius(4px);
  22. }
  23. }
  24. .#{$prefix}boundlist-item-over {
  25. background: $boundlist-item-over-background-color;
  26. border-color: $boundlist-item-over-border-color;
  27. color: color-by-background($boundlist-item-over-background-color);
  28. }
  29. .#{$prefix}boundlist-selected {
  30. background: $boundlist-item-selected-background-color;
  31. border-color: $boundlist-item-selected-border-color;
  32. color: color-by-background($boundlist-item-selected-background-color);
  33. }
  34. .#{$prefix}boundlist-selected.#{$prefix}boundlist-item-over {
  35. background: lighten($boundlist-item-selected-background-color, 5%);
  36. }
  37. .#{$prefix}boundlist-floating {
  38. border-top-width: 0;
  39. @include border-bottom-radius(4px);
  40. }
  41. .#{$prefix}boundlist-above {
  42. border-top-width: 1px;
  43. border-bottom-width: 0;
  44. @include border-top-radius(4px);
  45. @include border-bottom-radius(0);
  46. &:first-child {
  47. @include border-top-radius(4px);
  48. }
  49. &:last-child {
  50. @include border-bottom-radius(4px);
  51. }
  52. }
  53. }