2016-02-23 13:20:59 +01:00
|
|
|
.tabbed-view {
|
|
|
|
|
background-color: $page-bg;
|
2016-02-24 10:32:22 +01:00
|
|
|
background-image: $page-gradient;
|
2016-03-29 11:07:55 +02:00
|
|
|
margin: (-$panel-margin*2) (-$panel-margin);
|
2016-02-23 13:32:14 +01:00
|
|
|
margin-bottom: $spacer*2;
|
2016-02-23 14:05:12 +01:00
|
|
|
padding: $spacer*3;
|
2016-02-24 10:32:22 +01:00
|
|
|
|
|
|
|
|
&.tabbed-view--panel-edit {
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
|
|
|
|
.tabbed-view-header {
|
|
|
|
|
background-color: $body-bg;
|
|
|
|
|
padding: 1.5em 1rem 0 1rem;
|
|
|
|
|
}
|
|
|
|
|
.gf-tabs-link.active {
|
|
|
|
|
background-color: $panel-bg;
|
|
|
|
|
}
|
|
|
|
|
}
|
2016-02-23 13:20:59 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tabbed-view-header {
|
|
|
|
|
@include clearfix();
|
2016-02-24 10:32:22 +01:00
|
|
|
@include brand-bottom-border();
|
2016-02-23 13:20:59 +01:00
|
|
|
}
|
|
|
|
|
|
2016-02-23 13:29:26 +01:00
|
|
|
.tabbed-view-title {
|
|
|
|
|
float: left;
|
|
|
|
|
font-style: italic;
|
2016-03-02 16:56:16 +01:00
|
|
|
padding-top: 0.5rem;
|
2016-07-31 09:31:32 +02:00
|
|
|
margin: 0 $spacer*3 0 $spacer*1;
|
2016-02-23 13:29:26 +01:00
|
|
|
}
|
|
|
|
|
|
2016-02-23 13:20:59 +01:00
|
|
|
.tabbed-view-close-btn {
|
|
|
|
|
float: right;
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
border: none;
|
2016-03-02 20:56:04 +01:00
|
|
|
padding: ($tabs-padding-top + $tabs-top-margin) $spacer $tabs-padding-bottom;
|
2016-11-16 11:08:38 -05:00
|
|
|
color: $text-color;
|
2016-02-23 13:20:59 +01:00
|
|
|
i {
|
|
|
|
|
font-size: 120%;
|
|
|
|
|
}
|
|
|
|
|
&:hover {
|
|
|
|
|
color: $white;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tabbed-view-body {
|
2017-06-19 19:22:44 -04:00
|
|
|
padding: $spacer*2 $spacer;
|
2016-02-23 14:05:12 +01:00
|
|
|
min-height: 250px;
|
2016-02-23 13:20:59 +01:00
|
|
|
}
|
|
|
|
|
|
2016-02-23 14:05:12 +01:00
|
|
|
.section-heading {
|
|
|
|
|
font-size: 1.1rem;
|
|
|
|
|
margin-bottom: 0.6rem;
|
|
|
|
|
}
|