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 {
|
||||
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 {
|
||||
|
|
Loading…
Reference in a new issue