Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-17 16:00:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(docs): swiper arrows fix on demo (#5654)

Browse source 
* feat: add mixin for swiper arrows styling
* refactor: apply mixin for swiper arrows
This commit is contained in:
Sasha Verbilo 2020-04-14 11:39:42 +03:00 • committed by GitHub
parent d6bae6cff6
commit 16ebf5b658
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 93 additions and 98 deletions
Download patch file Download diff file Expand all files Collapse all files

56
docs/app/pages/home/theme-section/theme-section.component.scss
View file

@ -5,6 +5,7 @@
*/
@import '../../../@theme/styles/themes';
@import '../../../@theme/styles/swiper_ngx-admin';
@import '~@nebular/theme/styles/global/breakpoints';
@include nb-install-component() {
@ -36,38 +37,11 @@
padding-top: 4.125rem;
}
.swiper-button-prev, .swiper-button-next {
display: flex;
justify-content: center;
align-items: center;
background-image: none;
height: 5rem;
width: 5rem;
border-radius: 50%;
background-color: #ffffff;
box-shadow: nb-theme(shadow-default);
top: 22.625rem;
&:hover {
box-shadow: nb-theme(shadow-hover-btn);
}
&:active {
box-shadow: nb-theme(shadow-active-btn);
}
&::after {
content: '';
}
}
.swiper-button-prev {
left: 18%;
}
.swiper-button-next {
right: 18%;
}
@include swiper-navigation-arrows((
top: 22.625rem,
position: 18%,
positionXl: 10%
));
.swiper-pagination {
display: inline-flex;
@ -140,16 +114,6 @@
}
}
@include media-breakpoint-down(xl) {
.swiper-button-prev {
left: 10%;
}
.swiper-button-next {
right: 10%;
}
}
@include media-breakpoint-down(xxl) {
.image-container {
width: 64.875rem;
@ -164,10 +128,6 @@
width: 46.875rem;
height: 100%;
}
.swiper-button-prev, .swiper-button-next {
display: none;
}
}
@include media-breakpoint-up(md) {
@ -224,10 +184,6 @@
}
}
.swiper-button-prev, .swiper-button-next {
display: none;
}
.btn-demo {
display: none;
}