diff --git a/src/styles.scss b/src/styles.scss index f87546b..8a65514 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -23,7 +23,12 @@ $vue-content-placeholders-spacing: 10px !default; // Mixins @mixin vue-content-placeholders { position: relative; - overflow: hidden; + overflow: hidden; /* Other browsers */ + overflow: overlay; /* Chrome */ + &::-webkit-scrollbar { + width: 0; + height: 0; + } height: $vue-content-placeholders-line-height; background: $vue-content-placeholders-secondary-color; @@ -44,7 +49,7 @@ $vue-content-placeholders-spacing: 10px !default; width: 100vw; max-width: 1000px; height: 100%; - background: linear-gradient(to right, transparent 0%, darken($vue-content-placeholders-secondary-color, 5%) 15%, transparent 30%); + background: linear-gradient(to right, rgba(darken($vue-content-placeholders-secondary-color, 5%), 0) 0%, darken($vue-content-placeholders-secondary-color, 5%) 15%, rgba(darken($vue-content-placeholders-secondary-color, 5%), 0) 30%); animation-duration: 1.5s; animation-fill-mode: forwards; animation-iteration-count: infinite;