2016-02-23 06:20:59 -06:00
|
|
|
.tabbed-view {
|
2018-07-08 09:39:25 -05:00
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
height: 100%;
|
2016-02-24 03:32:22 -06:00
|
|
|
|
2018-07-08 09:39:25 -05:00
|
|
|
&.tabbed-view--new {
|
2018-08-25 14:38:25 -05:00
|
|
|
padding: 25px 0 0 0;
|
2018-07-08 09:39:25 -05:00
|
|
|
height: 100%;
|
2018-06-19 14:25:57 -05:00
|
|
|
}
|
2016-02-23 06:20:59 -06:00
|
|
|
}
|
|
|
|
|
|
|
|
.tabbed-view-header {
|
2017-12-03 09:22:59 -06:00
|
|
|
box-shadow: $page-header-shadow;
|
|
|
|
border-bottom: 1px solid $page-header-border-color;
|
2016-02-23 06:20:59 -06:00
|
|
|
@include clearfix();
|
|
|
|
}
|
|
|
|
|
2016-02-23 06:29:26 -06:00
|
|
|
.tabbed-view-title {
|
|
|
|
float: left;
|
2016-03-02 09:56:16 -06:00
|
|
|
padding-top: 0.5rem;
|
2016-07-31 02:31:32 -05:00
|
|
|
margin: 0 $spacer*3 0 $spacer*1;
|
2016-02-23 06:29:26 -06:00
|
|
|
}
|
|
|
|
|
2017-10-11 15:10:33 -05:00
|
|
|
.tabbed-view-panel-title {
|
|
|
|
float: left;
|
2017-12-04 09:29:46 -06:00
|
|
|
padding-top: 9px;
|
2017-10-11 15:10:33 -05:00
|
|
|
margin: 0 2rem 0 0;
|
|
|
|
}
|
|
|
|
|
2016-02-23 06:20:59 -06:00
|
|
|
.tabbed-view-close-btn {
|
|
|
|
float: right;
|
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
|
|
|
background-color: transparent;
|
|
|
|
border: none;
|
2017-11-30 01:18:23 -06:00
|
|
|
padding: $tabs-padding;
|
2016-11-16 10:08:38 -06:00
|
|
|
color: $text-color;
|
2016-02-23 06:20:59 -06:00
|
|
|
i {
|
|
|
|
font-size: 120%;
|
|
|
|
}
|
|
|
|
&:hover {
|
2018-04-03 02:53:14 -05:00
|
|
|
color: $text-color-strong;
|
2016-02-23 06:20:59 -06:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.tabbed-view-body {
|
2018-07-08 14:29:23 -05:00
|
|
|
padding: $spacer*2 $spacer $spacer $spacer;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
flex: 1;
|
2017-08-17 11:50:46 -05:00
|
|
|
|
|
|
|
&--small {
|
|
|
|
min-height: 0px;
|
|
|
|
padding-bottom: 0px;
|
|
|
|
}
|
2016-02-23 06:20:59 -06:00
|
|
|
}
|
|
|
|
|
2016-02-23 07:05:12 -06:00
|
|
|
.section-heading {
|
|
|
|
font-size: 1.1rem;
|
|
|
|
margin-bottom: 0.6rem;
|
|
|
|
}
|