FilesExpand file tree

main

/

styles.css

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

66 lines (53 loc) · 1.18 KB

main

/

styles.css

Copy path

Top

File metadata and controls

• Code
• Blame

66 lines (53 loc) · 1.18 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

@custom-media --motion-ok (prefers-reduced-motion: no-preference);

@custom-media --motion-not-ok (prefers-reduced-motion: reduce);

:root {

--light-primary: coral;

--light-background: white;

--light-foreground: black;

--dark-primary: goldenrod;

--dark-background: black;

--dark-foreground: white;

/* Font */

--font-family: 'Poppins', sans-serif;

/* Spacing */

--spacing-small: 8px;

--spacing-medium: 16px;

--spacing-large: 32px;

/* Radius */

--radius-small: 8px;

--radius-medium: 16px;

--radius-large: 32px;

}

body {

font-family: var(--font-family);

}

body.theme-light {

color: var(--light-foreground);

background-color: var(--light-background);

}

body.theme-dark {

color: var(--dark-foreground);

background-color: var(--dark-background);

}

.alert {

padding: var(--spacing-small);

border-radius: var(--radius-small);

}

.alert-success {

border: 1px solid #4f4;

background-color: #bfb;

}

.alert-error {

border: 1px solid #f44;

background-color: #fbb;

}

.product-list {

--icon-size: 14px;

display: grid;

grid-template-columns: minmax(0, 1fr);

}

@media (min-width: 1024px) {

.product-list {

grid-template-columns: repeat(1fr, 4);

}

}