UNPKG

@aquera/nile

Version:

Nile web components for web products and experiences

bitbucket.org/akaquera/design-system

16 lines (9 loc) • 1.59 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
:root{ --ng-focus-ring: 0px 0px 0px 2px var(--ng-colors-bg-primary), 0px 0px 0px 4px var(--ng-colors-effects-focus-ring); --ng-focus-ring-error: 0px 0px 0px 2px var(--ng-colors-bg-primary), 0px 0px 0px 4px var(--ng-colors-effects-focus-ring-error); --ng-focus-ring-shadow-xs : 0px 1px 2px 0px var(--ng-colors-effects-shadow-xs), 0px 0px 0px 2px var(--ng-colors-bg-primary), 0px 0px 0px 4px var(--ng-colors-effects-focus-ring); --ng-focus-ring-shadow-sm: 0px 1px 3px 0px var(--ng-colors-effects-shadow-sm-01), 0px 1px 2px 0px var(--ng-colors-effects-shadow-sm-02), 0px 0px 0px 2px var(--ng-colors-bg-primary), 0px 0px 0px 4px var(--ng-colors-effects-focus-ring); --ng-focus-ring-error-shadow-xs: 0px 1px 2px 0px var(--ng-colors-effects-shadow-xs), 0px 0px 0px 2px var(--ng-colors-bg-primary), 0px 0px 0px 4px var(--ng-colors-effects-focus-ring-error); --ng-focus-ring-shadow-xs-skeumorphic: 0px 0px 0px 1px var(--ng-colors-effects-shadow-skeumorphic-inner-border) inset, 0px -2px 0px 0px var(--ng-colors-effects-shadow-skeumorphic-inner) inset, 0px 1px 2px 0px var(--ng-colors-effects-shadow-xs), 0px 0px 0px 2px var(--ng-colors-bg-primary), 0px 0px 0px 4px var(--ng-colors-effects-focus-ring); --ng-focus-ring-error-shadow-xs-skeumorphic: 0px 0px 0px 1px var(--ng-colors-effects-shadow-skeumorphic-inner-border) inset, 0px -2px 0px 0px var(--ng-colors-effects-shadow-skeumorphic-inner) inset, 0px 1px 2px 0px var(--ng-colors-effects-shadow-xs), 0px 0px 0px 2px var(--ng-colors-bg-primary), 0px 0px 0px 4px var(--ng-colors-effects-focus-ring-error); }