improvement: rework radiuses

scss/_definitions.scss

@@ -27,6 +27,34 @@ $border-size: 1px;
   border-radius: $border-radius $border-radius $border-radius $border-radius;
 }
 
+@mixin border-radius-top($value) {
+    border-top-left-radius: $value;
+    border-top-right-radius: $value;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+}
+
+@mixin border-radius-bottom($value) {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-bottom-left-radius: $value;
+    border-bottom-right-radius: $value;
+}
+
+@mixin border-radius-left($value) {
+    border-top-left-radius: $value;
+    border-top-right-radius: 0;
+    border-bottom-left-radius: $value;
+    border-bottom-right-radius: 0;
+}
+
+@mixin border-radius-right($value) {
+    border-top-left-radius: 0;
+    border-top-right-radius: $value;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: $value;
+}
+
 /* 01.1 - Commons elements */
 
 @mixin li-no-margin() {

scss/_drawing.scss

@@ -6,7 +6,6 @@
  * que par l'ajout d'un nouveau fichier dans components/
  */
 
-
 @import 'components/cards';
 
 @import 'components/buttons';

scss/components/_cards.scss

@@ -7,8 +7,8 @@
     margin-bottom:1.2em;
 }
 
-@mixin card-relief{
-    @include card()
+@mixin card-relief {
+    @include card();
     box-shadow: $large-shadow, $inset-shadow;
 }
 
@@ -66,15 +66,11 @@
     border-radius: 0;
 
     &:first-child {
-        @include border-radius();
-        border-bottom-left-radius: 0;
-        border-bottom-right-radius: 0;
+        @include border-radius-top($border-radius);
     }
 
     &:last-child {
-        @include border-radius();
-        border-top-left-radius: 0;
-        border-top-right-radius: 0;
+        @include border-radius-bottom($border-radius);
     }
 
     h1, h2, h3, h4, h5, h6, h7, h8, h9, h10  {