DeCentN2Madness/aia-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(styles): move service-page rules into a dedicated pages stylesheet

Browse Source 
- keep blog.css focused on blog/article styling only
- move the existing .service-page rules unchanged into pages.css
- import pages.css from the shared global stylesheet
- preserve the current service-page layout and responsive behavior
This commit is contained in:
DeCentN2Madness
2026-06-22 11:08:22 -07:00
parent 4a7045a1cb
commit a3f666c974
3 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
www/src/styles/blog.css
-5
View File
@@ -9,14 +9,9 @@
.blog-post-body blockquote p { color: var(--color-primary); margin: 0 0 1.55rem; } .blog-post-body blockquote p { color: var(--color-primary); margin: 0 0 1.55rem; }
.source-page { max-width: 980px; } .source-page { max-width: 980px; }
.source-page > h2:first-of-type { margin-top: 0; } .source-page > h2:first-of-type { margin-top: 0; }
.service-page > p > img, .service-page > img { float: right; margin: .5rem 0 1.5rem 2rem; max-height: 230px; max-width: 300px; object-fit: cover; }
.service-page h3 { font-size: 2rem; }
.blog-post-body { max-width: 960px; } .blog-post-body { max-width: 960px; }
.blog-post-body p { margin-bottom: 1.55rem; } .blog-post-body p { margin-bottom: 1.55rem; }
.blog-post-body table { border: 1px solid #d7d9e3; border-collapse: collapse; display: table; margin: 0 0 1.4rem; width: 100%; } .blog-post-body table { border: 1px solid #d7d9e3; border-collapse: collapse; display: table; margin: 0 0 1.4rem; width: 100%; }
.blog-post-body td, .blog-post-body th { border: 1px solid #d7d9e3; padding: 10px; } .blog-post-body td, .blog-post-body th { border: 1px solid #d7d9e3; padding: 10px; }
.blog-post-body th { background: var(--color-primary); color: #fff; } .blog-post-body th { background: var(--color-primary); color: #fff; }
.blog-post-body td { background: #fff; color: var(--color-primary); } .blog-post-body td { background: #fff; color: var(--color-primary); }
@media (max-width: 700px) {
.service-page > p > img, .service-page > img { float: none; margin: 1.5rem 0; max-width: 100%; width: 100%; }
}
www/src/styles/global.css
+1
View File
@@ -4,3 +4,4 @@
@import './components.css'; @import './components.css';
@import './forms.css'; @import './forms.css';
@import './blog.css'; @import './blog.css';
@import './pages.css';
www/src/styles/pages.css
+5
View File
@@ -0,0 +1,5 @@
.service-page > p > img, .service-page > img { float: right; margin: .5rem 0 1.5rem 2rem; max-height: 230px; max-width: 300px; object-fit: cover; }
.service-page h3 { font-size: 2rem; }
@media (max-width: 700px) {
.service-page > p > img, .service-page > img { float: none; margin: 1.5rem 0; max-width: 100%; width: 100%; }
}