139 lines
3.1 KiB
SCSS
139 lines
3.1 KiB
SCSS
.window-order-discounts {
|
|
$icon-trigger: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Cpath fill='%2387909d' d='M6.5 0A6.5 6.5 0 1013 6.5 6.5 6.5 0 006.5 0zm3.9 3.7l-4.3 6.5c-.1.2-.3.2-.4.3h-.4c-.2 0-.3-.1-.4-.3L2.6 6.9a.8.8 0 01.2-1 .8.8 0 011 .2l1.6 2.4 3.7-5.6a.8.8 0 011-.2.7.7 0 01.3 1z' /%3E%3C/svg%3E");
|
|
$icon-action: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Cpath fill='%2387909d' d='M6.5 0A6.5 6.5 0 1013 6.5 6.5 6.5 0 006.5 0zm4.2 6.5v.3a.1.1 0 01-.1.1V7l-2.7 3.3a.7.7 0 01-.6.3l-.5-.2a.8.8 0 01-.1-1.1l1.7-2H3a.8.8 0 110-1.6h5.3l-1.7-2a.8.8 0 01.2-1.1.8.8 0 011.1.1L10.5 6v.1a.1.1 0 00.1.1v.2l.1.1z' data-name='Path 201'/%3E%3C/svg%3E");
|
|
|
|
.configurator {
|
|
display: flex;
|
|
|
|
.triggers {
|
|
li::before,
|
|
li::after {
|
|
display: none;
|
|
}
|
|
|
|
.icon::before {
|
|
content: $icon-trigger;
|
|
}
|
|
}
|
|
|
|
.actions {
|
|
|
|
.icon::before {
|
|
content: $icon-action;
|
|
}
|
|
}
|
|
|
|
.panel-group .panel + .panel {
|
|
border-bottom: 0;
|
|
border-radius: 4px;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.panel-group-lists .panel-heading + .panel-collapse .panel-body {
|
|
padding-top: 20px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.panel-heading {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 5px 15px;
|
|
|
|
p {
|
|
font-size: 12px;
|
|
|
|
&::before {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-right: 10px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.dropdown-toggle {
|
|
font-size: 12px;
|
|
|
|
span {
|
|
float: left;
|
|
top: 2px;
|
|
}
|
|
}
|
|
|
|
.dropdown-menu {
|
|
margin-top: 2px;
|
|
border-width: 1px;
|
|
border-radius: 4px;
|
|
max-height: 550px;
|
|
overflow: auto;
|
|
|
|
.icon {
|
|
margin-top: 6px;
|
|
}
|
|
|
|
li {
|
|
border-bottom: 1px solid #e1e3e7;
|
|
|
|
> a {
|
|
display: flex;
|
|
white-space: normal;
|
|
}
|
|
}
|
|
|
|
p {
|
|
color: $black;
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
margin: 3px 0 0;
|
|
padding-left: 12px;
|
|
|
|
strong {
|
|
color: #424a55;
|
|
display: block;
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
|
|
li a:hover,
|
|
li a:focus,
|
|
.active a,
|
|
a:hover,
|
|
a:focus {
|
|
background-color: $gray-background;
|
|
color: inherit;
|
|
}
|
|
}
|
|
}
|
|
|
|
.box-header {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
+ hr {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.col-md-4 {
|
|
position: static;
|
|
}
|
|
|
|
.col-md-1 {
|
|
text-align: right;
|
|
}
|
|
|
|
.h5 {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.dropdown {
|
|
position: static;
|
|
}
|
|
|
|
.dropdown-menu {
|
|
left: 10px;
|
|
right: 10px;
|
|
top: auto;
|
|
}
|
|
}
|
|
}
|