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.

panel.scss 1.1KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. @mixin base-panel($primaryStyleName : v-panel) {
  2. .#{$primaryStyleName},
  3. .#{$primaryStyleName}-caption,
  4. .#{$primaryStyleName}-content,
  5. .#{$primaryStyleName}-deco,
  6. .#{$primaryStyleName}-light,
  7. .#{$primaryStyleName}-caption-light,
  8. .#{$primaryStyleName}-content-light,
  9. .#{$primaryStyleName}-deco-light {
  10. outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */
  11. text-align: left; /* Force default alignment */
  12. }
  13. .#{$primaryStyleName}-caption .v-errorindicator {
  14. float: none;
  15. display: inline;
  16. }
  17. .#{$primaryStyleName}-caption .v-icon {
  18. display: inline;
  19. vertical-align: middle;
  20. }
  21. .#{$primaryStyleName}-caption span {
  22. vertical-align: middle;
  23. }
  24. .#{$primaryStyleName}-caption {
  25. white-space: nowrap;
  26. overflow:hidden;
  27. font-weight: bold;
  28. }
  29. .#{$primaryStyleName}-nocaption {
  30. overflow: hidden;
  31. }
  32. .#{$primaryStyleName}-content {
  33. -webkit-box-sizing: border-box;
  34. -moz-box-sizing: border-box;
  35. box-sizing: border-box;
  36. }
  37. .#{$primaryStyleName}.v-has-width > .#{$primaryStyleName}-content {
  38. width: 100%;
  39. }
  40. .#{$primaryStyleName}.v-has-height > .#{$primaryStyleName}-content {
  41. height: 100%;
  42. }
  43. .#{$primaryStyleName}-deco {
  44. }
  45. }