vuestic-ui
Version:
Vue 3 UI Framework
23 lines • 671 B
CSS
.va-color-indicator {
display: inline-flex;
justify-content: center;
align-items: center;
cursor: pointer;
border-radius: var(--va-border-radius-computed);
text-align: center;
background-color: var(--va-background-element);
border: 0.125rem solid var(--va-background-border);
box-sizing: border-box;
overflow: hidden;
}
.va-color-indicator__core {
border-radius: var(--va-border-radius-computed);
}
.va-color-indicator--selected {
background-color: var(--va-primary);
border-color: var(--va-primary);
}
.va-color-indicator--on-keyboard-focus {
outline: 2px solid var(--va-focus) ;
border-radius: var(--va-border-radius-computed);
}