Fix rounded tabs

This commit is contained in:
Jeremy Thomas
2017-12-04 13:45:14 +00:00
parent 267f2c137f
commit d6dd2cb023
3 changed files with 61 additions and 20 deletions

View File

@@ -7406,22 +7406,10 @@ label.panel-block:hover {
border-radius: 3px 0 0 3px;
}
.tabs.is-toggle li:first-child a.is-rounded {
border-top-left-radius: 290486px;
border-bottom-left-radius: 290486px;
padding-left: 1.25em;
}
.tabs.is-toggle li:last-child a {
border-radius: 0 3px 3px 0;
}
.tabs.is-toggle li:last-child a.is-rounded {
border-top-right-radius: 290486px;
border-bottom-right-radius: 290486px;
padding-right: 1.25em;
}
.tabs.is-toggle li.is-active a {
background-color: #3273dc;
border-color: #3273dc;
@@ -7433,6 +7421,18 @@ label.panel-block:hover {
border-bottom: none;
}
.tabs.is-toggle.is-toggle-rounded li:first-child a {
border-bottom-left-radius: 290486px;
border-top-left-radius: 290486px;
padding-left: 1.25em;
}
.tabs.is-toggle.is-toggle-rounded li:last-child a {
border-bottom-right-radius: 290486px;
border-top-right-radius: 290486px;
padding-right: 1.25em;
}
.tabs.is-small {
font-size: 0.75rem;
}