Use autoprefixer to automatically add vendor prefixes to CSS

linuxfrorg · Jul 18, 2018 · 19e68f6 · 19e68f6
1 parent cf73291
commit 19e68f6
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 30 deletions.
diff --git a/Gemfile b/Gemfile
@@ -39,9 +39,10 @@ gem "state_machine",           "~>1.2"
 assets = !%w(production alpha).include?(ENV['RAILS_ENV'])
 assets = true if ENV['RAILS_GROUPS'] == "assets"
 gem "jquery-rails",          "~>4.0", require: assets
+gem "coffee-rails",          "~>4.1", require: assets
 gem "sass-rails",            "~>5.0", require: assets
 gem "rails-sass-images",              require: assets
-gem "coffee-rails",          "~>4.1", require: assets
+gem "autoprefixer-rails",             require: assets
 gem "uglifier",                       require: assets
 
 group :development do

diff --git a/Gemfile.lock b/Gemfile.lock
@@ -78,6 +78,8 @@ GEM
       rake (>= 10.4, < 13.0)
     ansi (1.5.0)
     arel (9.0.0)
+    autoprefixer-rails (9.0.0)
+      execjs
     bcrypt (3.1.12)
     better_errors (2.4.0)
       coderay (>= 1.0.0)
@@ -323,6 +325,7 @@ DEPENDENCIES
   acts_as_list (~> 0.4)
   annotate
   ansi (~> 1.4)
+  autoprefixer-rails
   better_errors
   binding_of_caller
   bitfields (~> 0.4)

diff --git a/app/assets/stylesheets/RonRonnement.css.scss b/app/assets/stylesheets/RonRonnement.css.scss
@@ -316,12 +316,7 @@ a.edit_client_app,
       background: $C_FONCE;
       max-width: 80%;
       padding: 4px 10px 4px 10px;
-
-      -webkit-transform-origin: left top;
-      -o-transform-origin: left top;
       transform-origin: left top;
-      -webkit-transform: rotate(-90deg) translate(-100%, -100%) translate(3px, -5px);
-      -o-transform: rotate(-90deg) translate(-100%, -100%) translate(-3px, -5px);
       transform: rotate(-90deg) translate(-100%, -100%) translate(-3px, -5px);
     }
 	h1 + h2 { margin-top: -1.2em; }
@@ -369,7 +364,6 @@ a.edit_client_app,
   color: $C_MENU;
 
   background-color: #bdb3aa;
-  background: -webkit-linear-gradient(left, #fff, #e7e3e0 $PX_BRANDING_LARG, #bdb3aa 50%);
   background: linear-gradient(to right, #fff, #e7e3e0 $PX_BRANDING_LARG, #bdb3aa 50%);
 
   /* we recycle the nav bar to display the black line at the top */
@@ -434,12 +428,6 @@ a.edit_client_app,
   margin-top: 0;
   padding: 0 0 20px 0;
   background: $C_CLAIR;
-  background: -webkit-gradient(linear,
-    center top,
-    center bottom,
-    from($C_FOOT),
-    to(white)
-  );
   background: linear-gradient(to bottom,
     $C_FOOT 0%,
     white 100%
@@ -454,12 +442,6 @@ a.edit_client_app,
     width: $PC_FOOT_WIDTH;
     margin: 0 $PC_FOOT_MARG 0 $PC_FOOT_MARG;
     background: $C_FOOT;
-    background: -webkit-gradient(linear,
-      center top,
-      center bottom,
-      from($C_FOOT),
-      color-stop(50%, $C_MIBLANC_MIFOOT),
-      to($C_FOOT));
     background: linear-gradient(to bottom,
       $C_FOOT 0%,
       $C_MIBLANC_MIFOOT 50%,
@@ -624,7 +606,6 @@ article {
   }
   .score {
     background: $C_BAS_FOND;
-    -webkit-border-image: url("/images/contrib/RonRonnement/coin-transparent.png") 0 0 0 15;
     border-image:         url("/images/contrib/RonRonnement/coin-transparent.png") 0 0 0 15;
     border-style: solid;
     text-align: center;
@@ -636,7 +617,6 @@ article {
   .datePourCss {
     display: block !important;
     background: $C_BANDEAU;
-    -webkit-border-image: url("/images/contrib/RonRonnement/coin-transparent.png") 0 0 0 15;
     border-image:         url("/images/contrib/RonRonnement/coin-transparent.png") 0 0 0 15;
     border-style: solid;
     color: white;
@@ -844,7 +824,6 @@ footer.actions {
     &[href^="//linuxfr.org/wiki"] {
       padding-left: 3px;
       border-left: 16px;
-      -webkit-border-image: url('/favicon.png') 0 0 0 32;
       border-image:         url('/favicon.png') 0 0 0 32;
       border-style: solid;
     }
@@ -1686,8 +1665,6 @@ img {
       border-bottom: 0;
       &:last-child { padding-bottom: 0; }
       h1 {
-        -webkit-transform: none;
-        -o-transform: none;
         transform: none;
         width: 100px;
         margin: 0 10px;

diff --git a/app/assets/stylesheets/common/ac.css.scss b/app/assets/stylesheets/common/ac.css.scss
@@ -8,10 +8,6 @@ $C_INTER: #A99C90 !default;
 .ac_results {
   background-color: $C_CLAIR;
   border: solid 1px $C_INTER;
-
-  -webkit-border-radius: 4px;
-  -khtml-border-radius: 4px;
-  -moz-border-radius: 4px;
   border-radius: 4px;
   margin: 5px 5px 30px;
   padding: 5px;

diff --git a/app/assets/stylesheets/common/markitup.css.scss b/app/assets/stylesheets/common/markitup.css.scss
@@ -24,8 +24,6 @@
   display: block;
   line-height: 18px;
   overflow: auto;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
   box-sizing: border-box; }
 
 .markItUpFooter {