diff --git a/docs/app/@theme/styles/_common.scss b/docs/app/@theme/styles/_common.scss index 19389f2d6d..aca12a3c88 100644 --- a/docs/app/@theme/styles/_common.scss +++ b/docs/app/@theme/styles/_common.scss @@ -35,7 +35,6 @@ height: 1px; width: 1px; overflow: hidden; - clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } } diff --git a/docs/app/@theme/styles/styles.scss b/docs/app/@theme/styles/styles.scss index b39fc5a0db..59d8506685 100644 --- a/docs/app/@theme/styles/styles.scss +++ b/docs/app/@theme/styles/styles.scss @@ -36,8 +36,6 @@ } body { - scrollbar-face-color: rgba(0, 0, 0, 0.3); - scrollbar-track-color: rgba(255, 255, 255, 0.7); min-width: 320px !important; -webkit-font-smoothing: antialiased; } diff --git a/docs/app/blocks/components/live-example-block/live-example-block.component.scss b/docs/app/blocks/components/live-example-block/live-example-block.component.scss index 8799325b1f..e9ac1ff710 100644 --- a/docs/app/blocks/components/live-example-block/live-example-block.component.scss +++ b/docs/app/blocks/components/live-example-block/live-example-block.component.scss @@ -83,11 +83,6 @@ transform: translate(-50%, -50%); } - /* Target IE9 - IE11 */ - select::-ms-expand { - display: none; - } - select { font-size: 0.875rem; appearance: none; @@ -120,7 +115,6 @@ .iframe-container { overflow-x: auto; - -webkit-overflow-scrolling: touch; } iframe { @@ -144,12 +138,12 @@ transform: translate(-50%, -50%); } - @-webkit-keyframes rotation { + @keyframes rotation { from { - -webkit-transform: rotate(0deg); + transform: rotate(0deg); } to { - -webkit-transform: rotate(359deg); + transform: rotate(359deg); } } diff --git a/src/framework/bootstrap/styles/_modals.scss b/src/framework/bootstrap/styles/_modals.scss index a437ee47c3..b963d2fedf 100644 --- a/src/framework/bootstrap/styles/_modals.scss +++ b/src/framework/bootstrap/styles/_modals.scss @@ -60,7 +60,6 @@ .modal-body { flex: 1; - -ms-flex: 1 1 auto; overflow: auto; padding: nb-theme(card-padding); position: relative; diff --git a/src/framework/theme/components/accordion/_accordion.component.theme.scss b/src/framework/theme/components/accordion/_accordion.component.theme.scss index e5b0d8cbc7..54a1f0c934 100644 --- a/src/framework/theme/components/accordion/_accordion.component.theme.scss +++ b/src/framework/theme/components/accordion/_accordion.component.theme.scss @@ -73,7 +73,6 @@ nb-accordion-item-body .item-body { flex: 1; - -ms-flex: 1 1 auto; overflow: auto; padding: nb-theme(accordion-padding); position: relative; diff --git a/src/framework/theme/components/card/_card.component.theme.scss b/src/framework/theme/components/card/_card.component.theme.scss index db6c1f0b31..5eee8dbcae 100644 --- a/src/framework/theme/components/card/_card.component.theme.scss +++ b/src/framework/theme/components/card/_card.component.theme.scss @@ -83,7 +83,6 @@ nb-card-body { flex: 1; - -ms-flex: 1 1 auto; overflow: auto; padding: nb-theme(card-padding); position: relative; diff --git a/src/framework/theme/components/layout/_layout.component.theme.scss b/src/framework/theme/components/layout/_layout.component.theme.scss index fe5c0726d7..a8a5c36c86 100644 --- a/src/framework/theme/components/layout/_layout.component.theme.scss +++ b/src/framework/theme/components/layout/_layout.component.theme.scss @@ -55,7 +55,6 @@ @include media-breakpoint-down(sm) { overflow-y: scroll; - -webkit-overflow-scrolling: touch; } } diff --git a/src/framework/theme/components/layout/layout.component.scss b/src/framework/theme/components/layout/layout.component.scss index 079ecc81cd..bab46df918 100644 --- a/src/framework/theme/components/layout/layout.component.scss +++ b/src/framework/theme/components/layout/layout.component.scss @@ -38,7 +38,6 @@ .layout-container { display: flex; flex: 1; - -ms-flex: 1 1 auto; flex-direction: row; ::ng-deep nb-sidebar { @@ -65,7 +64,6 @@ .content { display: flex; flex: 1; - -ms-flex: 1 1 auto; flex-direction: column; min-width: 0; @@ -79,7 +77,6 @@ .columns { display: flex; flex: 1; - -ms-flex: 1 1 auto; flex-direction: row; width: 100%; diff --git a/src/framework/theme/components/search/_search.component.theme.scss b/src/framework/theme/components/search/_search.component.theme.scss index cab2a02790..989414af44 100644 --- a/src/framework/theme/components/search/_search.component.theme.scss +++ b/src/framework/theme/components/search/_search.component.theme.scss @@ -34,10 +34,6 @@ &::placeholder { color: nb-theme(search-placeholder-text-color); } - - &::-ms-clear { - display: none; - } } } diff --git a/src/framework/theme/components/sidebar/_sidebar.component.theme.scss b/src/framework/theme/components/sidebar/_sidebar.component.theme.scss index 7080299df6..f14d8e0941 100644 --- a/src/framework/theme/components/sidebar/_sidebar.component.theme.scss +++ b/src/framework/theme/components/sidebar/_sidebar.component.theme.scss @@ -27,10 +27,8 @@ padding: nb-theme(sidebar-padding); position: relative; - -webkit-transform: translate3d(0, 0, 0); // ios optimisation @include media-breakpoint-down(sm) { overflow-y: scroll; - -webkit-overflow-scrolling: touch; } @include nb-scrollbars( diff --git a/src/framework/theme/components/tabset/tabset.component.scss b/src/framework/theme/components/tabset/tabset.component.scss index f44007a22f..42e666e1b7 100644 --- a/src/framework/theme/components/tabset/tabset.component.scss +++ b/src/framework/theme/components/tabset/tabset.component.scss @@ -15,7 +15,6 @@ ::ng-deep nb-tab { flex: 1; - -ms-flex: 1 1 auto; overflow: auto; display: none; &.content-active { diff --git a/src/framework/theme/styles/core/_mixins.scss b/src/framework/theme/styles/core/_mixins.scss index a636e19378..481ad74d99 100644 --- a/src/framework/theme/styles/core/_mixins.scss +++ b/src/framework/theme/styles/core/_mixins.scss @@ -26,13 +26,6 @@ &::-webkit-scrollbar-corner { background: $bg; } - - & { - // TODO: remove - // For Internet Explorer - scrollbar-face-color: $fg; - scrollbar-track-color: $bg; - } } @mixin nb-headings($from: 1, $to: 6) { @@ -70,7 +63,7 @@ } @mixin install-thumb() { - $thumb-selectors: ('::-webkit-slider-thumb' '::-moz-range-thumb' '::-ms-thumb'); + $thumb-selectors: ('::-webkit-slider-thumb' '::-moz-range-thumb'); @each $selector in $thumb-selectors { &#{$selector} { @@ -82,7 +75,7 @@ } @mixin install-track() { - $thumb-selectors: ('::-webkit-slider-runnable-track' '::-moz-range-track' '::-ms-track'); + $thumb-selectors: ('::-webkit-slider-runnable-track' '::-moz-range-track'); @each $selector in $thumb-selectors { &#{$selector} { @@ -94,9 +87,7 @@ } @mixin install-placeholder($color, $font-size, $opacity: 1) { - $placeholder-selectors: ( - '::-webkit-input-placeholder' '::-moz-placeholder' ':-moz-placeholder' ':-ms-input-placeholder' - ); + $placeholder-selectors: ('::-webkit-input-placeholder' '::-moz-placeholder' ':-moz-placeholder'); &::placeholder { @include placeholder($color, $font-size, $opacity); @@ -143,22 +134,10 @@ $animations: #{$animations + ', '}; } } - -webkit-animation: $animations; - -moz-animation: $animations; - -o-animation: $animations; animation: $animations; } @mixin keyframes($animationName) { - @-webkit-keyframes #{$animationName} { - @content; - } - @-moz-keyframes #{$animationName} { - @content; - } - @-o-keyframes #{$animationName} { - @content; - } @keyframes #{$animationName} { @content; } diff --git a/src/framework/theme/styles/global/_styles.scss b/src/framework/theme/styles/global/_styles.scss index c01d98a67e..a651705f54 100644 --- a/src/framework/theme/styles/global/_styles.scss +++ b/src/framework/theme/styles/global/_styles.scss @@ -1,8 +1,8 @@ -.visually-hidden { /* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ +.visually-hidden { + /* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ position: absolute !important; height: 1px; width: 1px; overflow: hidden; - clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } diff --git a/src/playground/styles/styles.scss b/src/playground/styles/styles.scss index d04f419a5e..8833a6a62d 100644 --- a/src/playground/styles/styles.scss +++ b/src/playground/styles/styles.scss @@ -13,8 +13,6 @@ } body { - scrollbar-face-color: rgba(0, 0, 0, 0.3); - scrollbar-track-color: rgba(255, 255, 255, 0.7); min-width: 320px; -webkit-font-smoothing: antialiased; }