Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import '../media.css';
- @import '../variables.css';
- .images-carousel {
- &__slide-inner {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
- &__controls {
- lost-center: 100%;
- justify-content: space-between;
- margin-top: 60px;
- }
- &__progress-bar {
- height: 2px;
- width: 100%;
- max-width: 620px;
- display: flex;
- align-items: center;
- @media (--tablet-below) {
- max-width: auto;
- }
- }
- &__arrows {
- display: flex;
- @media (--tablet-below) {
- display: none;
- }
- }
- &__arrow-next {
- margin-left: 30px;
- cursor: pointer;
- outline: none;
- transition: .3s;
- svg {
- fill: var(--c-gray-neutral);
- }
- &:hover svg {
- fill: var(--c-blue-border);
- }
- }
- &__arrow-prev {
- cursor: pointer;
- outline: none;
- svg {
- fill: var(--c-gray-neutral);
- }
- &:hover svg {
- fill: var(--c-blue-border);
- }
- }
- /* &__pagination {
- font-size: 16px;
- line-height: 16px;
- @mixin font-bold;
- color: var(--c-gray);
- display: flex;
- align-items: center;
- }
- &__current-slide {
- color: var(--c-blue-border);
- }
- &__pagination-separator {
- font-size: 32px;
- }
- &__pagination-separator {
- padding-left: 3px;
- padding-right: 3px;
- } */
- .swiper-slide {
- a {
- display: block;
- opacity: .7;
- transition: opacity .3s;
- &:hover {
- opacity: 1;
- }
- }
- img {
- pointer-events: none;
- }
- }
- &__controls {
- @media (--tablet-below) {
- .lost-col-6 {
- lost-column: 10/12;
- margin-right: 0 !important;
- }
- .lost-col-1:first-child {
- lost-column: 2/12;
- }
- }
- }
- .swiper-wrapper {
- height: auto;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement