| @mixin base-panel($primaryStyleName : v-panel) { |
| |
| .#{$primaryStyleName}, |
| .#{$primaryStyleName}-caption, |
| .#{$primaryStyleName}-content, |
| .#{$primaryStyleName}-deco, |
| .#{$primaryStyleName}-light, |
| .#{$primaryStyleName}-caption-light, |
| .#{$primaryStyleName}-content-light, |
| .#{$primaryStyleName}-deco-light { |
| outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */ |
| text-align: left; /* Force default alignment */ |
| } |
| .#{$primaryStyleName}-caption .v-errorindicator { |
| float: none; |
| display: inline; |
| } |
| .#{$primaryStyleName}-caption .v-icon { |
| display: inline; |
| vertical-align: middle; |
| } |
| .#{$primaryStyleName}-caption span { |
| vertical-align: middle; |
| } |
| .#{$primaryStyleName}-caption { |
| white-space: nowrap; |
| overflow:hidden; |
| font-weight: bold; |
| } |
| .#{$primaryStyleName}-nocaption { |
| overflow: hidden; |
| } |
| .#{$primaryStyleName}-content { |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| } |
| .#{$primaryStyleName}.v-has-width > .#{$primaryStyleName}-content { |
| width: 100%; |
| } |
| .#{$primaryStyleName}.v-has-height > .#{$primaryStyleName}-content { |
| height: 100%; |
| } |
| .#{$primaryStyleName}-deco { |
| } |
| |
| } |