styles pseudo-border-left.tsx

0% Statements 0/3

0% Branches 0/1

0% Functions 0/1

0% Lines 0/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { ColorsStringLiteral, color } from '@stacks/ui';
 
export function pseudoBorderLeft(themeColor: ColorsStringLiteral, borderWidth = '4px') {
  return {
    position: 'relative',
    _before: {
      content: '""',
      top: 0,
      left: 0,
      borderRadius: '8px',
      width: borderWidth,
      height: '100%',
      position: 'absolute',
      background: color(themeColor),
    },
  } as const;
}