mirrors/caddy-website
1
0
Fork 0
mirror of https://github.com/caddyserver/website.git synced 2025-04-29 16:29:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(redesign): toggle module

Browse source
This commit is contained in:
darkweak 2023-10-15 12:30:23 +02:00 • committed by Francis Lavoie
parent e6c6310277
commit d201a427d1
No known key found for this signature in database
GPG key ID: C5204D4F28147FC8
3 changed files with 80 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

51
new/resources/css/download.css
View file

@ -1,5 +1,10 @@
* {
--border-download: 1px solid rgba(226, 232, 240, 0.8);
--radius: 0.5rem;
}
.card {
border: 1px solid rgba(226, 232, 240, 0.8);
border: var(--border-download);
border-radius: 16px;
padding: 16px;
width: 100%;
@ -18,6 +23,10 @@ html {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
}
.shadow-lg {
box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}
.wrapper.list {
display: flex;
}
@ -45,6 +54,40 @@ html {
gap: 48px;
}
#download {
position: sticky;
bottom: 0;
padding-bottom: 16px;
}
#download>div {
border: var(--border-download);
background-color: var(--body-bg);
border-radius: var(--radius);
padding: 1rem;
}
#command {
border-radius: var(--radius);
border: 1px solid var(--button-border-color);
padding: 0.75rem;
display: inline-flex;
width: 100%;
}
#command>pre {
width: 100%;
overflow-x: scroll;
display: inline-flex;
white-space: nowrap;
}
#command-builder::before {
content: '$';
color: var(--text-color-muted);
margin-right: 0.25rem;
}
h2 {
padding-bottom: 16px;
color: rgb(14, 110, 189);
@ -92,10 +135,6 @@ h2 {
font-weight: bold;
}
.card-icon {
border-radius: 8px;
}
.card-description {
display: flex;
color: var(--text-color-muted);
@ -167,7 +206,7 @@ select {
font-weight: 600;
background-color: white;
width: 100%;
border-radius: 0.5rem;
border-radius: var(--radius);
border: none;
}