autonomic-cooperative/cotech-website
3
0
Fork 2
mirror of https://git.coop/cotech/website.git synced 2025-12-18 07:27:32 +00:00
Code Issues 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);
}
.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 {
display: flex;
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
fully owned and controlled by the people who do the work.</p>
<a href="#">Hire our coops</a>
<a href="#">Join the network</a>
<a class="btn" href="#">Hire our coops</a>
<a class="btn" href="#">Join the network</a>
</section>
<section class="stack">