removed obsolete mixins

like pb() pl() mb() bgc() bgca()

sites/all/themes/gui/materiobasetheme/css/styles.css

@@ -2850,9 +2850,7 @@ html.no-touch #header #header-blocks #block-user-login:hover form#user-login-for
 #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists {
   position: absolute;
   z-index: 20;
-  background-color: white;
   background-color: rgba(255, 255, 255, 0.9);
-  *background-color: white;
   min-width: 100%;
   margin: 0 0 0 -5px;
   border-radius: 3px;
@@ -3442,9 +3440,7 @@ html.js #highlighted .block-materio-didactique .tabs > *:hover, html.js #highlig
 /* line 642, ../scss/styles.scss */
 #block-materio-user-user-register form, #block-materio-user-user-createaccount form {
   margin: 0;
-  background-color: white;
   background-color: rgba(255, 255, 255, 0.7);
-  *background-color: white;
   padding-bottom: 5px;
   display: moz-inline-stack;
   display: inline-block;
@@ -4312,9 +4308,7 @@ article.node-materiau.vm-bookmark nav.nav, article.node-breve.vm-bookmark nav.na
   border-radius: 0 5px 0 3px;
   background-clip: padding-box;
   font-size: 10px;
-  background-color: white;
   background-color: rgba(255, 255, 255, 0.9);
-  *background-color: white;
   color: #000;
 }
 /* line 1077, ../scss/styles.scss */
@@ -4323,9 +4317,7 @@ article.node-materiau.vm-bookmark nav.nav a, article.node-breve.vm-bookmark nav.
 }
 /* line 1078, ../scss/styles.scss */
 article.node-materiau.vm-bookmark nav.nav ul, article.node-breve.vm-bookmark nav.nav ul {
-  background-color: white;
   background-color: rgba(255, 255, 255, 0.9);
-  *background-color: white;
 }
 /* line 1079, ../scss/styles.scss */
 article.node-materiau.vm-bookmark nav.nav span.op, article.node-breve.vm-bookmark nav.nav span.op {
@@ -4454,9 +4446,7 @@ article.node-materiau.vm-bookmark div.workflow, article.node-breve.vm-bookmark d
   background-clip: padding-box;
   font-size: 10px;
   vertical-align: top;
-  background-color: white;
   background-color: rgba(255, 255, 255, 0.9);
-  *background-color: white;
   color: #000;
 }
 /* line 1153, ../scss/styles.scss */
@@ -4608,9 +4598,7 @@ article.node-materiau.vm-cardsmall nav.nav, article.node-breve.vm-cardsmall nav.
   border-radius: 0 5px 0 3px;
   background-clip: padding-box;
   font-size: 10px;
-  background-color: white;
   background-color: rgba(255, 255, 255, 0.9);
-  *background-color: white;
   color: #000;
 }
 /* line 1077, ../scss/styles.scss */
@@ -4619,9 +4607,7 @@ article.node-materiau.vm-cardsmall nav.nav a, article.node-breve.vm-cardsmall na
 }
 /* line 1078, ../scss/styles.scss */
 article.node-materiau.vm-cardsmall nav.nav ul, article.node-breve.vm-cardsmall nav.nav ul {
-  background-color: white;
   background-color: rgba(255, 255, 255, 0.9);
-  *background-color: white;
 }
 /* line 1079, ../scss/styles.scss */
 article.node-materiau.vm-cardsmall nav.nav span.op, article.node-breve.vm-cardsmall nav.nav span.op {
@@ -4750,9 +4736,7 @@ article.node-materiau.vm-cardsmall div.workflow, article.node-breve.vm-cardsmall
   background-clip: padding-box;
   font-size: 10px;
   vertical-align: top;
-  background-color: white;
   background-color: rgba(255, 255, 255, 0.9);
-  *background-color: white;
   color: #000;
 }
 /* line 1153, ../scss/styles.scss */
@@ -4998,9 +4982,7 @@ article.node-materiau.vm-cardmedium nav.nav, article.node-breve.vm-cardmedium na
   border-radius: 0 5px 0 3px;
   background-clip: padding-box;
   font-size: 10px;
-  background-color: white;
   background-color: rgba(255, 255, 255, 0.9);
-  *background-color: white;
   color: #000;
 }
 /* line 1077, ../scss/styles.scss */
@@ -5009,9 +4991,7 @@ article.node-materiau.vm-cardmedium nav.nav a, article.node-breve.vm-cardmedium
 }
 /* line 1078, ../scss/styles.scss */
 article.node-materiau.vm-cardmedium nav.nav ul, article.node-breve.vm-cardmedium nav.nav ul {
-  background-color: white;
   background-color: rgba(255, 255, 255, 0.9);
-  *background-color: white;
 }
 /* line 1079, ../scss/styles.scss */
 article.node-materiau.vm-cardmedium nav.nav span.op, article.node-breve.vm-cardmedium nav.nav span.op {
@@ -5140,9 +5120,7 @@ article.node-materiau.vm-cardmedium div.workflow, article.node-breve.vm-cardmedi
   background-clip: padding-box;
   font-size: 10px;
   vertical-align: top;
-  background-color: white;
   background-color: rgba(255, 255, 255, 0.9);
-  *background-color: white;
   color: #000;
 }
 /* line 1153, ../scss/styles.scss */
@@ -5222,9 +5200,7 @@ article.node-materiau.vm-cardmedium .group-header, article.node-breve.vm-cardmed
   font-size: 20px;
   font-weight: 300;
   line-height: 1;
-  background-color: white;
   background-color: rgba(255, 255, 255, 0.8);
-  *background-color: white;
   text-shadow: 0 0 4px rgba(255, 255, 255, 0.4);
   -webkit-transition: background-color 0.2s ease-out;
           transition: background-color 0.2s ease-out;
@@ -5265,9 +5241,7 @@ article.node-materiau.vm-cardmedium .group-header .field-name-field-localisation
 /* line 1287, ../scss/styles.scss */
 article.node-materiau.vm-cardmedium.node-breve .group-header, article.node-breve.vm-cardmedium.node-breve .group-header {
   color: #fff;
-  background-color: black;
   background-color: rgba(0, 0, 0, 0.7);
-  *background-color: black;
   text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
   -webkit-transition: background-color 0.2s ease-out;
           transition: background-color 0.2s ease-out;
@@ -5525,9 +5499,7 @@ article.node-materiau.vm-cardbig nav.nav, article.node-breve.vm-cardbig nav.nav
   border-radius: 0 5px 0 3px;
   background-clip: padding-box;
   font-size: 10px;
-  background-color: white;
   background-color: rgba(255, 255, 255, 0.9);
-  *background-color: white;
   color: #000;
 }
 /* line 1077, ../scss/styles.scss */
@@ -5536,9 +5508,7 @@ article.node-materiau.vm-cardbig nav.nav a, article.node-breve.vm-cardbig nav.na
 }
 /* line 1078, ../scss/styles.scss */
 article.node-materiau.vm-cardbig nav.nav ul, article.node-breve.vm-cardbig nav.nav ul {
-  background-color: white;
   background-color: rgba(255, 255, 255, 0.9);
-  *background-color: white;
 }
 /* line 1079, ../scss/styles.scss */
 article.node-materiau.vm-cardbig nav.nav span.op, article.node-breve.vm-cardbig nav.nav span.op {
@@ -5667,9 +5637,7 @@ article.node-materiau.vm-cardbig div.workflow, article.node-breve.vm-cardbig div
   background-clip: padding-box;
   font-size: 10px;
   vertical-align: top;
-  background-color: white;
   background-color: rgba(255, 255, 255, 0.9);
-  *background-color: white;
   color: #000;
 }
 /* line 1153, ../scss/styles.scss */
@@ -5757,9 +5725,7 @@ article.node-materiau.vm-cardbig .group-header, article.node-breve.vm-cardbig .g
   font-size: 20px;
   font-weight: 300;
   line-height: 1.1;
-  background-color: white;
   background-color: rgba(255, 255, 255, 0.8);
-  *background-color: white;
   text-shadow: 0 0 4px rgba(255, 255, 255, 0.4);
   -webkit-transition: background-color 0.2s ease-out;
           transition: background-color 0.2s ease-out;
@@ -5798,9 +5764,7 @@ article.node-materiau.vm-cardbig .group-header .field-name-field-localisation, a
 /* line 1354, ../scss/styles.scss */
 article.node-materiau.vm-cardbig.node-breve .group-header, article.node-breve.vm-cardbig.node-breve .group-header {
   color: #fff;
-  background-color: black;
   background-color: rgba(0, 0, 0, 0.7);
-  *background-color: black;
   text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
   -webkit-transition: background-color 0.2s ease-out;
           transition: background-color 0.2s ease-out;
@@ -6036,9 +6000,7 @@ article.node-materiau.vm-cardfull nav.nav, article.node-breve.vm-cardfull nav.na
   border-radius: 0 5px 0 3px;
   background-clip: padding-box;
   font-size: 10px;
-  background-color: white;
   background-color: rgba(255, 255, 255, 0.9);
-  *background-color: white;
   color: #000;
 }
 /* line 1077, ../scss/styles.scss */
@@ -6047,9 +6009,7 @@ article.node-materiau.vm-cardfull nav.nav a, article.node-breve.vm-cardfull nav.
 }
 /* line 1078, ../scss/styles.scss */
 article.node-materiau.vm-cardfull nav.nav ul, article.node-breve.vm-cardfull nav.nav ul {
-  background-color: white;
   background-color: rgba(255, 255, 255, 0.9);
-  *background-color: white;
 }
 /* line 1079, ../scss/styles.scss */
 article.node-materiau.vm-cardfull nav.nav span.op, article.node-breve.vm-cardfull nav.nav span.op {
@@ -6178,9 +6138,7 @@ article.node-materiau.vm-cardfull div.workflow, article.node-breve.vm-cardfull d
   background-clip: padding-box;
   font-size: 10px;
   vertical-align: top;
-  background-color: white;
   background-color: rgba(255, 255, 255, 0.9);
-  *background-color: white;
   color: #000;
 }
 /* line 1153, ../scss/styles.scss */
@@ -6302,9 +6260,7 @@ article.node-materiau.vm-cardfull .group-header .field-name-field-reference-mate
 /* line 1431, ../scss/styles.scss */
 article.node-materiau.vm-cardfull.node-breve .group-header, article.node-breve.vm-cardfull.node-breve .group-header {
   color: #fff;
-  background-color: black;
   background-color: rgba(0, 0, 0, 0.7);
-  *background-color: black;
   text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
   -webkit-transition: background-color 0.2s ease-out;
           transition: background-color 0.2s ease-out;
@@ -6553,9 +6509,7 @@ a:hover {
   border: 0;
   border-radius: 3px;
   background-clip: padding-box;
-  background-color: black;
   background-color: rgba(0, 0, 0, 0.6);
-  *background-color: black;
   text-align: left;
   margin-left: 2px;
 }
@@ -6571,9 +6525,7 @@ a:hover {
 }
 /* line 1493, ../scss/styles.scss */
 #autocomplete li.selected {
-  background-color: black;
   background-color: rgba(0, 0, 0, 0.8);
-  *background-color: black;
 }
 /* line 1494, ../scss/styles.scss */
 #autocomplete li div {

sites/all/themes/gui/materiobasetheme/scss/styles.scss

@@ -73,7 +73,7 @@
 }
 
 @mixin horihoverswitch(){
-  position:relative; z-index:1; @include bgc(#fff);
+  position:relative; z-index:1; background-color:#fff;
   figure{
     position: absolute; top:0; left:0;
     &:first-child{ position:relative; z-index:1; }
@@ -87,7 +87,7 @@
 .op-visible{
   visibility:visible;
   .csstransitions &{
-    @include opacity(1);
+    opacity:1;
     @include transition-simply-prefix(opacity 0.3s ease-out);
   }
 }
@@ -97,7 +97,7 @@
       margin-top:-100000px;
     }
   .csstransition &{
-    @include opacity(0);
+    opacity:0;
     @include transition-simply-prefix(visibility 0s 0.3s); // opacity 0.3s ease-out); change this
     >*{
       @include transition-simply-prefix(margin-top 0s 0.3s);
@@ -108,7 +108,7 @@
 @mixin op-visible(){
   visibility:visible;
   .csstransitions &{
-    @include opacity(1);
+    opacity:1;
     @include transition-simply-prefix(opacity 0.3s ease-out);
   }
 } // change this
@@ -119,7 +119,7 @@
       margin-top:-100000px;
     }
   .csstransition &{
-    @include opacity(0);
+    opacity:0;
     @include transition-simply-prefix(visibility 0s 0.3s); // opacity 0.3s ease-out); change this
     >*{
       @include transition-simply-prefix(margin-top 0s 0.3s);
@@ -131,7 +131,7 @@
   @include fs16();
   font-weight:bold;
   padding: 0.1em 0.3em 0.2em; @include rounded(0.3em);
-  border: 2px solid #ccc; @include bgc(#ccc); color:#4D4D4D; // blanc/bleu
+  border: 2px solid #ccc; background-color:#ccc; color:#4D4D4D; // blanc/bleu
   @include shadowTextBtnWhite();
   text-align: center; text-decoration: none;
 
@@ -140,13 +140,13 @@
 @mixin bouton-bleu(){
   @include bouton();
   @include shadowTextBtnBlack();
-  border-color:#69CDCF; @include bgc(#69CDCF); color:#fff;
+  border-color:#69CDCF; background-color:#69CDCF; color:#fff;
 }
 
 @mixin bouton-vert(){
   @include bouton();
   @include shadowTextBtnBlack();
-  border-color:#E6DE1C; @include bgc(#E6DE1C); color:#fff;
+  border-color:#E6DE1C; background-color:#E6DE1C; color:#fff;
 }
 
 /** colomnized() */
@@ -167,18 +167,18 @@
   }
 }
 @mixin bgcWhite(){
-  @include bgca(255, 255, 255, 0.8);
+  background-color: rgba(255, 255, 255, 0.8);
   text-shadow:0 0 4px rgba(255, 255, 255, 0.4);
   @include transition-simply-prefix(background-color 0.2s ease-out); // text-shadow 0.2s ease-out); //change this
 }
 @mixin bgcBlack(){
-  @include bgca(0, 0, 0, 0.7);
+  background-color: rgba(0, 0, 0, 0.7);
   text-shadow:0 0 4px rgba(0, 0, 0, 0.4);
   @include transition-simply-prefix(background-color 0.2s ease-out); // text-shadow 0.2s ease-out); //change this
 }
 
 // .bgcWhiteParentHover(){
-//   @include bgca(255, 255, 255, 0.2);
+//   background-color: rgba(255, 255, 255, 0.2);
 //   text-shadow:0 0 4px rgba(255, 255, 255, 0.9);
 //   &:hover{
 //     @include bgcWhite();
@@ -215,7 +215,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
       line-height:1; letter-spacing: 0.1em;
       color:rgb(0,0,122);
       @include fs12;
-      position:absolute; left:0; @include pl(0); @include ml(0);
+      position:absolute; left:0; padding-left:0; margin-left:0;
     }
     span.slogan{
       @include fs14;
@@ -229,15 +229,15 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
 
   #header-blocks{
     //position:absolute; right:0; bottom:0;
-    @include pt(17px);
+    padding-top:17px;
     float:right;
     text-align:right;
     text-transform: capitalize;
 
     >.region{
       @include inlineblock();vertical-align:middle;
-      @include pr(1em); @include mr(1em);
-      @media #{$small-only}{ @include pr(0.3em); @include mr(0.3em); }//change this
+      padding-right:1em; margin-right:1em;
+      @media #{$small-only}{ padding-right:0.3em; margin-right:0.3em; }//change this
       border-right: 1px solid #707070;
       &:last-child{border:none; padding: 0; margin: 0;}
     }
@@ -248,8 +248,8 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
         @include fs12;
         margin: 0; line-height: 1.2; font-weight: normal; }
       &:not(:last-child){
-        @include pr(0.8em);
-        @media #{$xlarge-only}{ @include pr(0.3em); } //change this
+        padding-right:0.8em;
+        @media #{$xlarge-only}{ padding-right:0.3em; } //change this
       }
     }
 
@@ -257,7 +257,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
       @include fs12;
       text-align:left; position:relative;
       h2{
-        @include pr(5px);
+        padding-right:5px;
         // .icon-user;
         i{ vertical-align: text-bottom; margin: 0 2px 2px 0;}
       }
@@ -269,7 +269,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
           padding: 5px; margin: 5px;
           background-color: #e6e6e6; @include rounded(5px); @include drop-shadow(0, 0, 5px, 0.2);
         }
-        .form-item{margin: 0; @include pb(5px);}
+        .form-item{margin: 0; padding-bottom:5px;}
         label,input{
           margin: 0;
           @include fs10;
@@ -278,7 +278,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
         input.form-text{width:150px;}
 
         #edit-actions{
-          margin: 5px 0; padding: 0; @include bgc(transparent); text-align: right;
+          margin: 5px 0; padding: 0; background-color:transparent; text-align: right;
           input.form-submit{
             @include fs12;
             padding: 10px;
@@ -316,7 +316,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
         line-height:1.1;}// @include fs700;
       // h2, section.mylists{@include inlineblock();}
       section.mylists{
-        position:absolute; z-index:20; @include bgca(255, 255, 255, 0.9); min-width:100%; margin: 0 0 0 -5px;
+        position:absolute; z-index:20; background-color: rgba(255, 255, 255, 0.9); min-width:100%; margin: 0 0 0 -5px;
         @include rounded(3px); @include drop-shadow(-2px, 2px, 5px, 0.2);
         .ie8 &{background:#FFF;}
         ul{margin: 0;}
@@ -332,7 +332,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
           span.count{
             @include fs300;
             padding: 0 5px;}
-          span.preview, a.edit-list{@include pr(5px);}
+          span.preview, a.edit-list{padding-right:5px;}
 
           .no-touch &:not(:hover) {
             span.preview, a.edit-list{@include op-hidden;}
@@ -343,7 +343,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
 
       &:hover{
         section.mylists{
-          @include pb(5px);
+          padding-bottom:5px;
           li{height:15px; padding: 3px 10px; }
         }
       }
@@ -367,7 +367,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
         margin: 0 5px 1px 0;
       }
       a span.account{text-transform: lowercase;}
-      a span.logout{display:none; @include ml(5px); }
+      a span.logout{display:none; margin-left:5px; }
       .fi-power{margin: 0 0.5em 0 0.5em;}
       @media #{$large-only}{ .fi-power{display: none;} }
       @media #{$medium-up}{ a span.logout{display:none;} }
@@ -383,7 +383,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
     }
 
     #block-locale-language{
-      @include ml(1em);
+      margin-left:1em;
       // border-left: 1px solid #707070;
       ul,li{
         margin:0;padding:0;list-style-type: none;
@@ -443,7 +443,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
         position:relative;
         h2 .menu-title{display: none;}
         .menu-wrapper{
-          position:absolute; width:150px; display:none; right:0; @include pt(5px);
+          position:absolute; width:150px; display:none; right:0; padding-top:5px;
           ul.menu{
             background-color: #e6e6e6;
             @include rounded(5px); padding: 0 5px 5px 5px; margin: 0; text-align: right;
@@ -517,7 +517,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
 
       .node.emvideo{
         .group-sideleft, .group-sideright{ width:47%; }
-        .group-sideleft{@include mr(2%);}
+        .group-sideleft{margin-right:2%;}
         // .field-name-field-visuel{display:none;}
       }
 
@@ -567,7 +567,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
       // .ie8 &{max-width:850px; border: 1px solid #C6C6C6;}
       .node-didactique{
       @include fs14;
-      @include bgc(#fff); //padding: 5px;
+      background-color:#fff; //padding: 5px;
       margin: 0 auto;
       // .ie8 &{max-width:750px; margin-left:15px; margin-top:10px;}
 
@@ -636,25 +636,25 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
   .ie8 &{max-width:250px; float:right; background-image:none;}
 
 
-  h2, h3{@include fs900; @include italic; padding:5px 0; margin: 0; line-height: 1; @include bgc(#fff); @include inlineblock(); min-width:50%;}
+  h2, h3{@include fs900; @include italic; padding:5px 0; margin: 0; line-height: 1; background-color:#fff; @include inlineblock(); min-width:50%;}
   h2{@include fs24;} h3{@include fs16;}
 
-  form{margin: 0; @include bgca(255, 255, 255, 0.7); @include pb(5px); @include inlineblock(); }
+  form{margin: 0; background-color: rgba(255, 255, 255, 0.7); padding-bottom:5px; @include inlineblock(); }
 
   .form-item, .form-wrapper{
     margin: 0; @include inlineblock; vertical-align: middle; position:relative;
   }
 
-  #edit-account{@include mr(5px);}
+  #edit-account{margin-right:5px;}
 
-  input.form-text{ @include fs12; @include rounded(5px); @include mb(4px);.ie8 &{margin-right:5px;}}
+  input.form-text{ @include fs12; @include rounded(5px); margin-bottom:4px;.ie8 &{margin-right:5px;}}
   .form-item-mail input.form-text, .form-item-name input.form-text{ width:11em;}
   .form-item-pass input.form-text{ width:7em;}
 
   #edit-mail-check{
     position:absolute; bottom:100%; z-index:9999; background-image: none;
     height:auto; //width:90%;
-    padding: 5px; @include rounded(5px); @include mb(10px);
+    padding: 5px; @include rounded(5px); margin-bottom:10px;
     @include fs11;  background-color: #fff;
     @include drop-shadow(0, 0, 5px, 0.6);
     @include transition-simply-prefix(bottom 0.1s ease-out);
@@ -669,37 +669,37 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
   }
 
   .form-submit{
-    //border: 2px solid #69CDCF; @include bgc(#69CDCF); color:#FF7400; // orange/bleu
+    //border: 2px solid #69CDCF; background-color:#69CDCF; color:#FF7400; // orange/bleu
     @include fs16; padding: 0.1em 0.6em 0.2em; @include rounded(0.3em);
     font-weight:bold;
-    @include mb(4px);
+    margin-bottom:4px;
   }
 
   .form-item-termsofservices, #edit-field-newsletter{
-    @include mb(0); display:block; line-height: 1;
+    margin-bottom:0; display:block; line-height: 1;
     &>*{ @include inlineblock; vertical-align: middle; margin: 0; }
     label{ @include fs10; background-color: #fff; @include rounded(3px); }
   }
 
   #user-register-form{
     .form-submit{
-      border: 2px solid #69CDCF; @include bgc(#69CDCF); color:#fff; // blanc/bleu
+      border: 2px solid #69CDCF; background-color:#69CDCF; color:#fff; // blanc/bleu
       @include shadowTextBtnBlack();
       &[disabled]{
-        @include bgc(#ddd); border: 2px solid #ddd;
+        background-color:#ddd; border: 2px solid #ddd;
       }
     }
 
   }
   #user-login{
     .form-submit{
-      border: 2px solid #E6DE1C; @include bgc(#E6DE1C); color:#fff; // noire/jaune
+      border: 2px solid #E6DE1C; background-color:#E6DE1C; color:#fff; // noire/jaune
       @include shadowTextBtnBlack();
     }
   }
 
   #edit-simplenews{
-    @include pt(0.5em);
+    padding-top:0.5em;
     .fieldset-description{
       @include fs12;
     }
@@ -718,7 +718,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
     width:5em;
     @include fs16; padding: 0.1em 0.3em 0.2em; @include rounded(0.3em);
     font-weight:bold;
-    border: 2px solid #69CDCF; @include bgc(#69CDCF); color:#fff; // blanc/bleu
+    border: 2px solid #69CDCF; background-color:#69CDCF; color:#fff; // blanc/bleu
     @include shadowTextBtnBlack();
     text-align: center; text-decoration: none;
   }
@@ -771,13 +771,13 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
       @include fs12; @include fs700; margin: 0;  line-height:1.2; color:#000;
       a.open-list, i.fi-xicon-remove{
         @include inlineblock(); cursor:pointer;  color:#000;
-        @include opacity(0); @include transition-simply-prefix(opacity 0.1s ease-out);
+        opacity:0; @include transition-simply-prefix(opacity 0.1s ease-out);
       }
     }
 
     &:hover{
       a.open-list, i.fi-x{
-        @include opacity(1);
+        opacity:1;
       }
     }
 
@@ -837,7 +837,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
   //   margin:0 0 0 20px;
   // }
 
-  .oldie &{@include bgc(#B1ADAD); padding:0 10px;}
+  .oldie &{background-color:#B1ADAD; padding:0 10px;}
 
   .btn-group{
     padding: 0; @include  rounded(3px); @include  bgc(#fff); margin:4px;
@@ -849,8 +849,8 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
     margin: 0 10px 0 0;
     h1{ margin: 0;
       @include fs24; text-transform: capitalize; @include fs300; line-height:1;}
-    i{ vertical-align: middle ; @include mr(5px);}
-    i.icon-materio-folder{@include mb(2px);}
+    i{ vertical-align: middle ; margin-right:5px;}
+    i.icon-materio-folder{margin-bottom:2px;}
     a.edit-list{
       @include op-hidden;
       i{ margin: 0 0 0 5px;}
@@ -888,7 +888,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
     float:right;
     >.inner{
       @include inlineblock(); margin:0 0 0 10px;
-      padding: 3px 10px; @include bgc(#fff); @include rounded(3px);
+      padding: 3px 10px; background-color:#fff; @include rounded(3px);
       @include shadowBtn(); text-align: right;
     }
   }
@@ -918,7 +918,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
 
     #edit-searchfield-autocomplete-aria-live{
       .oldie &{
-        @include bgc(#1a1a1a);
+        background-color:#1a1a1a;
       }
     };
 
@@ -939,7 +939,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
 
 #center{
   background-color: #e6e6e6; @include rounded(10px);
-  .node-type-page &{ @include bgc(#fff); }
+  .node-type-page &{ background-color:#fff; }
   .ie8 &{height:100%; margin-top:20px;}
 
 }
@@ -949,7 +949,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
   // @include rounded(5px);
   @include transition-simply-prefix(height 0.3s ease-out);
   &.faded{
-    @include opacity(0.5);
+    opacity:0.5;
     @include transition-simply-prefix(opacity 0.3s ease-out);
   }
 
@@ -992,13 +992,13 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
   }
 
   .node-type-page &{
-    // @include pl(15px);
+    // padding-left:15px;
   }
 }
 
 /** #content-bottom */
 #content-bottom{
-  @include pt(10px);
+  padding-top:10px;
 }
 
 /** CARDS */
@@ -1038,7 +1038,7 @@ $cardfull_h:610px;
   // .no-touch &:hover{ @include drop-shadow(0, 0, 5px, 0.7); }
   &.focused{ @include drop-shadow(0, 0, 7px, 0.9); }
 
-  &.just-added{ @include opacity(0); }
+  &.just-added{ opacity:0; }
 
   &.associated{
     @include transition-simply-prefix(margin 0.3s ease-out);
@@ -1054,7 +1054,7 @@ $cardfull_h:610px;
 
   &.removed{
     @include transition-simply-prefix(width 0.3s ease-out);
-    width:0; @include pl(0); @include pr(0); @include mr(0); @include ml(0); overflow:hidden;
+    width:0; padding-left:0; padding-right:0; margin-right:0; margin-left:0; overflow:hidden;
   }
   // TODO:  how to show that a card was flaged ?
   // .search-results &.flaged, .actuality-items &.flaged{
@@ -1069,13 +1069,13 @@ $cardfull_h:610px;
     @include fs11;
 
     // colors
-    // @include bgca(10, 10, 10, 0.9); color:#fff;
+    // background-color: rgba(10, 10, 10, 0.9); color:#fff;
     // a{color:#fff;}
-    //ul{@include bgca(10, 10, 10, 0.9);}
-    @include bgca(255, 255, 255, 0.9); color:#000;
+    //ul{background-color: rgba(10, 10, 10, 0.9);}
+    background-color: rgba(255, 255, 255, 0.9); color:#000;
 
     a{color:#000;}
-    ul{@include bgca(255, 255, 255, 0.9);}
+    ul{background-color: rgba(255, 255, 255, 0.9);}
     span.op{@include fs900; @include fs14;}
 
     ul{padding: 0; margin: 0;}
@@ -1087,7 +1087,7 @@ $cardfull_h:610px;
     }
 
     ul{
-      position:absolute; right:0; top:0; @include mr(22px); min-width:80px; padding: 0; display:block;
+      position:absolute; right:0; top:0; margin-right:22px; min-width:80px; padding: 0; display:block;
       @include rounded(3px); @include drop-shadow(-2px, 2px, 5px, 0.2);
        // padding: 5px 10px;
       li{
@@ -1106,7 +1106,7 @@ $cardfull_h:610px;
         //   background: transparent url('../img/ajax-loader.gif') no-repeat 98% center;
         // }
         li{
-          @include inlineblock(); min-width:48%; max-width:98%; @include pl(2px);
+          @include inlineblock(); min-width:48%; max-width:98%; padding-left:2px;
           a{
             color:#a6a6a6; @include transition-simply-prefix(color 0.2s ease-out);
             &:hover, &.unflag-action{
@@ -1115,7 +1115,7 @@ $cardfull_h:610px;
           }
           &.flag-lists-create{
             display:block; width:100%;
-            >*{ @include mt(1px); @include pt(1px); border-top:1px solid #e6e6e6;}
+            >*{ margin-top:1px; padding-top:1px; border-top:1px solid #e6e6e6;}
             a{color:#000;}
           }
           &.loading{
@@ -1149,13 +1149,13 @@ $cardfull_h:610px;
     padding: 5px;
     @include border-radius(5px, 0, 3px, 0);
     @include fs11; vertical-align: top;
-    @include bgca(255, 255, 255, 0.9); color:#000;
+    background-color: rgba(255, 255, 255, 0.9); color:#000;
     span{padding: 3px 0 0 4px; @include inlineblock();}
   }
 
   .field-name-field-description .upgrade{
     @include fs12;
-    @include pt(4em);@include mt(-4.5em);
+    padding-top:4em;margin-top:-4.5em;
     // .bgc(rgba(255,255,255,0.6));
     background : linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 4em);
     position:relative;
@@ -1167,7 +1167,7 @@ $cardfull_h:610px;
       display:block; margin: 10px 0;
       @include fs18; padding: 0.1em 0.6em 0.2em; @include rounded(0.3em);
       font-weight:bold;
-      border: 2px solid #69CDCF; @include bgc(#69CDCF); color:#fff; // blanc/bleu
+      border: 2px solid #69CDCF; background-color:#69CDCF; color:#fff; // blanc/bleu
       @include shadowTextBtnBlack();
       text-align: center; text-decoration: none;
     }
@@ -1186,7 +1186,7 @@ article.search-performance{
     display:block; margin: 10px auto; max-width:10em;
     @include fs18; padding: 0.1em 0.6em 0.2em; @include rounded(0.3em);
     font-weight:bold;
-    border: 2px solid #69CDCF; @include bgc(#69CDCF); color:#fff; // blanc/bleu
+    border: 2px solid #69CDCF; background-color:#69CDCF; color:#fff; // blanc/bleu
     @include shadowTextBtnBlack();
     text-align: center; text-decoration: none;
   }
@@ -1264,7 +1264,7 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium{
   @include card($cardmedium_w, $cardmedium_h); //width:210px; height:295px;
 
   .side{
-    @include layer(); @include bgc(#fff); cursor:pointer;
+    @include layer(); background-color:#fff; cursor:pointer;
     &:nth-child(2){z-index:1;}
   }
 
@@ -1300,7 +1300,7 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium{
   // side 2
   .field-name-field-description, .field-name-body{
     @include fs12; @include fs300; overflow: hidden; z-index:-1; @include columnized(5px);
-    .column>*{@include pr(25px);}
+    .column>*{padding-right:25px;}
   }
 
   // side 3
@@ -1332,7 +1332,7 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig{
   @include card($cardbig_w, $cardbig_h); //width:425px; height:610px;
 
   .side{
-    @include layer(); @include bgc(#fff); height:270px; top:340px; cursor:pointer;
+    @include layer(); background-color:#fff; height:270px; top:340px; cursor:pointer;
     &:nth-child(2){z-index:1;}
   }
 
@@ -1388,14 +1388,14 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig{
   .side.oops p, .side .upgrade p{
     padding: 3em;
     a{
-      border: 2px solid #eee; @include bgc(#eee); color:#fff;
+      border: 2px solid #eee; background-color:#eee; color:#fff;
       @include transition-simply-prefix(border 0.3s ease-out);
       @include transition-simply-prefix(background-color 0.3s ease-out);
     }
   }
   &:hover .side.oops p, &:hover .side .upgrade p{
     a{
-      border: 2px solid #69CDCF; @include bgc(#69CDCF);
+      border: 2px solid #69CDCF; background-color:#69CDCF;
     }
   }
 }
@@ -1424,7 +1424,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
   .group-header{
     @include fs20; @include fs300; padding:10px;
     .field-name-title-field{@include fs700;}
-    .field-name-field-reference-materio, .field-name-field-localisation, .field-name-field-authored-on{ @include inlineblock(); @include fs12; @include pr(15px);}
+    .field-name-field-reference-materio, .field-name-field-localisation, .field-name-field-authored-on{ @include inlineblock(); @include fs12; padding-right:15px;}
     // .field-name-field-localisation{ float:right; }
   }
 
@@ -1447,7 +1447,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
   .field-name-field-company-fab, .field-name-field-company-distrib{
     @include fs12; padding:10px; @include fs300;
     @include inlineblock(); width:40%;
-    .field-item{@include mt(1em);}
+    .field-item{margin-top:1em;}
     .field-label{ @include fs10; text-transform: lowercase; float: none; }
     .field-name-field-tode-company{@include fs14;}
   }
@@ -1466,14 +1466,14 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
   .side.oops p, .side .upgrade p{
     padding: 3em;
     a{
-      border: 2px solid #eee; @include bgc(#eee); color:#fff;
+      border: 2px solid #eee; background-color:#eee; color:#fff;
       @include transition-simply-prefix(border 0.3s ease-out);
       @include transition-simply-prefix(background-color 0.3s ease-out);
     }
   }
   &:hover .side.oops p, &:hover .side .upgrade p{
     a{
-      border: 2px solid #69CDCF; @include bgc(#69CDCF);
+      border: 2px solid #69CDCF; background-color:#69CDCF;
     }
   }
 }
@@ -1484,13 +1484,13 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
 /** AUTOCOMPLETE */
 #autocomplete{
   border: 0; @include rounded(3px);
-  @include bgca(0,0,0,0.6);
+  background-color: rgba(0,0,0,0.6);
   text-align: left;
   margin-left: 2px;
-  .oldie &{@include bgc(#545454);}
+  .oldie &{background-color:#545454;}
   li{
     color:#FFF; background-color: transparent;
-    &.selected{@include bgca(0,0,0,0.8);}
+    &.selected{background-color: rgba(0,0,0,0.8);}
     div{padding:0.1em 5px;} @include fs12;
   }
 
@@ -1502,15 +1502,15 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
 @mixin mat_modal(){
   background-color: rgba(0,0,0,0.7);
   @include rounded(5px); border: 0;
-  *{color:#fff; @include bgc(transparent);}
+  *{color:#fff; background-color:transparent;}
   @include fs12;
   form{
-    @include bgc(transparent); color:#fff; border: 0px;
+    background-color:transparent; color:#fff; border: 0px;
 
     .form-actions{
-      @include bgc(transparent); margin: 0; padding: 0; border: 0;
+      background-color:transparent; margin: 0; padding: 0; border: 0;
     }
-    input.form-text, textarea, div.grippie{@include bgc(#fff); color:#000; border: 0;}
+    input.form-text, textarea, div.grippie{background-color:#fff; color:#000; border: 0;}
 
     .form-actions{ text-align: right ;}
     input.form-submit{
@@ -1577,7 +1577,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
       position:absolute;
       top:0; left:0;
       width:100%; height:100%;
-      @include opacity(0.5);
+      opacity:0.5;
     }
 
     .modal-content{
@@ -1598,9 +1598,9 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
 // #modalContent{
 //   @include mat_modal();
 //   .ctools-modal-content{
-//     border: 0; @include bgc(transparent); color:#fff;
+//     border: 0; background-color:transparent; color:#fff;
 //     .modal-header{
-//       @include bgc(transparent); border: 0;
+//       background-color:transparent; border: 0;
 //       #modal-title{
 //         padding: 5px, 0;
 //       }
@@ -1622,7 +1622,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
 //       }
 
 //       // .form-actions{
-//       //   @include bgc(transparent); margin: 0; padding: 0; border: 0;
+//       //   background-color:transparent; margin: 0; padding: 0; border: 0;
 //       // }
 //     }
 
@@ -1675,7 +1675,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
   }
 
   #feedback-form-toggle{
-    padding: 2px 3px; @include rounded(3px); @include bgc(#ff7600); color:#fff;
+    padding: 2px 3px; @include rounded(3px); background-color:#ff7600; color:#fff;
     line-height:2; @include fs900;
   }
   .content{
@@ -1683,7 +1683,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
     .ie8 &{background:#000;}
   }
 
-  #feedback-status-message{@include bgc(#fff); padding: 5px;}
+  #feedback-status-message{background-color:#fff; padding: 5px;}
 }
 
 /** TASK / TABS **/
@@ -1691,8 +1691,8 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
   a{
     @include fs12;
     padding: 5px 10px;
-    @include bgc(#e6e6e6);
-    &.active, &:hover{@include bgc(#e6e6e6);}
+    background-color:#e6e6e6;
+    &.active, &:hover{background-color:#e6e6e6;}
     @include rounded(3px);
   }
 }
@@ -1734,7 +1734,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
   &.role-6 #tasks .tabs.secondary{@include tabs-primary();}
 
   #content .inner-content >*{
-    width:800px; margin:0 auto; @include pt(1em); @include fs14;
+    width:800px; margin:0 auto; padding-top:1em; @include fs14;
 
     fieldset{
       margin-bottom:1em;
@@ -1825,7 +1825,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
         input{ width:35em;}
       }
       .locality-block{
-        .form-item{width:auto; @include mr(1em);}
+        .form-item{width:auto; margin-right:1em;}
       }
     }
 
@@ -1862,7 +1862,7 @@ body.node-type-simplenews{
 /** PAGE CONTACT */
 .page-node-11175{
   #main{
-    // @include bgc(#fff);
+    // background-color:#fff;
     background: #fff url('../img/bg-contact.gif') no-repeat bottom right;
 
     .field-name-body p{
@@ -1964,7 +1964,7 @@ body.page-node-11187{
         h2{ padding:10px 0 0; @include fs24; top:0; }
         .subtitle{ min-height:2em; }
         ul{ @include fs14; min-height:120px;}
-        .get-link{ @include fs14; text-align: left; padding: 0 1em; @include bgc(#ddd); }
+        .get-link{ @include fs14; text-align: left; padding: 0 1em; background-color:#ddd; }
       }
     }
 
@@ -2004,8 +2004,8 @@ body.page-node-11187{
     }
     legend{margin: 0; @include fs18; @include fs700;}
     .form-item{ margin: 0 20px 0 0; }
-    label{ @include fs12; width:10em; @include inlineblock; vertical-align:middle; @include mr(1em); border-bottom: 1px solid #cccccc; }
-    .description{ @include fs11; width:25em; @include inlineblock; vertical-align:bottom; @include ml(1em); color:#7f7f7f;}
+    label{ @include fs12; width:10em; @include inlineblock; vertical-align:middle; margin-right:1em; border-bottom: 1px solid #cccccc; }
+    .description{ @include fs11; width:25em; @include inlineblock; vertical-align:bottom; margin-left:1em; color:#7f7f7f;}
     input.form-text{width:13em;}
   }
 
@@ -2018,7 +2018,7 @@ body.page-node-11187{
     }
     legend{margin: 0; @include fs16; @include fs700;}
     .form-item{ margin: 0; float:none;}
-    label{ @include fs12; width:30%; @include inlineblock; vertical-align:middle; @include mr(0.5em); }
+    label{ @include fs12; width:30%; @include inlineblock; vertical-align:middle; margin-right:0.5em; }
     input.form-text, select.form-select{width:60%;}
     #webform-component-infos{@include fs14;}
   } //change this
@@ -2057,7 +2057,7 @@ body.page-node-11187{
     .description{@include inlineblock;}
   }
 
-  #addressfield-wrapper{ @include mt(1em); }
+  #addressfield-wrapper{ margin-top:1em; }
   .street-block .form-item{ @include inlineblock; }
 
   #webform-component-column-right--collaborators{
@@ -2076,10 +2076,10 @@ body.page-node-11187{
     background-color: transparent;
     text-align: left;
     .form-submit{
-      border: 2px solid #69CDCF; @include bgc(#69CDCF); color:#fff;
+      border: 2px solid #69CDCF; background-color:#69CDCF; color:#fff;
       @include fs18; padding: 0.2em 1em 0.3em; @include rounded(0.3em);
       font-weight:bold;
-      @include mb(9px);
+      margin-bottom:9px;
       @include shadowTextBtnBlack();
     }
   }
@@ -2094,7 +2094,7 @@ body.page-node-11187{
   }
 
   #edit-submitted-terms-of-services{
-    @include mb(0.5em);
+    margin-bottom:0.5em;
     input, label{margin: 0 0.3em 0 0;}
     label{ width:auto; }
   }
@@ -2141,7 +2141,7 @@ body.page-node-11187{
     }
     .form-submit{
       @include bouton();
-      @include ml(1em);
+      margin-left:1em;
       &#edit-checkout--2{
         @include bouton-bleu();
       }
@@ -2165,7 +2165,7 @@ body.page-node-11187{
 
   fieldset.form-row{
     //    @include rounded(5px); border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc;
-    @include pb(20px); @include mb(20px);
+    padding-bottom:20px; margin-bottom:20px;
     // fieldset{ border: 0 solid #ddd; padding: 0;}
   }
 
@@ -2180,9 +2180,9 @@ body.page-node-11187{
   fieldset.form-column-left{}
 
   fieldset.form-column-right{
-     border-left:1px solid #ccc;
-    @include ml(2em); @include pl(2em);
-    // @include bgc(#fff); @include rounded(5px);
+    border-left:1px solid #ccc;
+    margin-left:2em; padding-left:2em;
+    // background-color:#fff; @include rounded(5px);
   }
 
   legend{margin: 0; @include fs18; @include fs700; border:none; line-height:2;}
@@ -2190,14 +2190,14 @@ body.page-node-11187{
   .fieldset-wrapper{@include fs12;}
   .form-item{ margin: 0 20px 0 0; }
 
-  .description{ @include fs11; width:25em; @include inlineblock; vertical-align:bottom; @include ml(1em); color:#7f7f7f;}
+  .description{ @include fs11; width:25em; @include inlineblock; vertical-align:bottom; margin-left:1em; color:#7f7f7f;}
 
   #cart-pane{
     >.fieldset-wrapper{
       @include inlineblock();
       @include rounded(5px);
       padding: 10px;
-      @include bgc(#fff);
+      background-color:#fff;
     }
 
     table{
@@ -2224,7 +2224,7 @@ body.page-node-11187{
   #customer-pane{width:35em;}
 
   #billing-pane{
-    label{ @include fs12; width:8em; @include inlineblock; vertical-align:middle; @include mr(1em); border-bottom: 1px solid #cccccc; }
+    label{ @include fs12; width:8em; @include inlineblock; vertical-align:middle; margin-right:1em; border-bottom: 1px solid #cccccc; }
     input.form-text{width:13em;}
   }
 
@@ -2236,7 +2236,7 @@ body.page-node-11187{
     float:right;
 
     .fieldset-wrapper{
-      @include bgc(#fff);
+      background-color:#fff;
       @include rounded(5px);
       padding: 10px;
     }
@@ -2281,7 +2281,7 @@ body.page-node-11187{
     text-align: right;
     .form-submit{
       @include bouton();
-      @include ml(1em);
+      margin-left:1em;
       &#edit-continue{
         @include bouton-bleu();
       }
@@ -2360,7 +2360,7 @@ body.page-node-11187{
   }
   input.form-submit{
     @include bouton();
-    @include ml(1em);
+    margin-left:1em;
     &#edit-submit{
       @include bouton-bleu();
     }
@@ -2375,7 +2375,7 @@ body.page-node-11187{
       @include rounded(5px); background-color: #FFF;
       @include drop-shadow(0, 0, 5px, 0.2);
       max-width:850px;
-      @include fs14; @include bgc(#fff); //padding: 5px;
+      @include fs14; background-color:#fff; //padding: 5px;
       margin: 1em auto; padding: 1em;
 
       .field-name-field-emvideo{
@@ -2426,7 +2426,7 @@ body.page-node-11187{
 #content .faq-content{
 
   .faq-description{
-    @include fs12; @include pb(2em);
+    @include fs12; padding-bottom:2em;
   }
 
   ul.faq-ul-questions-top{
@@ -2449,7 +2449,7 @@ body.page-node-11187{
     padding: 0;
   }
   .faq-category-group{
-    @include pb(1em);
+    padding-bottom:1em;
   }
   .faq-question-answer{
     padding: 0.3em 0 0 0.8em;
@@ -2458,7 +2458,7 @@ body.page-node-11187{
       a{color:#000;}
     }
     .faq-answer{
-      padding: 0; @include mb(2em);
+      padding: 0; margin-bottom:2em;
       @include fs12;
     }
   }