mirror of
https://github.com/Combodo/iTop.git
synced 2026-02-13 07:24:13 +01:00
66 lines
2.5 KiB
SCSS
66 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 {
|
|
display: inline-flex; /* Ensure that buttons of a same group always stay on the same line */
|
|
flex-wrap: nowrap;
|
|
|
|
.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.
|
|
* A more precise selector could be .ibo-button + .ibo-button, however .ibo-button is extended by multiple element and in a multiple loop it creates heavy selectors.
|
|
*/
|
|
> * + * {
|
|
@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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
} |