diff options
-rw-r--r-- | packages/bun-landing/index.css | 34 |
1 files changed, 13 insertions, 21 deletions
diff --git a/packages/bun-landing/index.css b/packages/bun-landing/index.css index 3af3361b1..228503ca6 100644 --- a/packages/bun-landing/index.css +++ b/packages/bun-landing/index.css @@ -17,9 +17,11 @@ --vertical-padding: 4rem; --line-height: 1.4; } + * { box-sizing: border-box; } + head, body, :root { @@ -37,14 +39,17 @@ a { text-decoration: none; transition: transform 0.1s linear; } + a:visited { color: inherit; } + a:hover { text-decoration: underline; transform: scale(1.06, 1.06); transform-origin: middle center; } + #header-wrap, #pitch { background-color: var(--black); @@ -58,6 +63,7 @@ a:hover { gap: 24px; align-items: center; } + main { width: auto; @@ -96,6 +102,7 @@ header { .subtitle { font-size: 1.2rem; } + nav { white-space: nowrap; display: flex; @@ -140,6 +147,7 @@ header { cursor: pointer; transform: scale(1.06); } + #HeaderInstallButton { transition: transform 0.1s linear; background: #00a6e1; @@ -266,10 +274,8 @@ header { #code-box-copy { height: 100%; - display: flex; align-items: center; - color: var(--orange-light); transition: transform 0.05s linear; transition-property: color, transform; @@ -353,6 +359,7 @@ header { list-style-type: none; padding: 0; } + .BarGraph, .ActiveTab, .Graphs { @@ -398,10 +405,8 @@ header { .BarGraphBar { margin: 0 auto; - width: var(--primary); height: var(--opposite); - background-color: rgb(93, 89, 134); position: relative; height: calc(200px * var(--level)); @@ -421,9 +426,6 @@ header { border-right-color: transparent; } -.BarGraph--horizontal .BarGraphBar { -} - .BarGraph--vertical .BarGraphBar { max-width: 90%; } @@ -434,8 +436,9 @@ header { font-family: var(--monospace-font); width: 100%; text-align: center; - position: relative; + display: flex; + justify-content: center; } .CardContent { @@ -474,10 +477,8 @@ header { .BarGraph--vertical .BarGraphBar { height: var(--primary); width: var(--opposite); - transform: scaleX(var(--level)); transform-origin: bottom left; - max-height: 40px; margin-top: 1rem; margin-bottom: 1rem; @@ -549,8 +550,6 @@ header { display: grid; } -#explain-section { -} #explain ul { font-size: 1.2rem; } @@ -629,10 +628,6 @@ header { --background: #ff17ff; } -ul, -li { -} - .mono { font-family: var(--monospace-font); border-radius: 6px; @@ -831,9 +826,6 @@ li { gap: 2rem; } - .Tabs { - } - .tagline, .subtitle, .BarGraph-heading, @@ -876,7 +868,7 @@ li { .TabButton { padding-top: 16px; - padding-bottom: 16px; + padding-bottom: 16px; } #pitch-content { @@ -946,4 +938,4 @@ img { position: absolute; white-space: nowrap; width: 1px; -}
\ No newline at end of file +} |