vevet 1.4.27 → 2.0.1-dev.3

package/dist/scss/modules/popup/index.scss

@@ -1,294 +0,0 @@
-@import './settings';
-@import '../../mixins/index';
-
-.#{$prefix}popup {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 999;
-    visibility: hidden;
-
-    &_no-transition {
-        * {
-            transition: 0s !important;
-        }
-    }
-    
-    &__overlay {
-        @include absolute(top-left, 12, 12);
-        @include transition(opacity $popup-duration, 0s);
-        background: $popup-overlay-bg;
-        opacity: 0;
-    }
-
-    &_show {
-        visibility: visible;
-
-        .#{$prefix}popup {
-            &__overlay {
-                opacity: $popup-overlay-alpha;
-            }
-            &__close {
-                opacity: 1;
-            }
-        }
-
-    }
-
-    &__container {
-        position: relative;
-        opacity: 0;
-    }
-
-    &__close {
-        position: absolute;
-        top: $popup-close-top;
-        right: $popup-close-right;
-        width: $popup-close-width;
-        height: $popup-close-height;
-        transform: rotate(45deg);
-        z-index: 2;
-        cursor: pointer;
-        @include transition(opacity $popup-duration, 0s);
-        opacity: 0;
-
-        &:before,
-        &:after {
-            content: '';
-            display: block;
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            background: $popup-close-bg;
-        }
-        
-        &:before {
-            width: 2px;
-            height: 100%;
-            margin: -50% 0 0 -1px;
-        }
-        
-        &:after {
-            width: 100%;
-            height: 2px;
-            margin: -1px 0 0 -50%;
-        }
-
-    }
-
-    &__levels {
-        position: relative;
-    }
-
-    &__level {
-        position: relative;
-        background: $popup-level-bg;
-
-        &_active {
-            z-index: 1;
-        }
-
-    }
-
-
-
-    // Common styles for some types
-
-    &_auto,
-    &_modal,
-    &_media,
-    &_content,
-    &_right {
-        @include display-flex-center();
-        @include transition(visibility $popup-duration, 0s);
-
-        .#{$prefix}popup {
-    
-            &__container {
-                @include transition(opacity $popup-duration, 0s);
-            }
-
-        }
-
-        &.#{$prefix}popup_show {
-
-            .#{$prefix}popup {
-
-                &__container {
-                    opacity: 1;
-                }
-
-            }
-
-        }
-
-    }
-
-    &_modal,
-    &_media,
-    &_content {
-
-        .#{$prefix}popup {
-
-            &__container {
-                overflow: hidden;
-            }
-
-            &__levels,
-            &__level {
-                @include absolute(top-left, 12, 12);
-            }
-
-            &__level {
-                @include transition(opacity $popup-duration, 0s);
-                opacity: 0;
-
-                &.#{$prefix}popup__level_active {
-                    opacity: 1;
-                }
-
-            }
-
-        }
-
-    }
-
-
-
-    // Auto Type
-
-    &_auto {
-
-        .#{$prefix}popup {
-
-            &__level {
-                &:not(.#{$prefix}popup__level_active) {
-                    display: none;
-                }
-            }
-
-        }
-        
-    }
-
-
-
-    // Modal Type
-
-    &_modal {
-
-        .#{$prefix}popup {
-
-            &__container {
-                width: $popup-modal-width;
-                height: $popup-modal-height;
-            }
-
-        }
-        
-    }
-
-
-
-    // Media Type
-
-    &_media {
-
-        .#{$prefix}popup {
-
-            &__close {
-                position: fixed;
-            }
-
-            &__container {
-                width: $popup-media-width;
-                height: $popup-media-height;
-            }
-
-        }
-
-        video,
-        iframe {
-            @include absolute(top-left, 12, 12);
-        }
-        
-    }
-
-
-
-    // Content Type
-
-    &_content {
-
-        .#{$prefix}popup {
-
-            &__container {
-                width: $popup-content-width;
-                height: $popup-content-height;
-            }
-
-        }
-        
-    }
-
-
-
-    // Right Type
-
-    &_right {
-
-        .#{$prefix}popup {
-
-            &__container {
-                position: absolute;
-                top: 0;
-                right: 0;
-                width: 0;
-                height: 100%;
-                opacity: 1;
-            }
-
-            &__levels {
-                position: absolute;
-                top: 0;
-                right: 0;
-                height: 100%;
-                width: (($popup-count) * $popup-right-width);
-                transform: translate3d((($popup-count) * $popup-right-width), 0, 0);
-                @include transition(transform $popup-duration, 0s);
-            }
-
-            &__level {
-                position: absolute;
-                top: 0;
-                height: 100%;
-            }
-
-        }
-
-        &.#{$prefix}popup {
-
-            @for $i from 0 through ($popup-count - 1) {
-                .#{$prefix}popup {
-                    &__level-#{$i} {
-                        left: ($i * $popup-right-width);
-                        width: (($i + 1) * $popup-right-width);
-                    }
-                }
-            }
-
-            @for $i from 0 through ($popup-count - 1) {
-                &_level-#{$i} {
-                    .#{$prefix}popup__levels {
-                        transform: translate3d(($popup-count * $popup-right-width - ($i + 1) * $popup-right-width), 0, 0);
-                    }
-                }
-            }
-
-        }
-        
-    }
-
-}

package/dist/scss/modules/preloader/_settings.scss

@@ -1,3 +0,0 @@
-@import '../../prefix';
-
-$preloader-bg: #000 !default;

package/dist/scss/modules/preloader/index.scss

@@ -1,19 +0,0 @@
-@import './settings';
-@import '../../mixins/index';
-
-.#{$prefix}preloader {
-    @include top-left();
-
-    position: fixed;
-    z-index: 999;  
-
-    width: 100%;
-    height: 100%;
-
-    background: $preloader-bg;
-
-    &_hide {
-        visibility: hidden;
-    }
-
-}

package/dist/scss/modules/scroll/_settings.scss

@@ -1,22 +0,0 @@
-@import '../../prefix';
-
-$scrollbar-bg: #ccc !default;
-$scrollbar-bar-bg: #000 !default;
-
-$scrollbar-y-top: 10px !default;
-$scrollbar-y-right: 0 !default;
-$scrollbar-y-bottom: auto !default;
-$scrollbar-y-left: auto !default;
-$scrollbar-y-width: 10px !default;
-$scrollbar-y-height: calc(100% - 20px) !default;
-$scrollbar-y-bar-width: 100% !default;
-$scrollbar-y-bar-height: 10% !default;
-
-$scrollbar-x-top: auto !default;
-$scrollbar-x-right: auto !default;
-$scrollbar-x-bottom: 0 !default;
-$scrollbar-x-left: 10px !default;
-$scrollbar-x-width: calc(100% - 20px) !default;
-$scrollbar-x-height: 10px !default;
-$scrollbar-x-bar-width: 10% !default;
-$scrollbar-x-bar-height: 100% !default;

package/dist/scss/modules/scroll/index.scss

@@ -1,94 +0,0 @@
-@import './settings';
-@import '../../mixins/index';
-
-.#{$prefix}scroll {
-    @include absolute(top-left, 12, 12);
-    overflow: hidden;
-
-    &__container {
-        position: absolute;
-        width: 100%;
-    }
-
-    &__el {
-        position: relative;
-    }
-
-    &_dragging &__container {
-        pointer-events: none !important;
-    }
-
-
-
-    &__scrollbar {
-        position: absolute;
-        z-index: 9;
-        background: $scrollbar-bg;
-
-        @include transition((opacity .35s, visibility .35s));
-        
-        &.hide {
-            opacity: 0;
-            visibility: hidden;
-        }
-        
-        &.no-action {
-            opacity: 0;
-        }
-
-        &.in-action {
-            opacity: 1;
-        }
-
-        &.hover {
-            opacity: 1;
-        }
-
-        &_y {
-            top: $scrollbar-y-top;
-            right: $scrollbar-y-right;
-            bottom: $scrollbar-y-bottom;
-            left: $scrollbar-y-left;
-            width: $scrollbar-y-width;
-            height: $scrollbar-y-height;
-
-            .#{$prefix}scroll {
-
-                &__bar {
-                    width: $scrollbar-y-bar-width;
-                    height: $scrollbar-y-bar-height;
-                }
-
-            }
-
-        }
-
-        &_x {
-            top: $scrollbar-x-top;
-            right: $scrollbar-x-right;
-            bottom: $scrollbar-x-bottom;
-            left: $scrollbar-x-left;
-            width: $scrollbar-x-width;
-            height: $scrollbar-x-height;
-
-            .#{$prefix}scroll {
-
-                &__bar {
-                    width: $scrollbar-x-bar-width;
-                    height: $scrollbar-x-bar-height;
-                }
-
-            }
-
-        }
-
-    }
-
-    &__bar {
-        position: relative;
-        background: $scrollbar-bar-bg;
-    }
-
-
-    
-}

package/dist/scss/modules/select/_settings.scss

@@ -1,28 +0,0 @@
-@import '../../prefix';
-
-$select-bg: #fff !default;
-$select-border-color: #000 !default;
-$select-color: #000 !default;
-
-$select-placeholder-padding: 10px 30px 10px 10px !default;
-
-$select-arrow-width: 30px !default;
-
-$select-container-bg: #f0f0f0 !default;
-$select-container-animate: opacity !default;
-$select-container-duration: .25s !default;
-
-$select-content-padding: 10px 10px !default;
-$select-content-max-height: 250px !default;
-
-$select-search-height: 40px !default;
-$select-search-bg: #fff !default;
-$select-search-padding: 0 10px !default;
-
-$select-values-margin: 10px 0 0 !default;
-$select-value-padding: 5px 10px !default;
-$select-value-margin: 0 !default;
-$select-value-bg: transparent !default;
-$select-value-bg-active: #ccc !default;
-$select-value-color: #000 !default;
-$select-value-color-active: #000 !default;

package/dist/scss/modules/select/index.scss

@@ -1,142 +0,0 @@
-@import './settings';
-@import '../../mixins/index';
-
-.#{$prefix}select {
-    position: relative;
-    width: 100%;
-    background: $select-bg;
-
-    color: $select-color;
-    user-select: none;
-    
-    &__placeholder {
-        position: relative;
-        overflow: hidden;
-        padding: $select-placeholder-padding;
-        border: 1px solid $select-border-color;
-
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        cursor: pointer;
-
-        span {
-            display: block;
-            width: 100%;
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-        }
-
-    }
-
-    &__arrow {
-        position: absolute;
-        top: 0;
-        right: 0;
-        width: $select-arrow-width;
-        height: 100%;
-        
-        &:before {
-            content: '';
-            position: absolute;
-            display: block;
-            top: 50%;
-            right: calc(50% - 2px);
-            width: 0;
-            height: 0;
-            margin: -2px 0 0 -2px;
-            border: 3px solid transparent;
-            border-top-width: 4px;
-            border-top-color: $select-border-color;
-            border-bottom: 0;
-            z-index: 1;
-        }
-
-    }
-
-    &__container {
-        position: absolute;
-        top: 100%;
-        left: 0;
-        width: 100%;
-        margin: -1px 0 0;
-        border: 1px solid $select-border-color;
-        overflow: hidden;
-        background: $select-container-bg;
-
-        display: none;
-        opacity: 0;
-        @include transition($select-container-animate $select-container-duration, 0s);
-
-        &_opened {
-            display: block;
-        }
-
-        &_animate {
-            opacity: 1;
-        }
-        
-    }
-
-    &__content {
-        position: relative;
-        padding: $select-content-padding;
-        overflow: auto;
-        max-height: $select-content-max-height;
-    }
-
-    &__search {
-        width: 100%;
-
-        &_hide {
-            display: none;
-        }
-
-        input {
-            @include reset-input();
-            width: 100%;
-            height: $select-search-height;
-            padding: $select-search-padding;
-            border: 1px solid $select-border-color;
-            background: $select-search-bg;
-        }
-
-    }
-
-    &__values {
-        @include reset-ul();
-        margin: $select-values-margin;
-
-        &_hide-active {
-
-            .#{$prefix}select {
-                &__value {
-                    &_active {
-                        display: none;
-                    }
-                }
-            }
-
-        }
-
-    }
-
-    &__value {
-        padding: $select-value-padding;
-        margin: $select-value-margin;
-        background: $select-value-bg;
-        color: $select-value-color;
-        cursor: pointer;
-
-        &_active {
-            background: $select-value-bg-active;
-            color: $select-value-color-active;
-        }
-
-        &_hide {
-            display: none;
-        }
-
-    }
-
-}

package/dist/scss/modules/slider/_settings.scss

@@ -1,35 +0,0 @@
-@import '../../prefix';
-
-$slider-control-width: 30px !default;
-$slider-control-height: 30px !default;
-$slider-control-radius: 50% !default;
-$slider-control-bg: #000 !default;
-
-$slider-prev-top: 50% !default;
-$slider-prev-right: auto !default;
-$slider-prev-bottom: auto !default;
-$slider-prev-left: 25px !default;
-$slider-prev-margin: -15px 0 0 0 !default;
-
-$slider-next-top: 50% !default;
-$slider-next-right: 25px !default;
-$slider-next-bottom: auto !default;
-$slider-next-left: auto !default;
-$slider-next-margin: -15px 0 0 0 !default;
-
-$slider-dots-top: auto !default;
-$slider-dots-right: auto !default;
-$slider-dots-bottom: 25px !default;
-$slider-dots-left: auto !default;
-
-$slider-dot-width: 10px !default;
-$slider-dot-height: 10px !default;
-$slider-dot-radius: 50% !default;
-$slider-dot-bg: #000 !default;
-$slider-dot-margin: 0 10px !default;
-
-$slider-counter-top: auto !default;
-$slider-counter-right: auto !default;
-$slider-counter-bottom: 50px !default;
-$slider-counter-left: auto !default;
-$slider-counter-margins: 0 10px !default;