diff --git a/source/_patterns/04-components/catalog-search/_catalog-search.scss b/source/_patterns/04-components/catalog-search/_catalog-search.scss index 063063a7585d7093e57f71198ff155db09361f68..b2ee8d6a1029f1cc36dd5f5d94ee7e9b736565ee 100644 --- a/source/_patterns/04-components/catalog-search/_catalog-search.scss +++ b/source/_patterns/04-components/catalog-search/_catalog-search.scss @@ -4,6 +4,8 @@ .catalog-search-form { display:grid; grid-template-columns: auto 3rem; + padding-left:0; + padding-right:0; position: relative; .form-text { border-bottom-right-radius: 0; diff --git a/source/_patterns/04-components/tabs/_tabs.scss b/source/_patterns/04-components/tabs/_tabs.scss index 9d6bf9e05f7afea4019dba1b320ff930092fb15e..5f9984e2bcbf4f18d1ce52932edb270075b215a3 100644 --- a/source/_patterns/04-components/tabs/_tabs.scss +++ b/source/_patterns/04-components/tabs/_tabs.scss @@ -1,8 +1,16 @@ // @file // Styles for UW Tabs. -.uw-tabs{ +.uw-tabs { margin:gesso-spacing(sm) auto; + + &.catalog { + + @include medium { + padding: 0; + } + } + width: 100%; .hide-js{ @@ -20,9 +28,27 @@ .uw-tab { @include flexbox(); + @supports (scrollbar-width: none) { + scrollbar-width: none; + } + + overflow-y: scroll; + + @include medium { + overflow-y: initial; + } + html:not(.js) &{ display:none; } + + a { + white-space: nowrap; + } +} + +.uw-tab::-webkit-scrollbar { + display: none; } // button @@ -32,10 +58,10 @@ font-weight:inherit; margin:0 0 0 0.15rem; max-width: inherit; - padding: 0.5rem 1rem; + padding: 1rem 2rem; @include medium{ border-bottom: 0.4rem solid #fff; - font-size: gesso-font-size(1); + font-weight:inherit; margin:0 0 0 0.15rem; max-width: inherit;