mirror of
https://github.com/Combodo/iTop.git
synced 2026-02-13 15:34:12 +01:00
68 lines
2.5 KiB
SCSS
68 lines
2.5 KiB
SCSS
/*!
|
|
* @copyright Copyright (C) 2010-2021 Combodo SARL
|
|
* @license http://opensource.org/licenses/AGPL-3.0
|
|
*/
|
|
|
|
$ibo-button-group--border-radius-external: $ibo-button--border-radius !default;
|
|
$ibo-button-group--border-radius-internal: 0 !default;
|
|
|
|
$ibo-button-group--elements-separator--content: "" !default;
|
|
$ibo-button-group--elements-separator--space-y: 6px !default;
|
|
$ibo-button-group--elements-separator--left: 0 !default;
|
|
$ibo-button-group--elements-separator--width: 1px !default;
|
|
$ibo-button-group--elements-separator--border-left: 1px solid transparent !default;
|
|
|
|
.ibo-button-group {
|
|
.ibo-button {
|
|
position: relative;
|
|
}
|
|
|
|
/* Overload border radius to make it look like a whole */
|
|
.ibo-button:first-child {
|
|
border-radius: $ibo-button-group--border-radius-external $ibo-button-group--border-radius-internal $ibo-button-group--border-radius-internal $ibo-button-group--border-radius-external;
|
|
}
|
|
|
|
.ibo-button:last-child {
|
|
border-radius: $ibo-button-group--border-radius-internal $ibo-button-group--border-radius-external $ibo-button-group--border-radius-external $ibo-button-group--border-radius-internal;
|
|
}
|
|
|
|
.ibo-button:not(:first-child):not(:last-child){
|
|
border-radius: $ibo-button-group--border-radius-internal;
|
|
}
|
|
|
|
/* Overload the default button left margin for siblings with the group */
|
|
.ibo-button + .ibo-button {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.ibo-button + .ibo-button::before {
|
|
content: $ibo-button-group--elements-separator--content;
|
|
position: absolute;
|
|
top: $ibo-button-group--elements-separator--space-y;
|
|
bottom: $ibo-button-group--elements-separator--space-y;
|
|
left: $ibo-button-group--elements-separator--left;
|
|
width: $ibo-button-group--elements-separator--width;
|
|
border-left: $ibo-button-group--elements-separator--border-left;
|
|
}
|
|
|
|
/* Note: Selector cannot be simplified in the one above as the "::before" must be after the different classes */
|
|
.ibo-button + .ibo-button {
|
|
@each $sType, $aColors in $ibo-button-colors {
|
|
@each $sColor, $aPseudoclasses in $aColors {
|
|
@each $sPseudoclass, $aAttributes in $aPseudoclasses {
|
|
$accent-color: nth($aAttributes, 4);
|
|
&.ibo-is-#{$sType}.ibo-is-#{$sColor}#{$sPseudoclass}::before {
|
|
border-left-color: $accent-color;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Reset siblings spacing */
|
|
.ibo-button-group + .ibo-button-group,
|
|
.ibo-button + .ibo-button-group,
|
|
.ibo-button-group + .ibo-button{
|
|
margin-left: $ibo-button--sibling-spacing;
|
|
} |