@soyfri/template 1.0.1 → 1.0.4

package/dist/assets/sass/core/components/_title-reports.scss

@@ -0,0 +1,81 @@
+@media (max-width: 560px) {
+    //mobil
+    .container-reports {
+        .filter {
+            width: 70%;
+            padding-bottom: 10px;
+        }
+        .label-filter-status {
+            padding-right: 33px;
+        }
+    }
+    .title-report {
+        text-align: center;
+    }
+}
+
+@media only screen and (min-width: 561px) {
+    //desktop
+    .container-reports {
+        display: flex;
+        .filter {
+            width: 160px;
+        }
+        .label-filter-status {
+            padding-right: 0px;
+        }
+        .container-filter {
+            padding-right: 12px;
+        }
+    }
+    .container-children {
+        display: flex;
+        flex: 1;
+    }
+}
+
+@media only screen and (max-width: 280px) {
+    .container-reports-filters .filter {
+        width: 100%;
+    }
+    .container-reports-filters .label-filter-status,
+    .container-reports-filters .label-filter-entity {
+        padding-right: 0;
+        padding-bottom: 10px;
+    }
+}
+
+@media only screen and (min-width: 281px) and (max-width: 1175px) {
+    .container-reports-filters .filter {
+        width: 140px;
+        padding-bottom: 10px;
+    }
+    .container-reports-filters .label-filter-status {
+        padding-right: 33px;
+    }
+    .container-reports-filters .label-filter-entity {
+        padding-right: 28px;
+    }
+    .title-report {
+        text-align: center;
+    }
+}
+
+@media only screen and (min-width: 1176px) {
+    .container-reports-filters {
+        display: flex;
+    }
+    .container-reports-filters .filter {
+        width: 160px;
+    }
+    .container-reports-filters .label-filter-status {
+        padding-right: 0;
+    }
+    .container-reports-filters .container-filter {
+        padding-right: 12px;
+    }
+    .container-children {
+        display: flex;
+        flex: 1;
+    }
+}

package/dist/assets/sass/core/components/_toasts.scss

@@ -0,0 +1,17 @@
+.toast {
+	.toast-header {
+		.btn-close {
+			margin-right: 0;	
+		}	
+	}
+}
+
+@if $enable-dark-mode {
+    @include color-mode(dark) {
+        .toast {
+			--#{$prefix}toast-bg: #{$toast-background-color-dark};
+			--#{$prefix}toast-header-bg: #{$toast-header-background-color-dark};
+			--#{$prefix}toast-header-border-color: #{$toast-header-border-color-dark};
+        }
+    }
+}

package/dist/assets/sass/core/components/_toggle.scss

@@ -0,0 +1,19 @@
+//
+// Toggle
+//
+
+.toggle {
+    &.collapsible:not(.collapsed), // Integration with Bootstrap Collapse
+    &.active {
+        .toggle-off {
+            display: none;
+        }
+    }
+
+    &.collapsible.collapsed, // Integration with Bootstrap Collapse
+    &:not(.collapsible):not(.active) {
+        .toggle-on {
+            display: none;
+        }
+    }
+}

package/dist/assets/sass/core/components/_tooltip.scss

@@ -0,0 +1,32 @@
+//
+//  Tooltip
+//
+
+
+// Base
+.tooltip {
+    .tooltip-inner {
+        box-shadow: var(--#{$prefix}tooltip-box-shadow);
+    }
+
+    &.tooltop-auto-width {
+       	.tooltip-inner {
+       		white-space: nowrap;
+  			max-width: none;
+        }
+    }
+
+    &.tooltip-inverse {
+        --#{$prefix}tooltip-color: var(--#{$prefix}dark-inverse);
+        --#{$prefix}tooltip-bg: var(--#{$prefix}dark);
+    }
+}
+
+@if $enable-dark-mode {
+    @include color-mode(dark) {
+        .tooltip:not(.tooltip-inverse) {
+            --#{$prefix}tooltip-bg: #{$tooltip-bg-dark};
+            --#{$prefix}tooltip-box-shadow: #{$tooltip-box-shadow-dark};
+        }
+    }
+}

package/dist/assets/sass/core/components/_tree.scss

@@ -0,0 +1,92 @@
+//
+//  Tree
+//
+
+.tree {
+	// Css variables
+	--#{$prefix}tree-icon-size: #{$tree-icon-size};
+	--#{$prefix}tree-icon-gap: #{$tree-icon-gap};
+	--#{$prefix}tree-icon-color-open: var(--#{$prefix}success);
+	--#{$prefix}tree-icon-color-default: var(--#{$prefix}gray-500);
+	--#{$prefix}tree-icon-color-close: var(--#{$prefix}gray-500);	 	
+	--#{$prefix}tree-line-color: var(--#{$prefix}gray-200);	
+
+	.tree-node {
+		padding-left: $tree-node-padding-x;
+		display: flex;
+		flex-direction: column;
+		align-items: start;
+	}
+
+	.tree-sub {
+		padding: $tree-node-padding-y 0;		 	 
+	}
+
+	.tree-content {
+		display: flex;
+		align-items: center;
+		padding: $tree-node-padding-y 0;
+	}
+
+	.tree-wrapper {
+		padding-left: calc(var(--#{$prefix}tree-icon-size) + var(--#{$prefix}tree-icon-size));
+	}
+
+	.tree-section {
+		display: flex;
+		align-items: baseline;
+		padding-left: var(--#{$prefix}tree-icon-gap);
+	}
+
+	.tree-toggle {
+		display: flex;
+		align-items: center;
+		width: var(--#{$prefix}tree-icon-size);
+		
+		.tree-icon-default {
+			font-size: 1.5rem;
+			color: var(--#{$prefix}tree-icon-color-default);	
+		}
+
+		.tree-icon-open {
+			font-size: 1.5rem;			 
+			color: var(--#{$prefix}tree-icon-color-open);	
+		}	
+
+		.tree-icon-close {
+			font-size: 1.5rem;
+			color: var(--#{$prefix}tree-icon-color-close);			 
+		}
+		
+		&.collapsed {
+			.tree-icon-close {
+				display: flex;
+			}	
+	
+			.tree-icon-open {
+				display: none;
+			}
+		}			
+
+		&:not(.collapsed) {
+			.tree-icon-close {
+				display: none;
+			}	
+	
+			.tree-icon-open {
+				display: flex;
+			}
+		} 		
+	}	
+
+	& > .tree-node {
+		padding-left: 0 !important;
+	} 
+
+	&.tree-line {
+		.tree-sub {	
+			border-left: 1px solid var(--#{$prefix}tree-line-color);	
+			margin-left: calc(var(--#{$prefix}tree-icon-size) / 2);	
+		}
+	}
+} 

package/dist/assets/sass/core/components/_type.scss

@@ -0,0 +1,9 @@
+
+
+.blockquote-footer {
+	color: var(--#{$prefix}blockquote-footer-color);
+}
+
+.list-style-none {
+	list-style: none;
+}

package/dist/assets/sass/core/components/_utilities.scss

@@ -0,0 +1,134 @@
+//
+// Custom utilities
+//
+
+$utilities: map-merge(
+    $utilities,
+    (
+        "cursor": (
+            property: cursor,
+            values: help wait crosshair not-allowed zoom-in grab pointer
+        ),
+        "position": (
+            property: position,
+            responsive: true,
+            values: static relative absolute fixed sticky
+        ),
+        "overflow": (
+            property: overflow,
+            responsive: true,
+            values: auto hidden visible scroll,
+        ),
+        "opacity": (
+            property: opacity,
+            class: opacity,
+            values: $opacity-values
+        ),
+        "opacity-hover": (
+            property: opacity,
+            state: hover,
+            class: opacity,
+            values: $opacity-values
+        ),
+        "font-size": (
+            rfs: true,
+            responsive: true,
+            property: font-size,
+            class: fs,
+            values: $font-sizes
+        ),
+        "width": (
+            responsive: true,
+            property: width,
+            class: w,
+            values: $custom-sizes
+        ),
+        "max-width": (
+            responsive: true,
+            property: max-width,
+            class: mw,
+            values: $custom-sizes
+        ),
+        "min-width": (
+            responsive: true,
+            property: min-width,
+            class: min-w,
+            values: $custom-sizes
+        ),
+        "height": (
+            responsive: true,
+            property: height,
+            class: h,
+            values: $custom-sizes
+        ),
+        "max-height": (
+            responsive: true,
+            property: max-height,
+            class: mh,
+            values: $custom-sizes
+        ),
+        "min-height": (
+            responsive: true,
+            property: min-height,
+            class: min-h,
+            values: $custom-sizes
+        ),
+        "z-index": (
+            property: z-index,
+            class: z-index,
+            values: $zindex-values
+        ),
+        "border-top-width": (
+            property: border-top-width,
+            class: border-top,
+            values: $border-widths
+        ),
+        "border-bottom-width": (
+            property: border-bottom-width,
+            class: border-bottom,
+            values: $border-widths
+        ),
+        "border-right-width": (
+            property: border-right-width,
+            class: border-right,
+            values: $border-widths
+        ),
+        "border-left-width": (
+            property: border-left-width,
+            class: border-left,
+            values: $border-widths
+        ),
+        "line-height": (
+            property: line-height,
+            class: lh,
+            values: (
+                0: 0,
+                1: 1,
+                sm: $line-height-sm,
+                base: $line-height-base,
+                lg: $line-height-lg,
+                xl: $line-height-xl,
+                xxl: $line-height-xxl
+            )
+        ),
+        "letter-spacing": (
+            property: letter-spacing,
+            class: ls,
+            values: $letter-spacing-values
+        ),
+        "rounded": (
+            property: border-radius,
+            class: rounded,
+            values: (
+                null: $border-radius,
+                0: 0,
+                1: $border-radius-sm,
+                2: $border-radius,
+                3: $border-radius-lg,
+                4: $border-radius-xl,
+                circle: 50%,
+                pill: $border-radius-pill
+            )
+        )
+    )
+);