nav tabs and tab-content: boxes

This commit is contained in:
Felix Niklas 2015-11-18 01:24:52 +01:00
parent 042365b533
commit f0615800a2

View file

@ -5632,7 +5632,10 @@ footer {
.nav-tabs { .nav-tabs {
display: flex; display: flex;
margin: 10px 0 20px; justify-content: center;
margin: 10px -20px 20px;
padding: 0 20px 0 21px; /* margin-left: -1px */
position: relative;
} }
.nav-tabs li { .nav-tabs li {
@ -5641,17 +5644,18 @@ footer {
border: 1px solid hsl(0,0%,90%); border: 1px solid hsl(0,0%,90%);
margin-left: -1px; margin-left: -1px;
background: white; background: white;
position: relative;
&:first-child { &:first-child {
border-radius: 5px 0 0 5px; border-radius: 7px 0 0 7px;
} }
&:last-child { &:last-child {
border-radius: 0 5px 5px 0; border-radius: 0 7px 7px 0;
} }
&:only-child { &:only-child {
border-radius: 5px; border-radius: 7px;
} }
&.active { &.active {
@ -5661,14 +5665,23 @@ footer {
} }
a { a {
padding-bottom: 8px; padding: 9px 25px;
color: inherit; color: inherit;
color: inherit; color: inherit;
} }
} }
.tab-content { .tab-content {
margin-top: 20px; margin: -40px 0 0;
padding: 39px 20px 20px;
border: 1px solid hsl(0,0%,90%);
border-top-color: hsl(0,0%,87%);
background: hsl(210,7%,95%);
border-radius: 12px;
h2:first-child {
margin-top: 0;
}
} }
.settings-entry { .settings-entry {