Skip to content

Commit

Permalink
Merge pull request reactjs#123 from evoyy/pr/fix_example_css_for_firefox
Browse files Browse the repository at this point in the history
Improve example CSS for non-Webkit browsers
  • Loading branch information
claydiffrient committed Mar 25, 2016
2 parents 980ad5d + aac1841 commit 597882d
Show file tree
Hide file tree
Showing 2 changed files with 6 additions and 0 deletions.
3 changes: 3 additions & 0 deletions examples/basic/app.css
Original file line number Diff line number Diff line change
Expand Up @@ -11,10 +11,12 @@

.ReactModal__Content {
-webkit-transform: scale(0.5) rotateX(-30deg);
transform: scale(0.5) rotateX(-30deg);
}

.ReactModal__Content--after-open {
-webkit-transform: scale(1) rotateX(0deg);
transform: scale(1) rotateX(0deg);
transition: all 150ms ease-in;
}

Expand All @@ -24,5 +26,6 @@

.ReactModal__Content--before-close {
-webkit-transform: scale(0.5) rotateX(30deg);
transform: scale(0.5) rotateX(30deg);
transition: all 150ms ease-in;
}
3 changes: 3 additions & 0 deletions examples/bootstrap/app.css
Original file line number Diff line number Diff line change
Expand Up @@ -14,10 +14,12 @@

.ReactModal__Content {
-webkit-transform: scale(0.5) rotateX(-30deg);
transform: scale(0.5) rotateX(-30deg);
}

.ReactModal__Content--after-open {
-webkit-transform: scale(1) rotateX(0deg);
transform: scale(1) rotateX(0deg);
transition: all 150ms ease-in;
}

Expand All @@ -27,6 +29,7 @@

.ReactModal__Content--before-close {
-webkit-transform: scale(0.5) rotateX(30deg);
transform: scale(0.5) rotateX(30deg);
transition: all 150ms ease-in;
}

Expand Down

0 comments on commit 597882d

Please sign in to comment.