diff options
Diffstat (limited to 'src/styles/content-tabs.scss')
-rw-r--r-- | src/styles/content-tabs.scss | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/src/styles/content-tabs.scss b/src/styles/content-tabs.scss new file mode 100644 index 000000000..aa3c8594b --- /dev/null +++ b/src/styles/content-tabs.scss | |||
@@ -0,0 +1,52 @@ | |||
1 | @import './config.scss'; | ||
2 | |||
3 | .content-tabs { | ||
4 | .content-tabs__tabs { | ||
5 | display: flex; | ||
6 | border-top-left-radius: $theme-border-radius-small; | ||
7 | border-top-right-radius: $theme-border-radius-small; | ||
8 | overflow: hidden; | ||
9 | |||
10 | .content-tabs__item { | ||
11 | padding: 10px; | ||
12 | flex: 1; | ||
13 | // border: 1px solid $theme-gray-lightest; | ||
14 | color: $theme-gray-dark; | ||
15 | background: $theme-gray-lightest; | ||
16 | border-bottom: 1px solid $theme-gray-lighter; | ||
17 | box-shadow: inset 0px -3px 10px rgba(black, 0.05); | ||
18 | transition: all $theme-transition-time; | ||
19 | |||
20 | &.is-active { | ||
21 | background: $theme-brand-primary; | ||
22 | color: #FFF; | ||
23 | border-bottom: 1px solid $theme-brand-primary; | ||
24 | box-shadow: none; | ||
25 | } | ||
26 | } | ||
27 | } | ||
28 | |||
29 | .content-tabs__content { | ||
30 | padding: 20px 20px; | ||
31 | border-bottom-left-radius: $theme-border-radius-small; | ||
32 | border-bottom-right-radius: $theme-border-radius-small; | ||
33 | background: $theme-gray-lightest; | ||
34 | |||
35 | .content-tabs__item { | ||
36 | top: 0; | ||
37 | display: none; | ||
38 | |||
39 | &.is-active { | ||
40 | display: block; | ||
41 | } | ||
42 | } | ||
43 | |||
44 | .franz-form__input-wrapper { | ||
45 | background: #FFF; | ||
46 | } | ||
47 | |||
48 | .franz-form__field:last-of-type { | ||
49 | margin-bottom: 0; | ||
50 | } | ||
51 | } | ||
52 | } | ||