[ Mini Kiebo ]

Server: Windows NT DESKTOP-5B8S0D4 6.2 build 9200 (Windows 8 Professional Edition) i586 Path: D:/Backup/14082024/Data/htdocs/htdocs/siami/scss/components/ui/ [ Home ]

File: _ui-tab.scss

.nav-pills {
    .nav-link {
		border-radius: $radius;
	    padding: 0.75rem 1.25rem;
	}
}

.default-tab{
    .nav-link{
        background: transparent;
        border-radius: 0px;
        font-weight: 500;
		i{
			display:inline-block;
			transform:scale(1.5);
			color:$primary;
			
		}
		
		&:focus,
		&:hover,
		&.active{
			color: #495057;
			background-color: #fff;
			border-color: #dee2e6 #dee2e6 #fff #ebeef6;
			border-radius: $radius $radius 0 0;
			color:$primary;
			@at-root [data-theme-version="dark"] & {
				background-color: $primary-opacity;
				border-color: transparent transparent $d-border transparent;
			}
		}
    }
}

.custom-tab-1{
    .nav-link{
        background: transparent;
        border-radius: 0px;
        font-weight: 500;
		border-bottom:3px solid transparent;
		border-width: 0 0px 3px 0;
		
		i{
			display:inline-block;
			transform:scale(1.5);
			color:$primary;
		}
		&:focus,
		&:hover,
		&.active{
			color: #495057;
			background-color: #fff;
			border-color:$primary ;
			border-radius:0;
			color: $primary;
			border-width: 0 0px 3px 0;
			@at-root [data-theme-version="dark"] & {
				background-color: $primary-opacity;
			}
		}
    }
	
}
.nav-pills{
	
	&.light{
	
		.nav-link.active, 
		.show > .nav-link{
			background:$primary-light;
			color:$primary;
			box-shadow:none;
			@at-root [data-theme-version="dark"] & {
				background:$primary-opacity;
			}
		}	
	
	}
	.nav-link.active, 
	.show > .nav-link{
		box-shadow:0 0 20px 0 rgba($primary, 0.2);
	}
}