definicao de layout

public/assets/scss/theme/_table.scss

@@ -0,0 +1,231 @@
+/**=====================
+     39. Table  CSS Start
+==========================**/
+.table-bordered {
+	td, th  {
+		border-color: $light-gray !important;
+	}
+}
+.pills-component {
+	width: 20%;
+}
+.product-page-width {
+	width: 80%;
+}
+.table{
+	margin-bottom: $table-b-margin;
+	th,td{
+		padding: $table-padding;
+	}
+	th{
+		color: $table-heading-color;
+	}
+	td{
+		color: $table-row-color;
+	}
+	[class*='bg-']{
+		color: $white;
+	}
+	.bg-light{
+		color: $theme-body-font-color;
+	}
+	tfoot{
+		font-weight: $table-footer-font-weight;
+	}
+
+
+	thead{
+		&.bg-primary{
+			tr{
+				th{
+					color:$white;
+				}
+			}
+		}
+		&.table-primary{
+			background-color:rgba($primary-color,0.1);
+			--bs-table-bg:rgba($primary-color,0.1);
+			color:$primary-color;
+			tr{
+				th{
+					color:$primary-color;
+				}
+			}
+		}
+		
+	}
+
+
+}
+.table-inverse {
+	th,td{
+		color: $white;
+	}
+}
+.table[class*='bg-']{
+	th,td{
+		color: $white;
+	}
+}
+.table-hover {
+	tbody {
+		tr:hover {
+			background-color: rgba($primary-color,0.1);
+			--bs-table-accent-bg:unset;
+			th,td{
+				color:$primary-color;
+			}
+		}
+	}
+}
+
+//Sizing class
+.table-xl{
+	td,th{
+		padding: $table-xl-padding;
+		font-size: $table-xl-font;
+	}
+}
+.table-lg{
+	td,th{
+		padding: $table-lg-padding;
+		font-size: $table-lg-font;
+	}
+}
+.table-de{
+	td,th{
+		padding: $table-de-padding;
+	}
+}
+.table-sm{
+	th,td{
+		padding: $table-sm-padding;
+		font-size: $table-sm-font;
+	}
+}
+.table-xs{
+	th,td{
+		padding: $table-xs-padding;
+		font-size: $table-xs-font;
+	}
+}
+
+//Table Border
+.table-border-horizontal {
+	tr,th,td{
+		border-top: 1px solid $horizontal-border-color;
+		padding: $horizontal-padding;
+	}
+}
+.table-border-vertical{
+	tr,th,td{
+		border-top: 0;
+		border-right: 1px solid $horizontal-border-color;
+	}
+	tr{
+		td{
+			&:last-child{
+				border-right: none;
+			}
+		}
+	}
+}
+
+.table-bordernone{
+	td{
+		border: 0;
+	}
+	.bd-t-none{
+		border-top: none;
+	}
+	.u-s-tb{
+		padding: 11px;
+	}
+}
+.table-inverse{
+	color: $white;
+	background-color: $table-inverse-bg-color;
+	th,td{
+		border-color: $white;
+	}
+	&.table-bordered {
+		border: 0;
+	}
+}
+
+.table-striped{
+	tbody{
+		tr{
+			&:nth-of-type(odd){
+				background-color:rgba(245, 247, 250, 0.5);
+			}
+		}
+	}
+}
+.table-bordered{
+	td,th{
+		border-color: $light;
+	}
+}
+
+
+.table {
+	> :not(:last-child) {
+		> :last-child {
+			> *{
+				border-color:$light-gray;
+			}
+		}
+	}
+}
+
+
+thead, tbody, tfoot, tr, td, th{
+	border-color:$light-gray;
+}
+
+
+.table-styling{
+	&.table-primary {	
+		&.table-striped {
+			tbody {
+				tr{
+					&:nth-of-type(odd){
+						// background-color:rgba($primary-color,0.1);
+						--bs-table-accent-bg:unset;
+						&:hover{
+							color:$primary-color;
+						}
+					}
+					&:nth-of-type(even){
+						&:hover{
+							th,td{
+								color:$white;
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+}
+
+
+
+
+.table-success{
+	background-color:rgba($success-color,0.1);
+	--bs-table-bg:rgba($success-color,0.1);
+	color:$success-color;
+	tr{
+		th{
+			color:$success-color;
+		}
+	}
+}
+
+
+
+/**=====================
+     39.Table CSS Ends
+==========================**/