/*
This file is part of the Meeds project (https://meeds.io/).
Copyright (C) 2020 Meeds Association
contact@meeds.io
This program is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License as published by the Free Software Foundation; either
version 3 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
Lesser General Public License for more details.
You should have received a copy of the GNU Lesser General Public License
along with this program; if not, write to the Free Software Foundation,
Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
*/
//
// Button groups
// --------------------------------------------------
.btn-group.uiDropdownWithIcon .btn{
	.spiter{
		background: url("@{images-path}/Dropdown/ButtonGroups/split-white.png") no-repeat center;
		display: inline-block;
	    margin: 0 0 0 7px;
	    vertical-align: middle;
	    .size(20px, 2px);
	}
	> span {
	 vertical-align: middle;
		 &:first-child {
		 	  text-transform: capitalize;
		 }
	}
	.caret {
		margin-top: 0;
	}
	&.btn-primary .spiter {
		background: url("@{images-path}/Dropdown/ButtonGroups/split.png") no-repeat;
	}
}

.uiTabSelector .btn-group {
    margin: 5px 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.btn-group > .btn, .btn-group > .dropdown-menu{
    font-size: @baseFontSize ;
}

.btn-group.btn-without-icon {
	.btn.active {
		color: @primaryColor;
	}
}

.btn-group .btn.dropdown-toggle {
	background-color: @btnGroupDropdownBackground;
}
.btn-group.open .btn.dropdown-toggle {
	background-color: @btnGroupOpenDropdownBackground;
}


.btn-group {
	.btn {
		min-width: 0;
		background-color: @btnGroupBackground;
		&:active, &:focus, &.active {
			background-color: @btnGroupActiveBackground;
			border: 1px solid @btnGroupActiveBorderColor;
		}
		&:hover {
			background-color: @btnGroupHoverBackgroundColor;
		}
	}
	.btn-small {
		&.dropdown-toggle .uiIconMiniArrowDown {
			margin: -1px -2px 0 0;
		}
	}
	&.normal-group {
		.btn  {
			a {
				color: @btnColor
			}
			&.active a {
				color: @primaryColor;
			}
		}
		
	}
}