Skip to content

Commit

Permalink
Update ucb-brand-bar.css
Browse files Browse the repository at this point in the history
Adding consistent `max-width` and `width` to the logo's link container allows for the SVG to scale properly throughout all browsers.
  • Loading branch information
jnicholCU committed Nov 26, 2024
1 parent 6836cc8 commit 0342983
Showing 1 changed file with 19 additions and 0 deletions.
19 changes: 19 additions & 0 deletions css/ucb-brand-bar.css
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,17 @@
padding: 1rem 0;
}

.ucb-home-link {
width: 100%;
max-width: 200px;
min-width: 160px;
height: auto;
}

.ucb-home-link:has(.ucb-homepage) {
max-width: 320px;
}

.ucb-brand-bar img.ucb-logo {
width: 100%;
max-width: 200px;
Expand All @@ -28,6 +39,14 @@
}

@media screen and (min-width: 768px) {
.ucb-home-link {
max-width: 240px;
}

.ucb-home-link:has(.ucb-homepage) {
max-width: 320px;
}

.ucb-brand-bar img.ucb-logo {
max-width: 240px;
}
Expand Down

0 comments on commit 0342983

Please sign in to comment.