Skip to content

Commit

Permalink
updated icon style to not use disallowed property, and to use discret…
Browse files Browse the repository at this point in the history
…e pixel values
  • Loading branch information
michaelchadwick committed Jun 13, 2024
1 parent d2aa9cb commit 2fb40ba
Show file tree
Hide file tree
Showing 2 changed files with 13 additions and 9 deletions.
1 change: 1 addition & 0 deletions packages/frontend/app/styles/components/ilios-header.scss
Original file line number Diff line number Diff line change
Expand Up @@ -38,6 +38,7 @@
}
.user-guide-link {
grid-area: guide;
height: 100%;
}

.global-search-box {
Expand Down
21 changes: 12 additions & 9 deletions packages/frontend/app/styles/components/user-guide-link.scss
Original file line number Diff line number Diff line change
@@ -1,27 +1,30 @@
@use "../ilios-common/mixins" as cm;
@use "../ilios-common/colors" as c;
@use "../mixins" as m;

.user-guide-link {
@include m.header-menu;
margin-left: 0.5rem;

@include cm.for-tablet-and-up {
margin-left: 0.25rem;
margin-right: 0.5rem;
}

@include cm.for-phone-only {
/* stylelint-disable property-disallowed-list */
font-size: 3.5vw;
}

a {
svg {
align-items: center;
color: c.$white;
display: flex;
height: 1.85em;
width: 1.85em;
height: 30px;
width: 30px;
}
}

@include cm.for-phone-only {
a {
svg {
height: 24px;
width: 24px;
}
}
}
}

0 comments on commit 2fb40ba

Please sign in to comment.