Adds icon to goal form

This commit is contained in:
Mouse Reeve 2021-01-16 08:54:16 -08:00
parent 3a7271309e
commit 11ea829657
7 changed files with 87 additions and 62 deletions

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 26 KiB

View file

@ -148,11 +148,11 @@ input.toggle-control:checked ~ .modal.toggle-content {
position: absolute; position: absolute;
} }
.quote blockquote:before { .quote blockquote:before {
content: "\e905"; content: "\e906";
top: 0; top: 0;
left: 0; left: 0;
} }
.quote blockquote:after { .quote blockquote:after {
content: "\e904"; content: "\e905";
right: 0; right: 0;
} }

View file

@ -1,10 +1,10 @@
@font-face { @font-face {
font-family: 'icomoon'; font-family: 'icomoon';
src: url('fonts/icomoon.eot?rd4abb'); src: url('fonts/icomoon.eot?uh765c');
src: url('fonts/icomoon.eot?rd4abb#iefix') format('embedded-opentype'), src: url('fonts/icomoon.eot?uh765c#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?rd4abb') format('truetype'), url('fonts/icomoon.ttf?uh765c') format('truetype'),
url('fonts/icomoon.woff?rd4abb') format('woff'), url('fonts/icomoon.woff?uh765c') format('woff'),
url('fonts/icomoon.svg?rd4abb#icomoon') format('svg'); url('fonts/icomoon.svg?uh765c#icomoon') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: block; font-display: block;
@ -25,81 +25,102 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-dots-three-vertical:before { .icon-sparkle:before {
content: "\e918"; content: "\e91a";
} }
.icon-check:before { .icon-warning:before {
content: "\e917"; content: "\e91b";
} }
.icon-dots-three:before { .icon-book:before {
content: "\e916";
}
.icon-envelope:before {
content: "\e900"; content: "\e900";
} }
.icon-arrow-right:before { .icon-bookmark:before {
content: "\e91c";
}
.icon-envelope:before {
content: "\e901"; content: "\e901";
} }
.icon-bell:before { .icon-arrow-right:before {
content: "\e902"; content: "\e902";
} }
.icon-x:before { .icon-bell:before {
content: "\e903"; content: "\e903";
} }
.icon-quote-close:before { .icon-x:before {
content: "\e904"; content: "\e904";
} }
.icon-quote-open:before { .icon-quote-close:before {
content: "\e905"; content: "\e905";
} }
.icon-image:before { .icon-quote-open:before {
content: "\e906"; content: "\e906";
} }
.icon-pencil:before { .icon-image:before {
content: "\e907"; content: "\e907";
} }
.icon-list:before { .icon-pencil:before {
content: "\e908"; content: "\e908";
} }
.icon-unlock:before { .icon-list:before {
content: "\e909"; content: "\e909";
} }
.icon-globe:before { .icon-unlock:before {
content: "\e90a"; content: "\e90a";
} }
.icon-lock:before { .icon-unlisted:before {
content: "\e90a";
}
.icon-globe:before {
content: "\e90b"; content: "\e90b";
} }
.icon-chain-broken:before { .icon-public:before {
content: "\e90b";
}
.icon-lock:before {
content: "\e90c"; content: "\e90c";
} }
.icon-chain:before { .icon-followers:before {
content: "\e90c";
}
.icon-chain-broken:before {
content: "\e90d"; content: "\e90d";
} }
.icon-comments:before { .icon-chain:before {
content: "\e90e"; content: "\e90e";
} }
.icon-comment:before { .icon-comments:before {
content: "\e90f"; content: "\e90f";
} }
.icon-boost:before { .icon-comment:before {
content: "\e910"; content: "\e910";
} }
.icon-arrow-left:before { .icon-boost:before {
content: "\e911"; content: "\e911";
} }
.icon-arrow-up:before { .icon-arrow-left:before {
content: "\e912"; content: "\e912";
} }
.icon-arrow-down:before { .icon-arrow-up:before {
content: "\e913"; content: "\e913";
} }
.icon-home:before { .icon-arrow-down:before {
content: "\e914"; content: "\e914";
} }
.icon-local:before { .icon-home:before {
content: "\e915"; content: "\e915";
} }
.icon-local:before {
content: "\e916";
}
.icon-dots-three:before {
content: "\e917";
}
.icon-check:before {
content: "\e918";
}
.icon-dots-three-vertical:before {
content: "\e919";
}
.icon-search:before { .icon-search:before {
content: "\e986"; content: "\e986";
} }

View file

@ -100,7 +100,7 @@
<article class="card"> <article class="card">
<header class="card-header"> <header class="card-header">
<h3 class="card-header-title has-background-primary has-text-white"> <h3 class="card-header-title has-background-primary has-text-white">
{{ year }} reading goal <span class="icon icon-book is-size-3 mr-2" aria-hidden="true"></span> {{ year }} reading goal
</h3> </h3>
</header> </header>
<section class="card-content content"> <section class="card-content content">