FilesExpand file tree

main

/

JourneyTrackNav.module.scss

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

74 lines (65 loc) · 1.5 KB

main

/

JourneyTrackNav.module.scss

Copy path

Top

File metadata and controls

• Code
• Blame

74 lines (65 loc) · 1.5 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

67

68

69

70

71

72

73

74

@import "@primer/css/support/variables/layout.scss";

@import "@primer/css/support/mixins/layout.scss";

.upNext {

display: flex;

flex-direction: column;

align-items: flex-start;

gap: 16px;

padding: 24px;

border-top: 1px solid var(--brand-color-border-muted);

border-bottom: 1px solid var(--brand-color-border-muted);

background: linear-gradient(

to bottom,

var(--brand-color-canvas-subtle),

var(--brand-color-canvas-default)

);

@include breakpoint(md) {

flex-direction: row;

align-items: flex-end;

justify-content: space-between;

gap: 1rem;

}

}

.lead {

display: flex;

flex-direction: column;

gap: 16px;

}

.eyebrow {

margin: 0;

font-family: var(--brand-fontStack-monospace, "Mona Sans Mono", monospace);

font-size: 12px;

line-height: 1.5;

letter-spacing: 0.15px;

text-transform: uppercase;

color: var(--brand-color-text-muted);

}

.link {

display: inline-flex;

align-items: center;

gap: 8px;

color: var(--brand-color-text-default);

&:hover {

text-decoration: none;

.title {

text-decoration: underline;

}

}

}

.title {

font-family: var(--brand-fontStack-sansSerif, "Mona Sans", sans-serif);

font-size: 14px;

font-weight: 500;

line-height: 14px;

letter-spacing: 0.14px;

}

.progress {

margin: 0;

font-family: var(--brand-fontStack-sansSerif, "Mona Sans", sans-serif);

font-size: 14px;

font-weight: 400;

line-height: 1.5;

letter-spacing: 0.14px;

color: var(--brand-color-text-muted);

white-space: nowrap;

}