femmefaytale/cotech-website
0
0
Fork 0
forked from autonomic-cooperative/cotech-website
Code Issues Pull Requests Projects Releases Wiki Activity

Style the buttons

Browse Source
This commit is contained in:
Chris Lowis
2025-12-15 12:32:26 +00:00
parent 7b8f5c9870
commit 2ac1bd8bd7
2 changed files with 24 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
assets/css/app.css
View File

@ -186,6 +186,28 @@ section {
margin-block-start: var(--space, 1.4rem); margin-block-start: var(--space, 1.4rem);
} }
.btn {
padding: var(--space-sm) var(--space-lg);
background: var(--cotech-white);
color: var(--cotech-black);
text-decoration: none;
font-family: "open_sansbold", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
border-radius: var(--space-sm);
width: fit-content;
display: flex;
align-items: center;
gap: var(--space-sm);
}
.btn::after {
content: " →";
}
.btn:hover {
background: var(--cotech-black);
color: var(--cotech-white);
}
.header { .header {
display: flex; display: flex;
padding: var(--space-lg) var(--space-md); padding: var(--space-lg) var(--space-md);

4
index.html
View File

@ -9,8 +9,8 @@ layout: default
<p class="large">CoTech is a UK-wide network of creative technology companies <p class="large">CoTech is a UK-wide network of creative technology companies
fully owned and controlled by the people who do the work.</p> fully owned and controlled by the people who do the work.</p>
<a href="#">Hire our coops</a> <a class="btn" href="#">Hire our coops</a>
<a href="#">Join the network</a> <a class="btn" href="#">Join the network</a>
</section> </section>
<section class="stack"> <section class="stack">