From 9d222bdb64b396bc14270f489bb6a209939d484f Mon Sep 17 00:00:00 2001 From: Sami Mazouz Date: Wed, 25 Oct 2023 17:36:43 +0100 Subject: [PATCH] chore: deprecated `less` mixins --- .../less/common/mixins/vendor-prefixes.less | 160 ------------------ 1 file changed, 160 deletions(-) diff --git a/framework/core/less/common/mixins/vendor-prefixes.less b/framework/core/less/common/mixins/vendor-prefixes.less index 6286204d51..13a4a40dd5 100644 --- a/framework/core/less/common/mixins/vendor-prefixes.less +++ b/framework/core/less/common/mixins/vendor-prefixes.less @@ -4,84 +4,6 @@ // The vendor presets below are to try to remain compatible with iOS 9+ and other // major browsers (Chrome/Firefox/new Edge/Safari desktop). -// Animations -// These remain for backwards compatibility with existing styles. -/** @deprecated */ -.animation(@animation) { - animation: @animation; -} -/** @deprecated */ -.animation-name(@name) { - animation-name: @name; -} -.animation-duration(@duration) { - animation-duration: @duration; -} -/** @deprecated */ -.animation-timing-function(@timing-function) { - animation-timing-function: @timing-function; -} -/** @deprecated */ -.animation-delay(@delay) { - animation-delay: @delay; -} -/** @deprecated */ -.animation-iteration-count(@iteration-count) { - animation-iteration-count: @iteration-count; -} -/** @deprecated */ -.animation-direction(@direction) { - animation-direction: @direction; -} -/** @deprecated */ -.animation-fill-mode(@fill-mode) { - animation-fill-mode: @fill-mode; -} - -// Backface visibility -// Prevent browsers from flickering when using CSS 3D transforms. -// Default value is `visible`, but can be changed to `hidden` -/** @deprecated */ -.backface-visibility(@visibility) { - // Safari - -webkit-backface-visibility: @visibility; - backface-visibility: @visibility; -} - -// Drop shadows -// These remain for backwards compatibility with existing styles. -/** @deprecated */ -.box-shadow(@shadow) { - box-shadow: @shadow; -} - -// Box sizing -// These remain for backwards compatibility with existing styles. -/** @deprecated */ -.box-sizing(@boxmodel) { - box-sizing: @boxmodel; -} - -// CSS3 Content Columns -/** @deprecated */ -.content-columns(@column-count; @column-gap: @grid-gutter-width) { - // Safari - -webkit-column-count: @column-count; - column-count: @column-count; - // Safari - -webkit-column-gap: @column-gap; - column-gap: @column-gap; -} - -// Optional hyphenation -/** @deprecated */ -.hyphens(@mode: auto) { - word-wrap: break-word; - // Safari - -webkit-hyphens: @mode; - hyphens: @mode; -} - // Placeholder text .placeholder(@color) { // Safari @@ -91,88 +13,6 @@ } } -// Transformations -// These remain for backwards compatibility with existing styles. -/** @deprecated */ -.scale(@ratio) { - transform: scale(@ratio); -} -/** @deprecated */ -.scale(@ratioX; @ratioY) { - transform: scale(@ratioX, @ratioY); -} -/** @deprecated */ -.scaleX(@ratio) { - transform: scaleX(@ratio); -} -/** @deprecated */ -.scaleY(@ratio) { - transform: scaleY(@ratio); -} -/** @deprecated */ -.skew(@x; @y) { - transform: skewX(@x) skewY(@y); -} -/** @deprecated */ -.translate(@x; @y) { - transform: translate(@x, @y); -} -/** @deprecated */ -.translate3d(@x; @y; @z) { - transform: translate3d(@x, @y, @z); -} -/** @deprecated */ -.rotate(@degrees) { - transform: rotate(@degrees); -} -/** @deprecated */ -.rotateX(@degrees) { - transform: rotateX(@degrees); -} -/** @deprecated */ -.rotateY(@degrees) { - transform: rotateY(@degrees); -} -/** @deprecated */ -.perspective(@perspective) { - perspective: @perspective; -} -/** @deprecated */ -.perspective-origin(@perspective) { - perspective-origin: @perspective; -} -/** @deprecated */ -.transform-origin(@origin) { - transform-origin: @origin; -} - -// Transitions -// These remain for backwards compatibility with existing styles. -/** @deprecated */ -.transition(@transition) { - transition: @transition; -} -/** @deprecated */ -.transition-property(@transition-property) { - transition-property: @transition-property; -} -/** @deprecated */ -.transition-delay(@transition-delay) { - transition-delay: @transition-delay; -} -/** @deprecated */ -.transition-duration(@transition-duration) { - transition-duration: @transition-duration; -} -/** @deprecated */ -.transition-timing-function(@timing-function) { - transition-timing-function: @timing-function; -} -/** @deprecated */ -.transition-transform(@transition) { - transition: transform @transition; -} - // User select // For selecting text on the page .user-select(@select) {