Tabs component in patron

app/assets/stylesheets/new_design/_tabs.scss

@@ -0,0 +1,22 @@
+@import "colors";
+@import "mixins";
+
+.tabs {
+  li {
+    display: inline-block;
+    margin-right: 40px;
+  }
+
+  a {
+    @include vertical-padding(14px);
+    display: block;
+    color: $black;
+    font-size: 22px;
+
+    &.selected,
+    &:hover {
+      border-bottom: 2px solid $blue;
+      padding-bottom: 12px;
+    }
+  }
+}

app/views/root/patron.html.haml

@@ -29,6 +29,16 @@
     %p
       = link_to ".button.primary.expand", "#", class: "button primary expand"
 
+    %h2 Onglets
+
+    %ul.tabs
+      %li
+        = link_to "Onglet 1", "#", class: "selected"
+      %li
+        = link_to "Onglet 2", "#"
+      %li
+        = link_to "Onglet 3", "#"
+
     %h2 Layout deux colonnes
 
   .two-columns