another-theme 0.0.1 → 1.0.0

data/_sass/another/_bootstrap-variables.scss

@@ -0,0 +1,67 @@
+// Variables
+// Options
+//
+// Quickly modify global styling by enabling or disabling optional features.
+
+$enable-caret:                                true !default;
+$enable-rounded:                              true !default;
+$enable-shadows:                              false !default;
+$enable-gradients:                            false !default;
+$enable-transitions:                          true !default;
+$enable-prefers-reduced-motion-media-query:   true !default;
+$enable-grid-classes:                         true !default;
+$enable-pointer-cursor-for-buttons:           true !default;
+$enable-responsive-font-sizes:                false !default;
+$enable-validation-icons:                     true !default;
+$enable-deprecation-messages:                 true !default;
+
+// Grid breakpoints
+//
+// Define the minimum dimensions at which your layout will change,
+// adapting to different screen sizes, for use in media queries.
+
+$grid-breakpoints: (
+  xs: 0,
+  sm: 576px,
+  md: 768px,
+  lg: 992px,
+  xl: 1200px
+) !default;
+
+@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
+@include _assert-starts-at-zero($grid-breakpoints, "$grid-breakpoints");
+
+// Grid columns
+//
+// Set the number of columns and specify the width of the gutters.
+
+$grid-columns:                12 !default;
+$grid-gutter-width:           6.666666667% !default;
+
+
+// Container padding
+
+$container-padding-x: $grid-gutter-width / 2 !default;
+
+// Spacing
+//
+// Control the default styling of most Bootstrap elements by modifying these
+// variables. Mostly focused on spacing.
+// You can add more entries to the $spacers map, should you need more variation.
+
+$spacer: 1.5rem !default;
+$spacers: () !default;
+// stylelint-disable-next-line scss/dollar-variable-default
+$spacers: map-merge(
+  (
+    0: 0,
+    1: $spacer * .25,
+    2: $spacer * .5,
+    3: $spacer,
+    4: $spacer * 1.5,
+    5: $spacer * 3,
+  ),
+  $spacers
+);
+
+$negative-spacers: negativify-map($spacers) !default;

data/_sass/another/_buttons.scss

@@ -0,0 +1,51 @@
+.btn {
+  display: inline-flex;
+  margin: .25em 0;
+  padding: .5rem 1rem;
+  text-decoration: none;
+  text-align: center;
+  margin: 2px;
+  background: rgba(var(--rgb-primary), 0.06);
+  color: rgba(var(--rgb-primary), 0.6);
+  border-radius: 5px;
+  border: 0;
+
+  @include properties($body-md);
+
+  &:hover, &:active, &:focus {
+    background: rgba(var(--rgb-primary), 0.1);
+    color: rgba(var(--rgb-primary), 0.6);
+    outline: none;
+  }
+
+  &.active {
+    font-weight: 600;
+  }
+
+  &.disabled, &:disabled {
+    opacity: 0.5;
+  }
+
+  .icon {
+    margin: 0 4px 0 0;
+    stroke: currentColor;
+    stroke-width: 2;
+    stroke-linecap: round;
+    stroke-linejoin: round;
+    fill: none;
+    top: 2px;
+    position: relative;
+  }
+
+  &.btn-nav{
+    padding: 0;
+    margin: 0;
+    border-bottom: none;
+    background: transparent;
+    color: inherit;
+    &:hover, &:active, &:focus {
+      color: rgb(var(--rgb-primary), 0.75) !important;
+    }
+  }
+
+}

data/_sass/another/_feed.scss

@@ -1,31 +1,13 @@
-.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);
-
-    &:first-child{
-      border-top: 1px solid rgba(var(--rgb-primary), 0.1);
-    }
+  .post-node, .ais-Hits-item {
+    border-bottom: 1px solid rgba(var(--rgb-primary), 0.075);
 
     .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);
 
@@ -36,13 +18,7 @@
 
       .post-date {
         @include properties($body-xs);
-        margin-left: 0;
         opacity: 0.75;
-
-        @media (min-width: $medium-breakpoint) {
-          @include properties($body-sm);
-          margin-left: 1rem;
-        }
       }
     }
   }
@@ -50,8 +26,158 @@
 
 .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;
+}

data/_sass/another/_font-face.scss

@@ -169,117 +169,3 @@ explicitly, e.g.
   font-style: oblique 0deg 10deg;
   src: url("../font-files/Inter/Inter.var.woff2") format("woff2");
 }
-
-// IBM Plex Mono
-@font-face {
-  font-family: 'IBM Plex Mono';
-  font-style: normal;
-  font-weight: 700;
-  src: url("../font-files/IBM-Plex/IBMPlexMono-Bold.woff2") format("woff2"),
-       url("../font-files/IBM-Plex/IBMPlexMono-Bold.woff") format("woff");
-}
-@font-face {
-  font-family: 'IBM Plex Mono';
-  font-style: italic;
-  font-weight: 700;
-  src: url("../font-files/IBM-Plex/IBMPlexMono-BoldItalic.woff2") format("woff2"),
-       url("../font-files/IBM-Plex/IBMPlexMono-BoldItalic.woff") format("woff");
-}
-@font-face {
-  font-family: 'IBM Plex Mono';
-  font-style: normal;
-  font-weight: 200;
-  src: url("../font-files/IBM-Plex/IBMPlexMono-ExtraLight.woff2") format("woff2"),
-       url("../font-files/IBM-Plex/IBMPlexMono-ExtraLight.woff") format("woff");
-}
-@font-face {
-  font-family: 'IBM Plex Mono';
-  font-style: italic;
-  font-weight: 200;
-  src: url("../font-files/IBM-Plex/IBMPlexMono-ExtraLightItalic.woff2") format("woff2"),
-       url("../font-files/IBM-Plex/IBMPlexMono-ExtraLightItalic.woff") format("woff");
-}
-@font-face {
-  font-family: 'IBM Plex Mono';
-  font-style: italic;
-  font-weight: 400;
-  src: url("../font-files/IBM-Plex/IBMPlexMono-Italic.woff2") format("woff2"),
-       url("../font-files/IBM-Plex/IBMPlexMono-Italic.woff") format("woff");
-}
-@font-face {
-  font-family: 'IBM Plex Mono';
-  font-style: normal;
-  font-weight: 300;
-  src: url("../font-files/IBM-Plex/IBMPlexMono-Light.woff2") format("woff2"),
-       url("../font-files/IBM-Plex/IBMPlexMono-Light.woff") format("woff");
-}
-@font-face {
-  font-family: 'IBM Plex Mono';
-  font-style: italic;
-  font-weight: 300;
-  src: url("../font-files/IBM-Plex/IBMPlexMono-LightItalic.woff2") format("woff2"),
-       url("../font-files/IBM-Plex/IBMPlexMono-LightItalic.woff") format("woff");
-}
-@font-face {
-  font-family: 'IBM Plex Mono';
-  font-style: normal;
-  font-weight: 500;
-  src: url("../font-files/IBM-Plex/IBMPlexMono-Medium.woff2") format("woff2"),
-       url("../font-files/IBM-Plex/IBMPlexMono-Medium.woff") format("woff");
-}
-@font-face {
-  font-family: 'IBM Plex Mono';
-  font-style: italic;
-  font-weight: 500;
-  src: url("../font-files/IBM-Plex/IBMPlexMono-MediumItalic.woff2") format("woff2"),
-       url("../font-files/IBM-Plex/IBMPlexMono-MediumItalic.woff") format("woff");
-}
-@font-face {
-  font-family: 'IBM Plex Mono';
-  font-style: normal;
-  font-weight: 400;
-  src: url("../font-files/IBM-Plex/IBMPlexMono-Regular.woff2") format("woff2"),
-       url("../font-files/IBM-Plex/IBMPlexMono-Regular.woff") format("woff");
-}
-@font-face {
-  font-family: 'IBM Plex Mono';
-  font-style: normal;
-  font-weight: 600;
-  src: url("../font-files/IBM-Plex/IBMPlexMono-SemiBold.woff2") format("woff2"),
-       url("../font-files/IBM-Plex/IBMPlexMono-SemiBold.woff") format("woff");
-}
-@font-face {
-  font-family: 'IBM Plex Mono';
-  font-style: italic;
-  font-weight: 600;
-  src: url("../font-files/IBM-Plex/IBMPlexMono-SemiBoldItalic.woff2") format("woff2"),
-       url("../font-files/IBM-Plex/IBMPlexMono-SemiBoldItalic.woff") format("woff");
-}
-@font-face {
-  font-family: 'IBM Plex Mono';
-  font-style: normal;
-  font-weight: 450;
-  src: url("../font-files/IBM-Plex/IBMPlexMono-Text.woff2") format("woff2"),
-       url("../font-files/IBM-Plex/IBMPlexMono-Text.woff") format("woff");
-}
-@font-face {
-  font-family: 'IBM Plex Mono';
-  font-style: italic;
-  font-weight: 450;
-  src: url("../font-files/IBM-Plex/IBMPlexMono-TextItalic.woff2") format("woff2"),
-       url("../font-files/IBM-Plex/IBMPlexMono-TextItalic.woff") format("woff");
-}
-@font-face {
-  font-family: 'IBM Plex Mono';
-  font-style: normal;
-  font-weight: 100;
-  src: url("../font-files/IBM-Plex/IBMPlexMono-Thin.woff2") format("woff2"),
-       url("../font-files/IBM-Plex/IBMPlexMono-Thin.woff") format("woff");
-}
-@font-face {
-  font-family: 'IBM Plex Mono';
-  font-style: italic;
-  font-weight: 100;
-  src: url("../font-files/IBM-Plex/IBMPlexMono-ThinItalic.woff2") format("woff2"),
-       url("../font-files/IBM-Plex/IBMPlexMono-ThinItalic.woff2") format("woff");
-}

data/_sass/another/_footer.scss

@@ -0,0 +1,29 @@
+footer {
+  ul {
+    margin: 0;
+    li {
+      display: inline;
+      list-style: none;
+      margin-left: 0.65rem;
+
+      a{
+        @include properties($heading-xs);
+        color: var(--primary-color);
+        border-bottom: 0;
+      }
+    }
+  }
+
+  .social {
+    text-align: right;
+  }
+  .menu{
+    ul {
+      li{
+        a{
+          font-weight: 300;
+        }
+      }
+    }
+  }
+}