Você está na página 1de 5

oot {

1. --text-size-base: 16px;

2. --text-size-heading1: 3.25rem;

3. --text-size-heading2: 2.875rem;

4. --text-size-heading3: 2.5625rem;

5. --text-size-heading4: 2.25rem;

6. --text-size-heading5: 2rem;

7. --text-size-heading6: 1.8125rem;

8. --text-size-heading7: 1.625rem;

9. --text-size-heading8: 1.4375rem;

10. --text-size-title1: 1.25rem;

11. --text-size-title2: 1.125rem;

12. --text-size-title3: 1rem;

13. --text-size-title4: 1rem;

14. --line-height-block-quote: 1.4;

15. --line-height-body: 1.5;

16. --line-height-heading: 1.2;

17. --line-height-title: 1.3;

18. --space-size-xxxl: 64px;

19. --space-size-xxl: 56px;

20. --space-size-xl: 48px;

21. --space-size-l: 40px;

22. --space-size-m: 32px;

23. --space-size-s: 24px;

24. --space-size-xs: 16px;

25. --space-size-xxs: 12px;

26. --space-size-xxxs: 8px;

27. --space-size-xxxxs: 4px;

}
5.0853070f5…202bb.css:1
:root {

1. --grid-gutter-width: 24px;

2. --grid-side-margin: 24px;

3. --grid-min-width: 320px;

}
5.0853070f5…202bb.css:1
:root {

1. --color-teal-500: #09464d;

2. --color-teal-400: #0e6069;

3. --color-teal-300: #1e7b85;

4. --color-teal-200: #509ba8;

5. --color-teal-100: #e4f4f5;

6. --color-cabernet-500: #5d0534;

7. --color-cabernet-400: #87064b;

8. --color-cabernet-300: #a9085e;

9. --color-cabernet-200: #c20067;

10. --color-cabernet-100: #f9e2ee;

11. --color-seafoam-500: #03665b;

12. --color-seafoam-400: #027f70;

13. --color-seafoam-300: #02a793;

14. --color-seafoam-200: #02b7a1;

15. --color-seafoam-100: #e3f6f4;

16. --color-tangerine-500: #ae5e01;

17. --color-tangerine-400: #e47b01;

18. --color-tangerine-300: #ed8f02;

19. --color-tangerine-200: #f0a534;

20. --color-tangerine-100: #fbedd8;

21. --color-slate-500: #16171b;

22. --color-slate-400: #303140;

23. --color-slate-300: #434a67;

24. --color-slate-200: #4c5473;

25. --color-slate-100: #596280;

26. --color-snow-600: #8a91a0;

27. --color-snow-500: #b7bdc9;

28. --color-snow-400: #cfd6e0;

29. --color-snow-300: #e3e6ef;

30. --color-snow-200: #f0f2f9;

31. --color-snow-100: #f9faff;

32. --color-midnight-300: #001b29;

33. --color-midnight-200: #00283d;

34. --color-midnight-100: #003451;

35. --color-sand-400: #eaded7;


36. --color-sand-300: #f1e9e4;

37. --color-sand-200: #f8f4f2;

38. --color-sand-100: #fbf9f8;

39. --color-green-300: #255b25;

40. --color-green-200: #3c763d;

41. --color-green-100: #dff0d8;

42. --color-yellow-300: #af7b2d;

43. --color-yellow-200: #f7c77e;

44. --color-yellow-100: #fcf1d9;

45. --color-red-300: #8f1120;

46. --color-red-200: #aa1527;

47. --color-red-100: #f2dede;

48. --color-white-100: #fff;

49. --color-black-100: #000;

50. --color-neutral-200: #464646;

Show All Properties (79 more)


}
3.ad0ed36b6…56aa8.css:1
:root {

1. --spl-color-background-primary: #fff;

2. --spl-color-background-secondary: #f9faff;

3. --spl-color-background-tertiary: #e3e6ef;

4. --spl-color-background-midnight: #003451;

5. --spl-color-background-divider: #e3e6ef;

6. --spl-color-background-skrim: #16171b;

7. --spl-color-background-progress: #a9085e;

8. --spl-color-background-active-default: #1e7b85;

9. --spl-color-background-statustag-default: #f0f2f9;

10. --spl-color-background-statustag-unavailable: #fcf1d9;

11. --spl-color-background-statustag-upcoming: #dff0d8;

12. --spl-color-background-notice: #001b29;

13. --spl-color-background-message-info-dark: #0076b9;

14. --spl-color-background-message-info-light: #e7f5fc;

15. --spl-color-background-message-success-dark: #3c763d;

16. --spl-color-background-message-success-light: #dff0d8;

17. --spl-color-background-message-neutral-light: #fcf1d9;


18. --spl-color-background-message-danger-dark: #aa1527;

19. --spl-color-background-message-danger-light: #f2dede;

20. --spl-color-background-accent-brick-100: #f1e3e3;

21. --spl-color-background-accent-brick-200: #cfbcbc;

22. --spl-color-background-accent-umber-100: #f4eadb;

23. --spl-color-background-accent-umber-200: #e4d7bf;

24. --spl-color-background-accent-flax-100: #f6f4e3;

25. --spl-color-background-accent-flax-200: #e9e5c6;

26. --spl-color-background-accent-jade-100: #eaeee7;

27. --spl-color-background-accent-jade-200: #becab4;

28. --spl-color-background-accent-stone-100: #e1eaec;

29. --spl-color-background-accent-stone-200: #b7c9cc;

30. --spl-color-background-accent-spruce-100: #e3e8ef;

31. --spl-color-background-accent-spruce-200: #c7cfdc;

32. --spl-color-background-accent-iris-100: #efebef;

33. --spl-color-background-accent-iris-200: #b9abb9;

34. --spl-color-background-accent-wheat-100: #f1eee6;

35. --spl-color-background-accent-wheat-200: #ded9cd;

36. --spl-color-background-accent-ash-100: #f1f0f0;

37. --spl-color-background-accent-ash-200: #d1d1d1;

38. --spl-color-border-textentry-disabled: #cfd6e0;

39. --spl-color-border-textentry-default: #8a91a0;

40. --spl-color-border-textentry-select: #1e7b85;

41. --spl-color-border-textentry-danger: #aa1527;

42. --spl-color-border-dropdown-default: #8a91a0;

43. --spl-color-border-dropdown-select: #1e7b85;

44. --spl-color-border-contenttag-hover: #cfd6e0;

45. --spl-color-border-contenttag-click: #b7bdc9;

46. --spl-color-border-pillbutton-default: #b7bdc9;

47. --spl-color-border-pillbutton-click: #8a91a0;

48. --spl-color-border-pillbutton-select: #1e7b85;

49. --spl-color-border-pillbutton-selecthover: #0e6069;

50. --spl-color-border-pillsort-default: #b7bdc9;

Show All Properties (143 more)


}
3.ad0ed36b6…56aa8.css:1
html {
1. line-height: var(--line-height-body);

2. -webkit-text-size-adjust: 100%;

}
html[Attributes Style] {

1. -webkit-locale: "pt";

}
user agent stylesheet
html {

1. display: block;

Você também pode gostar