|
45 | 45 | .info { padding-bottom: 60px; } |
46 | 46 | .info ul { list-style: none; margin: 30px 0; padding: 0; } |
47 | 47 | .info li { display: flex; } |
48 | | - .info li + li { margin-top: 25px; } |
| 48 | + .info li + li { margin-top: 30px; } |
49 | 49 | .info svg { height: 20px; width: 20px; margin-right: 10px; flex-shrink: 0; } |
50 | 50 | .info code { display: block; font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; font-size: .9em; margin-top: 5px; } |
51 | 51 | .info .next-step { background: rgba(255, 255, 255, 0.2); border-radius: 4px; line-height: 1.5; margin: 0 0 20px; padding: 10px 15px; } |
52 | 52 | .info .next-step strong { display: block; text-transform: uppercase; font-size: 90%; } |
53 | 53 | .info .next-step svg { display: none; } |
54 | 54 | .waves { color: #3a3a52; position: absolute; bottom: -5px; left: 0; right: 0; width: 100% } |
55 | | - main article { padding: 30px 0 0 10px; } |
| 55 | + main article { padding: 30px 0 0; } |
56 | 56 | main h2 { align-items: center; display: flex; font-size: 18px; font-weight: 600; margin: 0; } |
57 | 57 | main h2 span { display: inline-flex; } |
58 | 58 | main h2 svg { height: 28px; width: 28px; margin-right: 10px; } |
59 | 59 | main article section + section { margin-top: 45px; } |
60 | | - main article section ul { padding-left: 17px; } |
| 60 | + main article section ul { padding-left: 23px; } |
61 | 61 | main article section li + li { margin-top: 15px; } |
62 | 62 | header .wrapper, header .waves, .sf-toolbar { z-index: 10; } |
63 | 63 |
|
|
75 | 75 | .logo h1 { font-size: 48px; } |
76 | 76 | .logo h1 small { font-size: 24px; } |
77 | 77 | .info ul { margin: 45px 0; padding-left: 15px; } |
78 | | - .info li + li { margin-top: 20px; } |
| 78 | + .info li + li { margin-top: 35px; } |
79 | 79 | .info svg { height: 28px; width: 28px; margin-right: 13px; position: relative; top: -2px; } |
80 | 80 | .info code { margin-top: 10px; } |
81 | | - .info .next-step { display: flex; align-items: center; margin: 0 0 45px; } |
| 81 | + .info .next-step { display: flex; align-items: center; margin: 0 0 45px; padding: 15px; } |
82 | 82 | .info .next-step svg { display: inline-flex; margin: 0 10px; top: 0; } |
83 | 83 | main article { display: flex; justify-content: space-between; padding-top: 45px; } |
84 | 84 | main article section + section { margin-top: 0; } |
85 | 85 | main h2 { font-size: 21px; } |
86 | | - main h2 svg { height: 36px; width: 36px; margin-righ: 15px; } |
87 | | - main article section ul { padding-left: 22px; } |
| 86 | + main h2 svg { height: 36px; width: 36px; margin-right: 15px; } |
| 87 | + main article section ul { padding-left: 28px; } |
88 | 88 | main article section li + li { margin-top: 20px; } |
89 | 89 | } |
90 | 90 |
|
91 | 91 | @media (min-width: 1280px) { |
92 | 92 | body { font-size: 20px; } |
93 | | - .logo { margin-top: 120px; } |
| 93 | + .logo { margin-top: 105px; } |
94 | 94 | .logo svg { height: 96px; width: 96px; margin-right: 45px; } |
95 | 95 | .logo h1 { font-size: 64px; } |
96 | 96 | .logo h1 small { font-size: 36px; } |
97 | 97 | .info ul { margin: 60px 0; padding-left: 30px; } |
98 | | - .info li + li { margin-top: 30px; } |
| 98 | + .info li + li { margin-top: 45px; } |
99 | 99 | .info svg { height: 32px; width: 32px; margin-right: 15px; position: relative; top: -4px; } |
100 | | - .info .next-step { padding: 10px 30px; margin: 0 0 60px; } |
| 100 | + .info .next-step { padding: 15px 30px; margin: 0 0 60px; } |
| 101 | + .info .next-step svg { margin: 0 15px; } |
101 | 102 | main article { padding-top: 60px; } |
102 | 103 | main h2 { align-items: flex-start; flex-direction: column; font-size: 24px; } |
103 | | - main h2 svg { display: block; height: 48px; width: 48px; margin-bottom: 10px; } |
| 104 | + main h2 svg { display: block; height: 48px; width: 48px; margin-bottom: 10px; margin-left: -4px; } |
104 | 105 | main article section ul { padding-left: 20px; } |
105 | 106 | main article section li + li { margin-top: 25px; } |
106 | 107 | } |
|
0 commit comments