Move Axpert material to reference/ and docs to docs/

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

reference/axpert-web-11.2/UI/compiler/src/sass/components/_extras.scss

@@ -0,0 +1,47 @@
+.mvh-100 {
+    max-height: 100vh !important;
+}
+
+.max-vw-100 {
+    max-width: 100vw !important;
+}
+
+.bg-radial-gradient {
+    background: radial-gradient(#ffffff, transparent) !important;
+}
+
+.of-contain {
+    object-fit: contain;
+}
+
+.of-cover {
+    object-fit: cover;
+}
+
+//bootstrap vr start
+.vr {
+    display: inline-block;
+    align-self: stretch;
+    width: 1px;
+    min-height: 1em;
+    background-color: $secondary-active;
+    opacity: .25;
+}
+
+//bootstrap vr end
+
+//bootstrap stacks start
+.hstack {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    align-self: stretch;
+}
+
+.vstack {
+    display: flex;
+    flex: 1 1 auto;
+    flex-direction: column;
+    align-self: stretch;
+}
+//bootstrap stacks end

reference/axpert-web-11.2/UI/compiler/src/sass/components/helpers/_text.scss

@@ -0,0 +1,175 @@
+//
+// Text
+//
+
+// Text colors
+@each $name, $color in $theme-text-colors {
+    // Base color
+    .text-#{$name} {
+        color: $color !important;
+    }
+
+    // Inverse color
+    .text-inverse-#{$name} {
+        color: theme-inverse-color($name) !important;
+    }
+
+    @if (theme-light-color($name)) {
+        // Light colors
+        .text-light-#{$name} {
+            color: theme-light-color($name) !important;
+        }
+    }
+
+    // Hover
+    .text-hover-#{$name} {
+        transition: $transition-link;
+
+        i {
+            transition: $transition-link;
+        }
+
+        &:hover {
+            transition: $transition-link;
+            color: $color !important;
+
+            i {
+                transition: $transition-link;
+				color: $color !important;
+			}
+
+			.svg-icon {
+				@include svg-icon-color($color);
+			}
+
+            .material-icons{
+                @include material-icons-color($color);
+            }
+        }
+    }
+
+    // Hover inverse
+    .text-hover-inverse-#{$name} {
+        transition: $transition-link;
+
+        i {
+            transition: $transition-link;
+        }
+
+        &:hover {
+            transition: $transition-link;
+            color: theme-inverse-color($name) !important;
+
+            i {
+                transition: $transition-link;
+				color: theme-inverse-color($name) !important;
+			}
+
+			.svg-icon {
+				@include svg-icon-color(theme-inverse-color($name));
+			}
+
+            .material-icons{
+                @include material-icons-color(theme-inverse-color($name));
+            }
+        }
+    }
+
+    // Active
+    .text-active-#{$name} {
+        transition: $transition-link;        
+
+        i {
+            transition: $transition-link;
+        }
+
+        &.active {
+            transition: $transition-link;
+            color: $color !important;
+            
+            i {
+                transition: $transition-link;
+                color: $color !important;
+            }
+    
+            .svg-icon {
+                @include svg-icon-color($color);
+            }
+
+            .material-icons{
+                @include material-icons-color($color);
+            }
+        }
+    }
+
+    // Active inverse
+    .text-active-inverse-#{$name} {
+        transition: $transition-link;        
+
+        i {
+            transition: $transition-link;
+        }
+
+        &.active {
+            transition: $transition-link;
+            color: theme-inverse-color($name) !important;
+
+            i {
+                transition: $transition-link;
+				color: theme-inverse-color($name) !important;
+			}
+
+			.svg-icon {
+				@include svg-icon-color(theme-inverse-color($name));
+			}
+
+            .material-icons{
+                @include material-icons-color(theme-inverse-color($name));
+            }
+        }
+    }
+}
+
+// Text transparent
+.fw-boldest {
+    font-weight: $font-weight-boldest !important;
+}
+
+// Text transparent
+.text-transparent {
+    color: transparent;
+}
+
+// Cursor pointer
+.cursor-pointer {
+    cursor: pointer;
+}
+
+// Cursor default
+.cursor-default {
+    cursor: default;
+}
+// Cursor move
+.cursor-move {
+    cursor: move;
+}
+
+.cursor-col-resize{
+    cursor: col-resize;
+}
+
+// Icons
+i {
+    line-height: 1;
+    font-size: 1rem;
+    color: $text-muted;
+}
+
+// Link transition
+a {
+    transition: $transition-link;
+
+    &:hover {
+        transition:$transition-link;
+    }
+}