From 1c347022bfb17e004a46522a727188f201201ba6 Mon Sep 17 00:00:00 2001 From: obed vega Date: Thu, 19 Oct 2023 09:22:37 -0700 Subject: [PATCH] Move font from Ridley Grotesk to Inter --- supplemental_ui/partials/article.hbs | 28 +--- supplemental_ui/partials/head-meta.hbs | 198 +------------------------ supplemental_ui/partials/landing.hbs | 24 +-- 3 files changed, 18 insertions(+), 232 deletions(-) diff --git a/supplemental_ui/partials/article.hbs b/supplemental_ui/partials/article.hbs index 2310cb4b1..d752f5cfc 100644 --- a/supplemental_ui/partials/article.hbs +++ b/supplemental_ui/partials/article.hbs @@ -21,14 +21,6 @@ Last updated: {{page.attributes.revdate}}

margin-bottom: 20px; } } -/* -.nav{ - top: 4rem; - position: fixed; - width: 15rem; - height: calc(100vh - 4rem); -} -*/ .article { /* background-color: #f5f5f5;*/ @@ -39,22 +31,8 @@ Last updated: {{page.attributes.revdate}}

.search-container { display: flex; height: 48px; -}/* - table { - background-color: transparent; - border: none; - } - - table td, table th { - padding: 12px; - border: none; - font-size: 18px; - text-align: left; - }*/ - /* -pre { - padding: 0rem; - background: transparent; } -*/ +.nav{ + background: #f5f5f5; +} \ No newline at end of file diff --git a/supplemental_ui/partials/head-meta.hbs b/supplemental_ui/partials/head-meta.hbs index 25bdf438f..0f0bc93b8 100644 --- a/supplemental_ui/partials/head-meta.hbs +++ b/supplemental_ui/partials/head-meta.hbs @@ -75,13 +75,6 @@ body { } -/* -body.menu-open { - overflow: hidden; - position: relative; -} -*/ - article a[href^="http"][target="_blank"]::after, article a[href^="https://"][target="_blank"]::after { content: ""; @@ -204,59 +197,7 @@ button { .navbar-menu:not(.is-active) { display: block; } -/* - .header-nav-mobile__menu-icon { - width: 54px; - height: 54px; - text-align: center; - display: flex; - align-items: center; - color: #394951; - border-left: 1px solid #e5e5e5; - justify-content: center; - position: relative; - } - - .header-nav-mobile__menu-icon span { - position: absolute; - top: 0; - bottom: 0; - height: 2px; - width: 24px; - left: 0; - right: 0; - margin: auto; - background: #394951; - transition: all 0.25s ease; - } - */ -/* - .header-nav-mobile__menu-icon span:first-of-type { - transform: translateY(-6px); - } - - .header-nav-mobile__menu-icon span:nth-of-type(4) { - transform: translateY(6px); - } - - .header-nav-mobile__menu-icon.active span:first-of-type { - transform: translateY(-12px); - opacity: 0; - } - - .header-nav-mobile__menu-icon.active span:nth-of-type(2) { - transform: rotate(45deg); - } - .header-nav-mobile__menu-icon.active span:nth-of-type(3) { - transform: rotate(-45deg); - } - - .header-nav-mobile__menu-icon.active span:nth-of-type(4) { - transform: translateY(12px); - opacity: 0; - } -*/ .header-nav-mobile__menu-item { display: block; transition: all 0.25s ease; @@ -386,41 +327,6 @@ button { /* Begin DESKTOP ONLY Styles */ @media screen and (min-width: 1024px) { - /* - body{ - margin-top: 80px; - }*/ - /* - .navbar { - height: 88px; - background: #fff; - color: #00233C; - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: flex-end; - font-size: 16px; - } - - .navbar-top { - border: none; - width: auto; - } - - .navbar-top, - .navbar-menu { - height: 70px; - } - - .navbar-logo { - margin: 0px 16px 0px 100px; - } - */ -/* - .header-nav-mobile__menu-icon { - display: none; - } -*/ .header-nav-mobile__menu { padding-left: 210px; flex-grow: 1; @@ -488,48 +394,6 @@ button { padding: 1px 0; } /*Style for drop down menu*/ - /* - .header-nav-mobile__menu-item.has-sub-items:hover .ul-color{ - display: block; - } - .ul-color{ - background-color: #f9f9f9; - position: absolute; - min-width: 235px; - box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); - z-index: 1; - border-radius: 8px; - } - .dropdown-item { - font-size: 16px; - line-height: 20px; - letter-spacing: 0.25px; - color: #00233C; - background-color: #fff; - height: 40px; - display: flex; - align-items: center; - padding: 12px 16px; - border-radius: 8px; - font-family: 'Inter-SemiBold'; - } - .dropdown-item:hover { - background-color: #f4f4f4; - } - .navbar-arrow { - max-width: 50% !important; - margin-top: -6px; - margin-left: 6px; - margin-right: -9px; - } - .i-alignment{ - display: inline-flex; - } - .ext-symbol{ - left: 200px; - position: absolute; - } - */ } /* End DESKTOP ONLY Styles */ @@ -585,52 +449,7 @@ button { width: auto; } } -/* -.page-blackout { - opacity: 0; - transform: translateX(-100%); - position: fixed; - width: 100%; - height: 100%; - top: 54px; - left: 0; - background: #000; - pointer-events: none; - transition: opacity .5s ease; - z-index: -1; -}*/ -/* -.page-blackout.active { - opacity: .4; - transform: translateX(0); - pointer-events: all; - z-index: 3; -} -*/ -/* -.navbar-item { - font-family: Poppins-Bold; - font-size: 16px; - color: #000; - text-transform: uppercase; - padding: 0px 20px; -} -*/ -/* -.navbar-item .navbar-link { - line-height: inherit; -} - -.navbar-end .navbar-item.has-dropdown:hover .navbar-link, -.navbar-end .navbar-link:hover, -.navbar-end>a.navbar-item:hover { - background: initial; -} -.nav { - background-color: initial; -} -*/ @media screen and (min-width: 1024px) { .navbar-end .navbar-link, .navbar-end>.navbar-item { @@ -721,7 +540,7 @@ aside.toc.sidebar { @media screen and (min-width: 1024px) { .toolbar { - top: 115px; + margin-top: -46px; height: 60px; position: sticky; } @@ -839,23 +658,12 @@ aside.toc.sidebar { visibility: collapse; } @media screen and (max-width: 1024px){ - /* - .nav .panels { - background-color: #f5f5f5; - margin-top: 35px; - }*/ + .nav { top: 4.5rem; } } -/* -@media screen and (min-width: 1024px){ - .nav .panels { - background-color: #f5f5f5; - margin-top: 50px; - } -} -*/ + .panels { padding-left: 16px; diff --git a/supplemental_ui/partials/landing.hbs b/supplemental_ui/partials/landing.hbs index 47ad51960..7a37aaabb 100644 --- a/supplemental_ui/partials/landing.hbs +++ b/supplemental_ui/partials/landing.hbs @@ -443,7 +443,7 @@ } .call-to-action-text .header { - font-family: Arial, helvetica, sans-serif; + font-family: Inter,sans-serif; font-size: 20px; line-height: 28px; letter-spacing: 0.15px; @@ -451,7 +451,7 @@ } .call-to-action-text .short-description { - font-family: Arial, helvetica, sans-serif; + font-family: Inter,sans-serif; font-style: normal; font-weight: normal; font-size: 16px; @@ -466,7 +466,7 @@ } .search-input-container #search-input { - font-family: Arial, helvetica, sans-serif; + font-family: Inter,sans-serif; width: 100%; } @@ -477,14 +477,14 @@ } .tile-container .title { - font-family: RidleyGrotesk, Arial, Helvetica, sans-serif; + font-family: Inter,sans-serif; font-size: 48px; line-height: 64px; color: rgba(0, 0, 0, 0.87); } .tile-section-title { - font-family: RidleyGrotesk, Arial, Helvetica, sans-serif; + font-family: Inter,sans-serif; font-style: normal; font-weight: 600; font-size: 20px; @@ -547,7 +547,7 @@ .tile-title, .tile-tags { - font-family: Arial, helvetica, sans-serif; + font-family: Inter,sans-serif; font-style: normal; font-weight: normal; font-size: 16px; @@ -556,7 +556,7 @@ } .tile-content { - font-family: Arial, helvetica, sans-serif; + font-family: Inter,sans-serif; font-style: normal; font-weight: normal; font-size: 14px; @@ -570,7 +570,7 @@ .tag { background: #E0E0E0; border-radius: 16px; - font-family: Arial; + font-family: Inter,sans-serif; font-style: normal; font-weight: normal; font-size: 14px; @@ -585,7 +585,7 @@ } .tile-action { - font-family: RidleyGrotesk, Arial, Helvetica, sans-serif; + font-family: Inter,sans-serif; font-size: 14px; line-height: 16px; letter-spacing: 0.5px; @@ -605,7 +605,7 @@ border-radius: 8px; text-transform: uppercase; text-decoration: none; - font-family: RidleyGrotesk, Arial, Helvetica, sans-serif; + font-family: Inter,sans-serif; font-size: 14px; line-height: 16px; letter-spacing: 0.5px; @@ -631,7 +631,7 @@ border-radius: 8px; text-transform: uppercase; text-decoration: none; - font-family: RidleyGrotesk, Arial, Helvetica, sans-serif; + font-family: Inter,sans-serif; font-size: 14px; line-height: 16px; letter-spacing: 0.5px; @@ -666,7 +666,7 @@ .question-action { width: 280px; - font-family: RidleyGrotesk, Arial, Helvetica, sans-serif; + font-family: Inter,sans-serif; font-size: 14px; line-height: 16px; letter-spacing: 0.5px;