|
48 | 48 | .info li + li { margin-top: 25px; } |
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 | | - .info .next-step { background: rgba(255, 255, 255, 0.2); border-radius: 4px; line-height: 1.5; padding: 10px 15px; } |
| 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% } |
|
70 | 70 |
|
71 | 71 | body { font-size: 18px; } |
72 | 72 | .wrapper { padding: 0 30px; } |
73 | | - header { padding: 60px 0; } |
| 73 | + .logo { margin-top: 75px; } |
74 | 74 | .logo svg { height: 72px; width: 72px; margin-right: 30px; } |
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 | 78 | .info li + li { margin-top: 20px; } |
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; } |
| 81 | + .info .next-step { display: flex; align-items: center; margin: 0 0 45px; } |
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; } |
|
90 | 90 |
|
91 | 91 | @media (min-width: 1280px) { |
92 | 92 | body { font-size: 20px; } |
93 | | - header { padding: 90px 0 75px; } |
| 93 | + .logo { margin-top: 120px; } |
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 | 98 | .info li + li { margin-top: 30px; } |
99 | 99 | .info svg { height: 32px; width: 32px; margin-right: 15px; position: relative; top: -4px; } |
100 | | - .info .next-step { padding: 10px 30px; } |
| 100 | + .info .next-step { padding: 10px 30px; margin: 0 0 60px; } |
101 | 101 | main article { padding-top: 60px; } |
102 | 102 | main h2 { align-items: flex-start; flex-direction: column; font-size: 24px; } |
103 | 103 | main h2 svg { display: block; height: 48px; width: 48px; margin-bottom: 10px; } |
@@ -223,17 +223,6 @@ function renderSymfonyLogoSvg() |
223 | 223 | // MIT License - Copyright (c) 2020-2023 Paweł Kuna |
224 | 224 | // https://github.com/tabler/tabler-icons/blob/master/LICENSE |
225 | 225 |
|
226 | | - function renderCheckIconSvg() |
227 | | - { |
228 | | - return <<<SVG |
229 | | - <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> |
230 | | - <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> |
231 | | - <path d="M9 11l3 3l8 -8"></path> |
232 | | - <path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9"></path> |
233 | | - </svg> |
234 | | - SVG; |
235 | | - } |
236 | | - |
237 | 226 | function renderBoxIconSvg() |
238 | 227 | { |
239 | 228 | return <<<SVG |
|
0 commit comments