diff --git a/src/css/nav.css b/src/css/nav.css index 2605e022..721bf62d 100644 --- a/src/css/nav.css +++ b/src/css/nav.css @@ -30,10 +30,12 @@ } .components_group-title { - padding: 15px 20px 15px 60px; - text-transform: capitalize; + padding: 10px 20px 10px 50px; + text-transform: uppercase; font-weight: 600; - background: #d9ecfd url(../img/server-icon.png) no-repeat 20px center /35px; + font-family: "Source Sans Pro", sans-serif; + font-size: 1.25rem; + background: #d9ecfd url(../img/server-icon.png) no-repeat 17px center /25px; } .components_group-title a { @@ -53,7 +55,7 @@ .component_list-version { background: #eaebf1; - padding: 0.875rem 1.375rem; + padding: 1.25rem; display: flex; justify-content: space-between; align-items: center; @@ -61,14 +63,20 @@ .version_list { height: 30px; + border-radius: 8px; + padding: 0 10px; + box-sizing: border-box; + width: 65px; + font-weight: 600; } .component_list_title { font-weight: 600; + font-size: 1.125rem; } .menu_row { - padding: 0.475rem 1.375rem; + padding: 0.475rem 0 0.57rem 1.375rem; margin: 0; list-style: none; } @@ -78,7 +86,11 @@ } .menu_list { - padding: 0.25rem 0; + padding: 1.25rem 0; +} + +.menu_list:last-child { + padding-bottom: 0; } .menu_line { @@ -86,33 +98,19 @@ } .menu_list > .menu_line { - font-size: 1rem; - line-height: 1.5rem; + font-size: 1.125rem; + line-height: 1; } .menu_list[data-depth="0"] > .menu_line { font-size: 1.25rem; - line-height: 1.75rem; + line-height: 1; font-weight: var(--weight-semibold); color: var(--brand-color-gray1); } -/* -.menu_list.is-parent:not([data-depth="0"]) > .menu_line::before { - content: ""; - cursor: pointer; - display: block; - position: absolute; - width: 0; - height: 0; - border-top: 6px solid transparent; - border-bottom: 6px solid transparent; - border-left: 10px solid var(--color-brand-gray5); -} -*/ - .menu_list.is-current-page > .menu_line { - background: #4287d60f; + /* background: #4287d60f; */ border-right: 4px solid rgba(66, 135, 214, 0.44); font-weight: var(--weight-semibold); } @@ -124,6 +122,7 @@ word-break: break-word; font-family: 'Source Sans Pro', sans-serif; text-decoration: none; + /* padding: 0.25rem 0; */ } a.menu_link {