Skip to content

Commit ea11cdb

Browse files
hyperknothyperknot
committed
css
1 parent f067882 commit ea11cdb

File tree

8 files changed

+139
-142
lines changed

8 files changed

+139
-142
lines changed

‎website/src/components/Donate.astro

Lines changed: 0 additions & 83 deletions
Original file line numberDiff line numberDiff line change
@@ -14,86 +14,3 @@ import { Content as DonateText } from '../content/index/donate.md'
1414

1515
<script is:inline src="https://unpkg.com/[email protected]/dist/nouislider.min.js"></script>
1616
<script is:inline src="/scripts/donate.js"></script>
17-
18-
<style>
19-
#support-plans-slider {
20-
max-width: 600px;
21-
margin: 200px auto 150px;
22-
}
23-
24-
@media (max-width: 550px) {
25-
#support-plans-slider {
26-
max-width: 98%;
27-
margin: 170px auto 120px;
28-
}
29-
}
30-
31-
.noUi-connects {
32-
cursor: pointer;
33-
}
34-
35-
.noUi-value {
36-
line-height: 0;
37-
margin-top: 32px;
38-
font-size: 30px;
39-
transition: font-size 0.3s ease;
40-
cursor: pointer;
41-
}
42-
43-
.noUi-value.active {
44-
font-size: 45px;
45-
}
46-
47-
.noUi-marker-horizontal.noUi-marker-large {
48-
height: 5px;
49-
}
50-
51-
.noUi-marker-horizontal.noUi-marker {
52-
margin-left: 0;
53-
width: 1px;
54-
}
55-
56-
.noUi-tooltip {
57-
border-color: #ccc;
58-
border-radius: 10px;
59-
padding: 10px;
60-
}
61-
62-
.noUi-tooltip.first {
63-
left: 0;
64-
transform: unset;
65-
}
66-
67-
.noUi-tooltip.last {
68-
right: 0;
69-
left: unset;
70-
transform: unset;
71-
}
72-
73-
.plan-name {
74-
font-weight: bold;
75-
margin-bottom: 10px;
76-
}
77-
78-
.plan-link {
79-
display: block;
80-
text-decoration: none;
81-
82-
color: white;
83-
font-weight: bold;
84-
letter-spacing: 0.05rem;
85-
font-size: 15px;
86-
87-
border-radius: 20px;
88-
padding: 6px 16px;
89-
margin-top: 15px;
90-
91-
background: linear-gradient(32deg, #03a9f4, transparent) #f441a5;
92-
transition: background-color 1s;
93-
}
94-
95-
.plan-link:hover,
96-
.plan-link:focus {
97-
background-color: #fdb900;
98-
}
99-
</style>

‎website/src/layouts/Layout.astro

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ interface Props {
55
66
const { title } = Astro.props
77
8-
import '../styles/global.css'
8+
import '../styles/_style.css'
99
---
1010

1111
<!doctype html>
@@ -29,7 +29,6 @@ import '../styles/global.css'
2929

3030
<link href="https://unpkg.com/maplibre-gl/dist/maplibre-gl.css" rel="stylesheet" />
3131
<link href="https://unpkg.com/[email protected]/dist/nouislider.min.css" rel="stylesheet" />
32-
<!--<link href="https://unpkg.com/[email protected]/themes/prism.min.css" rel="stylesheet" />-->
3332
</head>
3433

3534
<body>

‎website/src/pages/index.astro

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,4 @@ import { Content as RestText } from '../content/index/rest.md'
2323

2424
<Donate />
2525
<RestText />
26-
27-
<!--<script src="https://unpkg.com/[email protected]/components/prism-core.min.js"></script>-->
28-
<!--<script src="https://unpkg.com/[email protected]/plugins/autoloader/prism-autoloader.min.js"></script>-->
2926
</Layout>

‎website/src/pages/quick_start.astro

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ import { Content as MobileText } from '../content/how_to_use/mobile.md'
99
import { Content as CustomStylesText } from '../content/how_to_use/custom_styles.md'
1010
import { Content as SelfHostingText } from '../content/how_to_use/self_hosting.md'
1111
import Logo from '../components/Logo.astro'
12+
import Donate from '../components/Donate.astro'
1213
---
1314

1415
<Layout title="OpenFreeMap Quick Start Guide">
@@ -33,6 +34,8 @@ import Logo from '../components/Logo.astro'
3334
<MobileText />
3435
<CustomStylesText />
3536
<SelfHostingText />
37+
38+
<Donate />
3639
</Layout>
3740

3841
<style>

‎website/src/styles/_style.css

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
@import "reset.css";
2+
@import "donate.css";
3+
@import "global.css";

‎website/src/styles/donate.css

Lines changed: 80 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,80 @@
1+
#support-plans-slider {
2+
max-width: 600px;
3+
margin: 200px auto 150px;
4+
}
5+
6+
@media (max-width: 550px) {
7+
#support-plans-slider {
8+
max-width: 98%;
9+
margin: 170px auto 120px;
10+
}
11+
}
12+
13+
.plan-name {
14+
font-weight: bold;
15+
margin-bottom: 10px;
16+
}
17+
18+
.plan-link {
19+
display: block;
20+
text-decoration: none;
21+
color: white;
22+
font-weight: bold;
23+
letter-spacing: 0.05rem;
24+
font-size: 15px;
25+
border-radius: 20px;
26+
padding: 6px 16px;
27+
margin-top: 15px;
28+
background: linear-gradient(32deg, #03a9f4, transparent) #f441a5;
29+
transition: background-color 1s;
30+
}
31+
32+
.plan-link:hover,
33+
.plan-link:focus {
34+
background-color: #fdb900;
35+
}
36+
37+
/* noUI slider customizations */
38+
39+
.noUi-connects {
40+
cursor: pointer;
41+
}
42+
43+
.noUi-value {
44+
line-height: 0;
45+
margin-top: 32px;
46+
font-size: 30px;
47+
transition: font-size 0.3s ease;
48+
cursor: pointer;
49+
}
50+
51+
.noUi-value.active {
52+
font-size: 45px;
53+
}
54+
55+
.noUi-marker-horizontal.noUi-marker-large {
56+
height: 5px;
57+
}
58+
59+
.noUi-marker-horizontal.noUi-marker {
60+
margin-left: 0;
61+
width: 1px;
62+
}
63+
64+
.noUi-tooltip {
65+
border-color: #ccc;
66+
border-radius: 10px;
67+
padding: 10px;
68+
}
69+
70+
.noUi-tooltip.first {
71+
left: 0;
72+
transform: unset;
73+
}
74+
75+
.noUi-tooltip.last {
76+
right: 0;
77+
left: unset;
78+
transform: unset;
79+
}
80+

‎website/src/styles/global.css

Lines changed: 2 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -1,55 +1,3 @@
1-
/*
2-
Josh's Custom CSS Reset
3-
https://www.joshwcomeau.com/css/custom-css-reset/
4-
*/
5-
*,
6-
*::before,
7-
*::after {
8-
box-sizing: border-box;
9-
}
10-
11-
* {
12-
margin: 0;
13-
}
14-
15-
img,
16-
picture,
17-
video,
18-
canvas,
19-
svg {
20-
display: block;
21-
max-width: 100%;
22-
}
23-
24-
input,
25-
button,
26-
textarea,
27-
select {
28-
font: inherit;
29-
}
30-
31-
/* normalize.css */
32-
33-
button {
34-
font-family: inherit;
35-
font-size: 100%;
36-
line-height: 1.15;
37-
overflow: visible;
38-
text-transform: none;
39-
-webkit-appearance: button;
40-
}
41-
42-
button::-moz-focus-inner {
43-
border-style: none;
44-
padding: 0;
45-
}
46-
47-
button:-moz-focusring {
48-
outline: 1px dotted ButtonText;
49-
}
50-
51-
/* --- start --- */
52-
531
body {
542
padding-bottom: 100px;
553
line-height: 1.5;
@@ -91,8 +39,7 @@ h6,
9139
max-width: 600px;
9240
margin: 1em auto 0.5em;
9341
line-height: 1.2;
94-
font-family: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro,
95-
sans-serif;
42+
font-family: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;
9643
font-weight: bold;
9744
}
9845

@@ -184,3 +131,4 @@ hr {
184131
height: 300px;
185132
}
186133
}
134+

‎website/src/styles/reset.css

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
/*
2+
Josh's Custom CSS Reset
3+
https://www.joshwcomeau.com/css/custom-css-reset/
4+
*/
5+
6+
*,
7+
*::before,
8+
*::after {
9+
box-sizing: border-box;
10+
}
11+
12+
* {
13+
margin: 0;
14+
}
15+
16+
img,
17+
picture,
18+
video,
19+
canvas,
20+
svg {
21+
display: block;
22+
max-width: 100%;
23+
}
24+
25+
input,
26+
button,
27+
textarea,
28+
select {
29+
font: inherit;
30+
}
31+
32+
/* normalize.css */
33+
34+
button {
35+
font-family: inherit;
36+
font-size: 100%;
37+
line-height: 1.15;
38+
overflow: visible;
39+
text-transform: none;
40+
-webkit-appearance: button;
41+
}
42+
43+
button::-moz-focus-inner {
44+
border-style: none;
45+
padding: 0;
46+
}
47+
48+
button:-moz-focusring {
49+
outline: 1px dotted ButtonText;
50+
}

0 commit comments

Comments
 (0)