Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
E
edx-platform
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
edx
edx-platform
Commits
f3d000ec
Commit
f3d000ec
authored
Mar 18, 2016
by
Toby Lawrence
Browse files
Options
Browse Files
Download
Plain Diff
Merge pull request #11812 from edx/PERF-276
Clear out usages of deprecated vendor prefixes.
parents
658348da
e2b8df7e
Hide whitespace changes
Inline
Side-by-side
Showing
9 changed files
with
28 additions
and
83 deletions
+28
-83
common/static/sass/bourbon/css3/_animation.scss
+9
-9
common/static/sass/bourbon/css3/_backface-visibility.scss
+1
-1
common/static/sass/bourbon/css3/_background.scss
+3
-12
common/static/sass/bourbon/css3/_box-sizing.scss
+1
-1
common/static/sass/bourbon/css3/_perspective.scss
+2
-2
common/static/sass/bourbon/css3/_radial-gradient.scss
+0
-1
common/static/sass/bourbon/css3/_transform.scss
+3
-3
common/static/sass/bourbon/css3/_transition.scss
+8
-53
common/static/sass/bourbon/css3/_user-select.scss
+1
-1
No files found.
common/static/sass/bourbon/css3/_animation.scss
View file @
f3d000ec
...
...
@@ -3,50 +3,50 @@
// Official animation shorthand property.
@mixin
animation
(
$animations
...
)
{
@include
prefixer
(
animation
,
$animations
,
webkit
moz
spec
);
@include
prefixer
(
animation
,
$animations
,
spec
);
}
// Individual Animation Properties
@mixin
animation-name
(
$names
...
)
{
@include
prefixer
(
animation-name
,
$names
,
webkit
moz
spec
);
@include
prefixer
(
animation-name
,
$names
,
spec
);
}
@mixin
animation-duration
(
$times
...
)
{
@include
prefixer
(
animation-duration
,
$times
,
webkit
moz
spec
);
@include
prefixer
(
animation-duration
,
$times
,
spec
);
}
@mixin
animation-timing-function
(
$motions
...
)
{
// ease | linear | ease-in | ease-out | ease-in-out
@include
prefixer
(
animation-timing-function
,
$motions
,
webkit
moz
spec
);
@include
prefixer
(
animation-timing-function
,
$motions
,
spec
);
}
@mixin
animation-iteration-count
(
$values
...
)
{
// infinite | <number>
@include
prefixer
(
animation-iteration-count
,
$values
,
webkit
moz
spec
);
@include
prefixer
(
animation-iteration-count
,
$values
,
spec
);
}
@mixin
animation-direction
(
$directions
...
)
{
// normal | alternate
@include
prefixer
(
animation-direction
,
$directions
,
webkit
moz
spec
);
@include
prefixer
(
animation-direction
,
$directions
,
spec
);
}
@mixin
animation-play-state
(
$states
...
)
{
// running | paused
@include
prefixer
(
animation-play-state
,
$states
,
webkit
moz
spec
);
@include
prefixer
(
animation-play-state
,
$states
,
spec
);
}
@mixin
animation-delay
(
$times
...
)
{
@include
prefixer
(
animation-delay
,
$times
,
webkit
moz
spec
);
@include
prefixer
(
animation-delay
,
$times
,
spec
);
}
@mixin
animation-fill-mode
(
$modes
...
)
{
// none | forwards | backwards | both
@include
prefixer
(
animation-fill-mode
,
$modes
,
webkit
moz
spec
);
@include
prefixer
(
animation-fill-mode
,
$modes
,
spec
);
}
common/static/sass/bourbon/css3/_backface-visibility.scss
View file @
f3d000ec
...
...
@@ -2,5 +2,5 @@
// Backface-visibility mixin
//************************************************************************//
@mixin
backface-visibility
(
$visibility
)
{
@include
prefixer
(
backface-visibility
,
$visibility
,
webkit
spec
);
@include
prefixer
(
backface-visibility
,
$visibility
,
spec
);
}
common/static/sass/bourbon/css3/_background.scss
View file @
f3d000ec
...
...
@@ -4,11 +4,9 @@
//************************************************************************//
@mixin
background
(
$backgrounds
...
)
{
$webkit-backgrounds
:
();
$spec-backgrounds
:
();
@each
$background
in
$backgrounds
{
$webkit-background
:
();
$spec-background
:
();
$background-type
:
type-of
(
$background
);
...
...
@@ -19,37 +17,30 @@
$gradient-type
:
str-slice
(
$background-str
,
0
,
6
);
@if
$url-str
==
"url"
{
$webkit-background
:
$background
;
$spec-background
:
$background
;
}
@else
if
$gradient-type
==
"linear"
{
$gradients
:
_linear-gradient-parser
(
"
#{
$background
}
"
);
$webkit-background
:
map-get
(
$gradients
,
webkit-image
);
$spec-background
:
map-get
(
$gradients
,
spec-image
);
$spec-background
:
map-get
(
$gradients
,
spec-image
);
}
@else
if
$gradient-type
==
"radial"
{
$gradients
:
_radial-gradient-parser
(
"
#{
$background
}
"
);
$webkit-background
:
map-get
(
$gradients
,
webkit-image
);
$spec-background
:
map-get
(
$gradients
,
spec-image
);
$spec-background
:
map-get
(
$gradients
,
spec-image
);
}
@else
{
$webkit-background
:
$background
;
$spec-background
:
$background
;
}
}
@else
{
$webkit-background
:
$background
;
$spec-background
:
$background
;
}
$webkit-backgrounds
:
append
(
$webkit-backgrounds
,
$webkit-background
,
comma
);
$spec-backgrounds
:
append
(
$spec-backgrounds
,
$spec-background
,
comma
);
$spec-backgrounds
:
append
(
$spec-backgrounds
,
$spec-background
,
comma
);
}
background
:
$webkit-backgrounds
;
background
:
$spec-backgrounds
;
}
common/static/sass/bourbon/css3/_box-sizing.scss
View file @
f3d000ec
@mixin
box-sizing
(
$box
)
{
// content-box | border-box | inherit
@include
prefixer
(
box-sizing
,
$box
,
webkit
moz
spec
);
@include
prefixer
(
box-sizing
,
$box
,
spec
);
}
common/static/sass/bourbon/css3/_perspective.scss
View file @
f3d000ec
@mixin
perspective
(
$depth
:
none
)
{
// none | <length>
@include
prefixer
(
perspective
,
$depth
,
webkit
moz
spec
);
@include
prefixer
(
perspective
,
$depth
,
spec
);
}
@mixin
perspective-origin
(
$value
:
50%
50%
)
{
@include
prefixer
(
perspective-origin
,
$value
,
webkit
moz
spec
);
@include
prefixer
(
perspective-origin
,
$value
,
spec
);
}
common/static/sass/bourbon/css3/_radial-gradient.scss
View file @
f3d000ec
...
...
@@ -34,6 +34,5 @@
$shape-size-spec
:
if
((
$shape-size-spec
!=
' '
)
and
(
$pos
==
null
)
,
'
#{
$shape-size-spec
}
, '
,
'
#{
$shape-size-spec
}
'
);
background-color
:
$fallback-color
;
background-image
:
-webkit-radial-gradient
(
unquote
(
#{
$pos
}#{
$shape-size
}#{
$full
}
));
background-image
:
unquote
(
"radial-gradient(
#{
$shape-size-spec
}#{
$pos-spec
}#{
$full
}
)"
);
}
common/static/sass/bourbon/css3/_transform.scss
View file @
f3d000ec
@mixin
transform
(
$property
:
none
)
{
// none | <transform-function>
@include
prefixer
(
transform
,
$property
,
webkit
moz
ms
o
spec
);
@include
prefixer
(
transform
,
$property
,
spec
);
}
@mixin
transform-origin
(
$axes
:
50%
)
{
// x-axis - left | center | right | length | %
// y-axis - top | center | bottom | length | %
// z-axis - length
@include
prefixer
(
transform-origin
,
$axes
,
webkit
moz
ms
o
spec
);
@include
prefixer
(
transform-origin
,
$axes
,
spec
);
}
@mixin
transform-style
(
$style
:
flat
)
{
@include
prefixer
(
transform-style
,
$style
,
webkit
moz
ms
o
spec
);
@include
prefixer
(
transform-style
,
$style
,
spec
);
}
common/static/sass/bourbon/css3/_transition.scss
View file @
f3d000ec
...
...
@@ -4,74 +4,29 @@
// @include transition-property (transform, opacity);
@mixin
transition
(
$properties
...
)
{
// Fix for vendor-prefix transform property
$needs-prefixes
:
false
;
$webkit
:
();
$moz
:
();
$spec
:
();
// Create lists for vendor-prefixed transform
@each
$list
in
$properties
{
@if
nth
(
$list
,
1
)
==
"transform"
{
$needs-prefixes
:
true
;
$list1
:
-
webkit-transform
;
$list2
:
-
moz-transform
;
$list3
:
();
@each
$var
in
$list
{
$list3
:
join
(
$list3
,
$var
);
@if
$var
!=
"transform"
{
$list1
:
join
(
$list1
,
$var
);
$list2
:
join
(
$list2
,
$var
);
}
}
$webkit
:
append
(
$webkit
,
$list1
);
$moz
:
append
(
$moz
,
$list2
);
$spec
:
append
(
$spec
,
$list3
);
}
// Create lists for non-prefixed transition properties
@else
{
$webkit
:
append
(
$webkit
,
$list
,
comma
);
$moz
:
append
(
$moz
,
$list
,
comma
);
$spec
:
append
(
$spec
,
$list
,
comma
);
}
@if
length
(
$properties
)
>=
1
{
@include
prefixer
(
transition
,
$properties
,
spec
);
}
@if
$needs-prefixes
{
-webkit-transition
:
$webkit
;
-moz-transition
:
$moz
;
transition
:
$spec
;
}
@else
{
@if
length
(
$properties
)
>=
1
{
@include
prefixer
(
transition
,
$properties
,
webkit
moz
spec
);
}
@else
{
$properties
:
all
0
.15s
ease-out
0s
;
@include
prefixer
(
transition
,
$properties
,
webkit
moz
spec
);
}
$properties
:
all
0
.15s
ease-out
0s
;
@include
prefixer
(
transition
,
$properties
,
spec
);
}
}
@mixin
transition-property
(
$properties
...
)
{
-webkit-transition-property
:
transition-property-names
(
$properties
,
'webkit'
);
-moz-transition-property
:
transition-property-names
(
$properties
,
'moz'
);
transition-property
:
transition-property-names
(
$properties
,
false
);
transition-property
:
transition-property-names
(
$properties
,
false
);
}
@mixin
transition-duration
(
$times
...
)
{
@include
prefixer
(
transition-duration
,
$times
,
webkit
moz
spec
);
@include
prefixer
(
transition-duration
,
$times
,
spec
);
}
@mixin
transition-timing-function
(
$motions
...
)
{
// ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier()
@include
prefixer
(
transition-timing-function
,
$motions
,
webkit
moz
spec
);
@include
prefixer
(
transition-timing-function
,
$motions
,
spec
);
}
@mixin
transition-delay
(
$times
...
)
{
@include
prefixer
(
transition-delay
,
$times
,
webkit
moz
spec
);
@include
prefixer
(
transition-delay
,
$times
,
spec
);
}
common/static/sass/bourbon/css3/_user-select.scss
View file @
f3d000ec
@mixin
user-select
(
$arg
:
none
)
{
@include
prefixer
(
user-select
,
$arg
,
webkit
moz
ms
spec
);
@include
prefixer
(
user-select
,
$arg
,
spec
);
}
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment