HEX
Server: Apache
System: Linux v38079.2is.nl 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64
User: democfellows (10015)
PHP: 8.1.34
Disabled: opcache_get_status
Upload Files
File: /var/www/vhosts/creativefellows.nl/mygeomil.creativefellows.nl/21072025/public/scss/_table.scss
.table{
	
	font-size:0.9375rem;
	margin-bottom:1.5rem;
	
	.grid-padding-x{margin:0;}
	
	.table__row{
		border-bottom:solid 1px $light-gray;
		padding:0.5rem 0;
	}
	.table__row-no-margin{
		.cell{padding:0;}
	}
	.table__row-last-item{
		border:none;
		.button{margin:1rem 0 0 0;}
	}
	.table__row-no-border{
		border:none;
	}
	
	.ui-sortable-helper{
		background:$white;
		border-top:solid 1px $light-gray;
	}
	
	.table__row[article-row]:hover{
		background-color:rgba($light-gray,0.25);
	}
	
	.table__header{
		background:$secondary-color;
		border:none;
		font-weight:bold;
		@include border-radius(0.375rem 0.375rem 0 0);
		a{color:$black;}
	}
	
	
	
	.table__row--inactive{
		color:$medium-gray;
		a{color:$medium-gray;}
		
		.table__row-status--active{color:$light-gray;}
		
	}
	.cell{padding:0 0.75rem;}
	
	.cell__row-number{
		position:relative;
		color:$medium-gray;	
	}
	
	.cell__row-price{
		text-align:right;
	}
	
	.cell__trash{
		i{color:$medium-gray;}
		a,button{
			&:hover i{color:$primary-color;}
		}
	}
	
	.cell__to-cart{
		button{cursor:pointer;color:$medium-gray;}
		button:hover i{color:$primary-color;}
	}
	
	.cell__parent{
		
		position:relative;
		&::before{content:"\f07b";padding-right:0.5rem;font-family: "Font Awesome 5 Pro";font-size:0.75rem;color:$medium-gray;}
	}
	
	.cell__child{
		position:relative;
		&::before{content:"\f054";padding-left:1.5rem;padding-right:0.5rem;font-family: "Font Awesome 5 Pro";font-size:0.75rem;color:$medium-gray;}
	//	&::after{content:"";height:1.5rem;border-left:solid 1px $light-gray; position:absolute;left:1rem;}
	}
	
	
	.sort-column__asc,
	.sort-column__desc,
	.sort-column:hover
	{
	
		&::after{
			content:"";
			height:1rem;width:0;display:inline-block;
			background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cpath d='M48 77L3 32h90L48 77z'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
			background-size:100% auto;
			padding-right:0.75rem;
			margin-left:0.25rem;
			vertical-align:middle;
			transform: rotate(0);
			opacity:0.25;
			@include animate();
		}
	}
	
	.sort-column__asc:hover,
	.sort-column__desc{
		
		&::after{
			transform: rotate(180deg);
		}
		
	}
	
	.figure-position{display:none;}
	
	.image__fixed-height{
		
		overflow:hidden;
		margin:0.375rem 1rem 0 0;
		border:solid 1px rgba($light-gray,0.5);
		display:inline-block;
		
		img{padding:.25rem;height:4.5rem;}
	}
}


.table__figure-numbers{
	
	.figure-position{
		color:$black;
		display:block;
		position:absolute;
		left:-1.5rem;
		top:0.125rem;
		width:1.125rem;
		height:1.125rem;
		font-size:0.75rem;
		text-align:center;
		line-height: 1rem;
		border-radius:50%;
		border:solid 1px $black;
	}
	
}


.table__cart{
	.cell__row-number{color:$primary-color;}
}


.table__datasheet{
	
	.table__body{
		.table__row:nth-child(2n - 1 ){
			background-color:rgba($light-gray,0.25);
		}
	}
	
}


.pagination{
	.current{padding:0;}
	.current a{color:$white;}
}


.accordion{}
.accordion__table{
	
	border:none;
	margin-bottom:1rem;
	a.accordion-title{font-size:0.9375rem;}
	.table{
		margin:0;
		
		.table__row:last-child{border:none;}
	}
	
	.accordion-title{background-color:$light-gray;color:$black;font-size:1rem;font-weight:$global-weight-bold;border-color:$white;}
	.accordion-item.is-active .accordion-title{background-color:$secondary-color;}
	.accordion-content{padding:0;border:none;}
}