aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--packages/bun-landing/index.css34
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
+}