johnride/nationtech-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: Fix alternating blocks on large screens

Browse Source
This commit is contained in:
jeangab 2024-04-12 16:05:21 -04:00
parent f4b284606e
commit 1f057819bf
3 changed files with 274 additions and 433 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

658
sreez/Cargo.lock generated
View File

File diff suppressed because it is too large Load Diff

2
sreez/Cargo.toml
View File

@ -15,7 +15,7 @@ leptos = { version = "0.6", features = ["nightly"] }
leptos_meta = { version = "0.6", features = ["nightly"] } leptos_meta = { version = "0.6", features = ["nightly"] }
leptos_actix = { version = "0.6", optional = true } leptos_actix = { version = "0.6", optional = true }
leptos_router = { version = "0.6", features = ["nightly"] } leptos_router = { version = "0.6", features = ["nightly"] }
wasm-bindgen = "=0.2.89" wasm-bindgen = "=0.2.92"
[features] [features]
csr = ["leptos/csr", "leptos_meta/csr", "leptos_router/csr"] csr = ["leptos/csr", "leptos_meta/csr", "leptos_router/csr"]

47
sreez/style/main.scss
View File

@ -313,29 +313,6 @@ ol.huge-list-markers li{
} }
} }
.lr-sections {
> div {
margin-right: 0;
display: flex;
flex-direction: row;
margin-left: 0;
margin-right: 0;
width: 100%;
min-width: 100%;
justify-content: space-around;
text-align: left;
align-items: center;
.card-icon {
padding-left: 7rem;
padding-right: 7rem;
}
}
> div:nth-child(even) {
flex-direction: row-reverse;
}
}
.material-symbols-outlined { .material-symbols-outlined {
font-variation-settings: font-variation-settings:
@ -377,4 +354,28 @@ ol.huge-list-markers li{
margin-left: 3rem; margin-left: 3rem;
margin-right: 3rem; margin-right: 3rem;
} }
.lg-lr-sections {
> div {
margin-right: 0;
display: flex;
flex-direction: row;
margin-left: 0;
margin-right: 0;
width: 100%;
min-width: 100%;
justify-content: space-around;
text-align: left;
align-items: center;
.card-icon {
padding-left: 7rem;
padding-right: 7rem;
}
}
> div:nth-child(even) {
flex-direction: row-reverse;
}
}
} }