@mixin base-datefield($primaryStyleName : v-datefield) { .#{$primaryStyleName} { white-space: nowrap; display: inline-block; /* Force minimum width */ line-height:0; /* Force minimum height */ } .#{$primaryStyleName}-textfield { vertical-align: top; } .#{$primaryStyleName}-button { cursor: pointer; } .#{$primaryStyleName}-prompt .#{$primaryStyleName}-textfield { color: #999; font-style: italic; } .#{$primaryStyleName} .#{$primaryStyleName}-button-readonly { display: none; } .#{$primaryStyleName}-calendarpanel table { width: 100%; } .#{$primaryStyleName}-calendarpanel td { padding: 0; margin: 0; } .#{$primaryStyleName}-calendarpanel:focus { outline:none; } .#{$primaryStyleName}-calendarpanel-header td { text-align: center; } .#{$primaryStyleName}-calendarpanel-month { text-align: center; white-space: nowrap; } .#{$primaryStyleName}-calendarpanel-weeknumber { color: #999; border-right: 1px solid #ddd; font-size: 0.9em; } .#{$primaryStyleName}-calendarpanel-day, .#{$primaryStyleName}-calendarpanel-day-today { cursor: pointer; } .#{$primaryStyleName}-calendarpanel-day-today { border: 1px solid #ddd; } .v-disabled .#{$primaryStyleName}-calendarpanel-day, .v-disabled .#{$primaryStyleName}-calendarpanel-day-today { cursor: default; } .#{$primaryStyleName}-calendarpanel-day-disabled { cursor: default; opacity: .5; } .#{$primaryStyleName}-calendarpanel-day-selected { cursor: default; background: #333; color: #fff; } .#{$primaryStyleName}-calendarpanel-day-focused { outline: 1px dotted black; } .#{$primaryStyleName}-calendarpanel-day-offmonth { color: #666; } .#{$primaryStyleName}-time { white-space: nowrap; } .#{$primaryStyleName}-time .v-label { display: inline; } .#{$primaryStyleName}-popup { background: #fff; } /* Disabled by default .#{$primaryStyleName}-error .v-textfield, .#{$primaryStyleName}-error .#{$primaryStyleName}-calendarpanel { background: #ffe0e0; } */ /* Disabled by default .#{$primaryStyleName}-required .v-textfield, .#{$primaryStyleName}-required .#{$primaryStyleName}-calendarpanel { background:transparent; background-color: #ffe0e0; } */ }