nav tabs and tab-content: boxes
This commit is contained in:
parent
042365b533
commit
f0615800a2
1 changed files with 19 additions and 6 deletions
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue