gaiety/pronoun-monster
gaiety/pronoun-monster
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ham-fisted svg effort

Browse source
This commit is contained in:
Angela Quinton 2023-03-13 23:00:23 -04:00
parent 210fbbc011
commit a7f5e2eedc
3 changed files with 15 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/app.css
View file

@ -8,6 +8,7 @@
--stroke: #D7DCDA; /* Sage/Light/7 */
--text-shout: #164430; /* Green/Dark/6 */
--text-murmur: #113123; /* Green/Dark/4 */
--icon-dark: #236E4A; /* Green/Dark/8 */
}
body {
@ -47,6 +48,10 @@ footer {
background-color: var(--callout);
}
.svg-dark-stroke {
stroke: var(--icon-dark);
}
@media (min-width: 1024px) {
.t-row:not(:last-child) {

3
src/svg/moon.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 6C9 10.9706 13.0294 15 18 15C18.9093 15 19.787 14.8655 20.6144 14.6147C19.4943 18.3103 16.0613 20.9999 12 20.9999C7.02944 20.9999 3 16.9707 3 12.0001C3 7.93883 5.69007 4.50583 9.38561 3.38574C9.13484 4.21311 9 5.09074 9 6Z" stroke="textColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 423 B

7
src/views/partials/header.handlebars
View file

@ -1,3 +1,8 @@
<div class="p-10 lg:px-[60px]">
<div class="p-10 lg:px-[60px] flex justify-between">
<h2 class="text-xl"><a href="/">{{{siteName}}}</a></h2>
<button>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 6C9 10.9706 13.0294 15 18 15C18.9093 15 19.787 14.8655 20.6144 14.6147C19.4943 18.3103 16.0613 20.9999 12 20.9999C7.02944 20.9999 3 16.9707 3 12.0001C3 7.93883 5.69007 4.50583 9.38561 3.38574C9.13484 4.21311 9 5.09074 9 6Z" class="svg-dark-stroke" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>