DGNum/demarches-normaliennes
13
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

Tabs component in patron

Browse source
This commit is contained in:
Mathieu Magnin 2017-06-29 17:43:20 +02:00
parent dcab333165
commit dcb3a48bd3
2 changed files with 32 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

22
app/assets/stylesheets/new_design/_tabs.scss Normal file
View file

@ -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;
}
}
}

10
app/views/root/patron.html.haml
View file

@ -29,6 +29,16 @@
%p %p
= link_to ".button.primary.expand", "#", class: "button primary expand" = 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 %h2 Layout deux colonnes
.two-columns .two-columns