_sass/another/_feed.scss in another-theme-0.0.1 vs _sass/another/_feed.scss in another-theme-1.0.0

- old
+ new

@@ -1,57 +1,183 @@ -.posts-feed { +.posts-feed, .ais-Hits-list { margin-bottom: 0.5rem; - .post-node { - font-weight: 400; - border-bottom: 1px solid rgba(var(--rgb-primary), 0.055); + .post-node, .ais-Hits-item { + border-bottom: 1px solid rgba(var(--rgb-primary), 0.075); - &:first-child{ - border-top: 1px solid rgba(var(--rgb-primary), 0.1); - } - .post-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - flex-direction: column; border-bottom: 0; padding: 1rem 0; - @media (min-width: $medium-breakpoint) { - flex-direction: row !important; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - } - .post-title { @include properties($body-sm); @media (min-width: $medium-breakpoint) { @include properties($body-md); } } .post-date { @include properties($body-xs); - margin-left: 0; opacity: 0.75; - - @media (min-width: $medium-breakpoint) { - @include properties($body-sm); - margin-left: 1rem; - } } } } } .next-post { @include properties($body-sm); - font-size: 65% !important; - font-weight: 600 !important; - text-transform: uppercase; + font-weight: 500 !important; + text-transform: capitalize; border-bottom: 0; +} + +.ais-SearchBox{ + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.ais-SearchBox-form { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 40px; + padding-left: 40px; + padding-right: 136px; + background-color: rgba(var(--rgb-primary), 0.1); + color: inherit; + border-radius: 4px; + align-content: center; +} + +.ais-SearchBox-input { + @include properties($body-md); + padding: 0; + width: 100%; + height: 100%; + background-color: transparent; + color: rgba(var(--rgb-primary), 0.7); + outline: 0; + border: 0; +} + +.ais-SearchBox-reset { + position: absolute; + right: 10px; + margin-right: 120px; + color: rgba(var(--rgb-primary), 0.7); + opacity: .8; + fill: currentColor; +} + +.ais-SearchBox-submit{ + display: none; +} + +.ais-Container{ + position: relative; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.ais-SearchIcon{ + z-index: 10; + width: 12px; + height: 12px; + left: 0; + position: absolute; + margin-left: 16px; +} + +.ais-Searsh-svg{ + fill: currentColor; + display: block; +} + +.ais-PoweredBy{ + position: absolute; + right: 0; + margin-right: 10px; +} + +.ais-PoweredBy-link{ + display: block; + border-bottom: none; +} + +.ais-PoweredBy-logo { + display: block; + color: rgba(var(--rgb-primary), 0.7); + width: 96px !important; + + path:first-child, path:last-child { + fill: currentColor !important; + } +} + +.ais-Pagination { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.ais-Pagination-list { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + list-style: none; + padding: 0; + margin: 0 auto; + margin-top: -2px; + margin-bottom: -2px; +} + +.ais-Pagination-item { + display: block; + margin: 2px; + background: rgba(var(--rgb-primary), 0.06); + color: rgba(var(--rgb-primary), 0.6); + padding: 2px; + border-radius: 5px; +} + +.ais-Pagination-item--selected { + background: rgba(var(--rgb-primary), 0.1); + color: rgba(var(--rgb-primary), 0.6); + font-weight: 600; +} + +.ais-Pagination-item--disabled { + opacity: 0.5; +} + +.ais-Pagination-link { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + background-color: transparent; + color: inherit; + width: 32px; + height: 32px; + text-decoration: none; + border: 0; + font-size: 12px; }