Give each service its own page
A service now has its address, like a project: icon, tagline, what the collective does and how, the projects it was delivered on, what the people it was for said, and the technologies behind it. The landing's service cards link to it. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
31
landing/src/app/ui/service-detail.scss
Normal file
31
landing/src/app/ui/service-detail.scss
Normal file
@@ -0,0 +1,31 @@
|
||||
@use './detail';
|
||||
|
||||
:host {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.service-icon {
|
||||
display: block;
|
||||
margin-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
// A textarea's line breaks are the writer's paragraphs.
|
||||
.service-text {
|
||||
margin: 0;
|
||||
font-size: 1.0625rem;
|
||||
line-height: 1.7;
|
||||
white-space: pre-line;
|
||||
}
|
||||
|
||||
.service-grid {
|
||||
display: grid;
|
||||
gap: 1.25rem;
|
||||
|
||||
@media (min-width: 640px) {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
}
|
||||
|
||||
.service-technologies {
|
||||
margin-top: 0;
|
||||
}
|
||||
Reference in New Issue
Block a user