many styling & layout improvements
This commit is contained in:
parent
47e74cc241
commit
bf1314bbda
6 changed files with 113 additions and 39 deletions
|
@ -30,7 +30,7 @@
|
|||
@import "../../node_modules/bootstrap/scss/card";
|
||||
// @import "../../node_modules/bootstrap/scss/accordion";
|
||||
// @import "../../node_modules/bootstrap/scss/breadcrumb";
|
||||
// @import "../../node_modules/bootstrap/scss/pagination";
|
||||
@import "../../node_modules/bootstrap/scss/pagination";
|
||||
// @import "../../node_modules/bootstrap/scss/badge";
|
||||
// @import "../../node_modules/bootstrap/scss/alert";
|
||||
// @import "../../node_modules/bootstrap/scss/progress";
|
||||
|
|
|
@ -12,11 +12,15 @@
|
|||
padding-left: var(--bs-gutter-x, 4rem);
|
||||
}
|
||||
@include media-breakpoint-up(xxl) {
|
||||
// min-width: 1400px;
|
||||
max-width: 1400px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.container-lg {
|
||||
// @include media-breakpoint-up(lg) {
|
||||
// min-width: 960px;
|
||||
// }
|
||||
@include media-breakpoint-up(xl) {
|
||||
max-width: 960px;
|
||||
}
|
||||
|
@ -32,6 +36,9 @@ main.rdnyc-single-outer {
|
|||
@extend .mt-md-4;
|
||||
@extend .d-flex;
|
||||
@extend .justify-content-center;
|
||||
& > div.content {
|
||||
@extend .w-100;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
|
|
|
@ -107,7 +107,7 @@ article.post.sticky {
|
|||
margin-bottom: 2rem !important;
|
||||
}
|
||||
header.post-header {
|
||||
@extend .card-header;
|
||||
@extend .card-body;
|
||||
@extend .pb-0;
|
||||
}
|
||||
div.post-body {
|
||||
|
@ -119,6 +119,13 @@ article.post.sticky {
|
|||
}
|
||||
}
|
||||
}
|
||||
.post-header {
|
||||
.post-title, .post-title a {
|
||||
-ms-word-wrap: break-word;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
}
|
||||
|
||||
.more-link-outer {
|
||||
@extend .text-end;
|
||||
@extend .mb-0;
|
||||
|
@ -289,6 +296,34 @@ table {
|
|||
}
|
||||
}
|
||||
}
|
||||
.post-page-numbers {
|
||||
@extend .page-item;
|
||||
&.current {
|
||||
@extend .active;
|
||||
& .page-link {
|
||||
background-color: shade-color($primary, 25%) !important;
|
||||
border-color: shade-color($primary, 25%) !important;
|
||||
color: $gray-100;
|
||||
&:hover {
|
||||
background-color: shade-color($primary, 25%) !important;
|
||||
border-color: shade-color($primary, 25%) !important;
|
||||
color: $gray-100;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
@extend .text-decoration-none;
|
||||
}
|
||||
& .page-link {
|
||||
border: 1px solid shade-color($primary, 25%);
|
||||
background-color: inherit !important;
|
||||
&:hover {
|
||||
border: 1px solid #51A39F;
|
||||
background-color: #51A39F !important;
|
||||
color: $spaceblue-800;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// &:not(.is-style-outline) {
|
||||
// @extend .btn-primary;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue