_field.scss
5 years ago
_help.scss
5 years ago
_preview.scss
5 years ago
_ssp_page.scss
5 years ago
_ssp_tabs.scss
5 years ago
_switch.scss
5 years ago
_ssp_tabs.scss
43 lines
| 1 | |
| 2 | /* タブコンテンツ */ |
| 3 | .ssp-page { |
| 4 | |
| 5 | .ssp-page__tabs { |
| 6 | padding-bottom: 6px; |
| 7 | overflow-y: auto; |
| 8 | } |
| 9 | |
| 10 | .nav-tab-wrapper { |
| 11 | display: flex; |
| 12 | border-bottom: 1px solid #ddd; |
| 13 | } |
| 14 | |
| 15 | .nav-tab { |
| 16 | background: rgba(0, 0, 0, 0.05); |
| 17 | border: none; |
| 18 | border-radius: 2px 2px 0 0; |
| 19 | cursor: pointer; |
| 20 | |
| 21 | &.act_, |
| 22 | &:hover { |
| 23 | color: #000; |
| 24 | background: #fdfdfd; |
| 25 | } |
| 26 | } |
| 27 | |
| 28 | .tab-contents { |
| 29 | display: none; |
| 30 | margin-bottom: 1em; |
| 31 | padding: 16px; |
| 32 | |
| 33 | @include sp_admin { |
| 34 | padding: 0; |
| 35 | } |
| 36 | |
| 37 | &.act_ { |
| 38 | display: block; |
| 39 | } |
| 40 | } |
| 41 | |
| 42 | } |
| 43 |