Skip to content

Commit

Permalink
feat: Polish icon gallery
Browse files Browse the repository at this point in the history
jerelmiller committed Jun 16, 2020
1 parent b0cf375 commit 7020f7a
Showing 2 changed files with 15 additions and 13 deletions.
10 changes: 5 additions & 5 deletions src/components/IconGallery.module.scss
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
.iconFilter {
padding: 1rem;
padding-left: 0;
}

.search {
width: 60%;
padding: 0.5rem;
}
.search {
width: 60%;
padding: 0.75rem 1rem;
height: auto;
}

.iconGrid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(4rem, 1fr));
grid-gap: 0.5rem;
}
18 changes: 10 additions & 8 deletions src/components/IconReference.module.scss
Original file line number Diff line number Diff line change
@@ -1,15 +1,18 @@
.button {
border: 1px solid var(--color-neutrals-100);
border: 1px solid transparent;
background: var(--color-white);
border-radius: 2px;
border-radius: 4px;
text-align: center;
padding: 0.2rem;
padding: 1rem;
position: relative;
transition: all 0.4s;
transition: all 0.3s;

&:hover {
cursor: pointer;
border: 1px solid var(--color-neutrals-300);
border: 1px solid var(--color-neutrals-200);
box-shadow: 0 2px 6px 0 rgba(22, 38, 59, 0.14);
z-index: 1;

.iconName {
visibility: visible;
}
@@ -18,19 +21,18 @@

.icon {
display: inline-block;
width: 70%;
width: 100%;
}

.iconName {
visibility: hidden;
background-color: var(--color-neutrals-900);
opacity: 0.8;
color: var(--color-white);
text-align: center;
border-radius: 3px;
padding: 0.25rem;
position: absolute;
font-size: 0.85rem;
top: 90%;
top: calc(100% + 0.5rem);
z-index: 1;
}

0 comments on commit 7020f7a

Please sign in to comment.