@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; display: table-row; } .#{$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 { } }