@nebularstreams/libmui 2.0.2 → 2.0.4

package/src/css/b-root-semantic-skin.css

@@ -0,0 +1,48 @@
+.fg-accent {
+    color: var(--accent);
+}
+
+.primary {
+    color: var(--primary-color);
+}
+
+.accent-back {
+    color: var(--text-over-accent);
+    background-color: var(--accent) !important;
+}
+
+.bg-accent {
+    color: var(--text-over-accent) !important;
+    background-color: var(--accent) !important;
+}
+
+.bg-accent-light {
+    background-color: var(--accent-light) !important;
+}
+
+.bg-accent-dark {
+    color: var(--text-over-accent) ;
+    background-color: var(--accent-dark) !important;
+}
+
+.bg-primary {
+    background-color: var(--primary-color) !important;
+    color: var(--text-over-primary);
+}
+
+.bg-window {
+    background-color: var(--window-background) !important;
+    color: var(--text);
+}
+
+.bg-window-hi {
+    background-color: var(--window-background-hi) !important;
+    color: var(--text);
+}
+
+
+.bg-window-lo {
+    background-color: var(--window-background-lo) !important;
+    color: var(--text);
+}
+

package/src/css/b-root-semantic.css

@@ -0,0 +1,111 @@
+
+.relative {
+    position: relative;
+}
+
+.absolute {
+    position: absolute;
+}
+
+.absolute.right {
+    right: 0;
+}
+
+.absolute.bottom {
+    bottom: 0;
+}
+
+.scrolly {
+    overflow-y: auto  !important;
+    overflow-x: hidden;
+    -webkit-overflow-scrolling: touch;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+    scrollbar-width: none; /* Firefox */
+}
+
+.scrollx::-webkit-scrollbar,
+.scrolly::-webkit-scrollbar {
+    display: none;
+}
+
+/* Hide scrollbar for IE, Edge and Firefox */
+
+.scrollx {
+    overflow-y: hidden;
+    overflow-x: auto !important;
+    -webkit-overflow-scrolling: touch;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+    scrollbar-width: none; /* Firefox */
+}
+
+.scroll {
+    overflow: auto !important;
+    -webkit-overflow-scrolling: touch;
+}
+
+.vcenter {
+    vertical-align: middle;
+}
+
+.monospace {
+    white-space: pre-wrap;
+    font-family: monospace;
+}
+
+
+.ohidden {
+    overflow: hidden;
+}
+
+.font-50 {
+    font-size: 0.5rem;
+}
+
+.font-75 {
+    font-size: 0.75rem;
+}
+
+.font-100 {
+    font-size: 1rem;
+}
+
+.font-125 {
+    font-size: 1.25rem;
+}
+
+.font-150 {
+    font-size: 1.5rem;
+}
+
+.font-100 {
+    font-size: 1rem;
+}
+
+.vcenter {
+    vertical-align: middle;
+}
+
+.shadow-1 {
+    box-shadow: 0 0 1px var(--shadow-color);
+    z-index: 100;
+}
+
+.shadow-2 {
+    box-shadow: 0 0 2px var(--shadow-color);
+    z-index: 100;
+}
+
+.shadow-3 {
+    box-shadow: 0 0 3px var(--shadow-color);
+    z-index: 100;
+}
+
+.shadow-4 {
+    box-shadow: 0 0 4px var(--shadow-color);
+    z-index: 100;
+}
+
+.pointer {
+    cursor: pointer;
+}
+

package/src/css/b-root.css

@@ -0,0 +1,3 @@
+* {
+    box-sizing: border-box;
+}

package/src/css/body.css

@@ -0,0 +1,60 @@
+
+body {
+    padding: 0;
+    margin: 0;
+    overflow: hidden;
+    font-family: sans-serif;
+    background: black no-repeat center;
+    background-size: cover;
+    box-sizing: border-box;
+}
+
+body.error:after {
+    content: attr(data-error);
+    position: absolute;
+    width: calc(100% - 4rem);
+    bottom: 0;
+    margin: 2rem;
+    font-size: 1.5rem;
+    color: white;
+    text-align: center;
+    border: solid 1px rgba(255, 25, 25, 0.5);
+    padding: 2rem;
+    left: 0;
+    box-sizing: border-box;
+    background: rgba(80, 0, 0, 0.8);
+    border-radius: 1rem;
+}
+body.loading canvas,
+body.loading .ui-button,
+body.loading .popper {
+    opacity: 0;
+}
+
+body.loading .progressbar {
+    display: block;
+}
+
+canvas {
+    position: absolute;
+    width: 100% !important;
+    height: 100% !important;
+}
+
+.progressbar {
+    display: none;
+    bottom: 1rem;
+    left: 1rem;
+    right: 1rem;
+    height: 0.5rem;
+    position: absolute;
+}
+
+.progressbar > div {
+    background: white;
+    height: 100%;
+    position: absolute;
+    left: 0;
+    top: 0;
+    border-radius: 1rem;
+}

package/src/css/cardie.css

@@ -0,0 +1,6 @@
+.cardiebody {
+    display: flex;
+    flex-direction: row;
+    align-items: self-start;
+}
+

package/src/css/flex.css

@@ -0,0 +1,46 @@
+
+.flexcol {
+    flex-direction: column;
+    display: flex
+}
+
+.flexrow {
+    flex-direction: row;
+    display: flex
+}
+
+.grows {
+    flex-grow: 1;
+}
+
+.noshrink {
+    flex-shrink: 0;
+}
+
+.h-100 {
+    height: -webkit-fill-available;
+}
+
+.w-100 {
+    width: -webkit-fill-available;
+}
+
+.relative {
+    position: relative;
+}
+
+.absolute {
+    position: absolute;
+}
+
+.unitheight {
+    height: 2.54rem;
+}
+
+.pad-2 {
+    padding: 0.5rem;
+}
+
+.scaff-bottom {
+    border-bottom: solid 1px var(--border-color);
+}

package/src/css/fontawesome/brands.min.css

@@ -0,0 +1,16 @@
+/*!
+ * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+@font-face {
+    font-family: "Font Awesome 5 Brands";
+    font-style: normal;
+    font-weight: 400;
+    font-display: block;
+    src: url(webfonts/fa-brands-400.woff2) format("woff2")
+}
+
+.fabrd:before {
+    font-family: "Font Awesome 5 Brands" !important;
+    font-weight: 400
+}

package/src/css/fontawesome/fontawesome-ext.css

@@ -0,0 +1,7 @@
+.fas {
+    line-height: inherit !important;
+}
+
+.fas.last {
+    order: 2;
+}

package/src/css/fontawesome/fontawesome-solid.css

@@ -0,0 +1,17 @@
+/*!
+ * Font Awesome Free 5.9.0 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+@font-face {
+    font-family: 'Font Awesome 5 Free';
+    font-style: normal;
+    font-weight: 900;
+    font-display: swap;
+    src: url("webfonts/fa-solid-900.woff2") format("woff2"), url("webfonts/fa-solid-900.woff") format("woff"), url("webfonts/fa-solid-900.ttf") format("truetype");
+}
+
+.fa,
+.fas {
+    font-family: 'Font Awesome 5 Free';
+    font-weight: 900;
+}