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 {
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 {
@ -5641,17 +5644,18 @@ footer {
border: 1px solid hsl(0,0%,90%);
margin-left: -1px;
background: white;
position: relative;
&:first-child {
border-radius: 5px 0 0 5px;
border-radius: 7px 0 0 7px;
}
&:last-child {
border-radius: 0 5px 5px 0;
border-radius: 0 7px 7px 0;
}
&:only-child {
border-radius: 5px;
border-radius: 7px;
}
&.active {
@ -5661,14 +5665,23 @@ footer {
}
a {
padding-bottom: 8px;
padding: 9px 25px;
color: inherit;
color: inherit;
}
}
.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 {