refactor: page pagination

Alexander Bilz

05.37.2022 b93486119c6ff2ed520673163472d8205c5bf84c

refactor: page pagination

 assets/css/style.css

@@ -625,7 +625,7 @@
  border: 1px solid var(--border-color);
  border-bottom: 0px;
}

/*
.pagination {
  margin: 30px;
  padding: 0px 0 56px 0;
@@ -658,31 +658,7 @@
.pagination .next {
  float: right;
}

.like-reblog-buttons {
  float: right;
}

.like-button {
  float: right;
  padding: 0 0 0 10px;
}

.reblog-button {
  float: right;
  padding: 0;
}

#install-btn {
  position: fixed;
  bottom: 0px;
  right: 6px;
}

#disqus_thread {
  margin: 30px;
  border-bottom: 1px solid var(--border-color);
}
*/
/*
.footer {
  clear: both;
@@ -1116,7 +1092,7 @@
    position: fixed;
    width: var(--sidebar-width);
  }
/*
  /*
  .sidebar__content {
    display: flex;
    flex-direction: column;
@@ -1410,5 +1386,3 @@
    width: var(--content-width);
  } */
}



 assets/scss/main.scss

@@ -13,5 +13,6 @@
@import './partials/components/aside';
@import './partials/components/sidebar';
@import './partials/components/footer';
@import './partials/components/pagination';
@import './partials/vendors/mediumzoom';
@import './partials/vendors/contactform';
@import './partials/vendors/contactform';

 assets/scss/partials/components/_pagination.scss

New file
@@ -0,0 +1,19 @@
.pagination {
  margin: 30px;
  padding: 0px 0 56px 0;
  text-align: center;
  font-size: 1.4rem;
  &__list {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 13px;
    &-item {
      margin: 0 2px 0 2px;
      display: inline;
      line-height: 1;
      text-decoration: none;
      color: var(--bg-color);
    }
  }
}