npm - neo.mjs - Versions diffs - 5.18.0 → 6.0.0 - Mend

neo.mjs 5.18.0 → 6.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (291) hide show

package/resources/scss/src/apps/covid/HeaderContainer.scss CHANGED Viewed

@@ -35,62 +35,62 @@
             }
             &.active {
-                background-color: v(covid-header-active-background-color);
+                background-color: var(--covid-header-active-background-color);
                 border-left     : 5px solid rgb(100, 181, 246);
                 &:after {
-                    background-color: v(covid-header-active-background-color);
+                    background-color: var(--covid-header-active-background-color);
                 }
                 &:before {
-                    border-bottom: 5px solid v(covid-header-active-background-color);
-                    border-right : 5px solid v(covid-header-active-background-color);
-                    border-color : v(covid-header-active-background-color) transparent transparent v(covid-header-active-background-color);
+                    border-bottom: 5px solid var(--covid-header-active-background-color);
+                    border-right : 5px solid var(--covid-header-active-background-color);
+                    border-color : var(--covid-header-active-background-color) transparent transparent var(--covid-header-active-background-color);
                 }
             }
             &.cases {
-                background-color: v(covid-header-cases-background-color);
+                background-color: var(--covid-header-cases-background-color);
                 border-left     : 5px solid rgb(187, 187, 187);
                 &:after {
-                    background-color: v(covid-header-cases-background-color);
+                    background-color: var(--covid-header-cases-background-color);
                 }
                 &:before {
-                    border-bottom: 5px solid v(covid-header-cases-background-color);
-                    border-right : 5px solid v(covid-header-cases-background-color);
-                    border-color : v(covid-header-cases-background-color) transparent transparent v(covid-header-cases-background-color);
+                    border-bottom: 5px solid var(--covid-header-cases-background-color);
+                    border-right : 5px solid var(--covid-header-cases-background-color);
+                    border-color : var(--covid-header-cases-background-color) transparent transparent var(--covid-header-cases-background-color);
                 }
             }
             &.deaths {
-                background-color: v(covid-header-deaths-background-color);
+                background-color: var(--covid-header-deaths-background-color);
                 border-left     : 5px solid rgb(251, 103, 103);
                 &:after {
-                    background-color: v(covid-header-deaths-background-color);
+                    background-color: var(--covid-header-deaths-background-color);
                 }
                 &:before {
-                    border-bottom: 5px solid v(covid-header-deaths-background-color);
-                    border-right : 5px solid v(covid-header-deaths-background-color);
-                    border-color : v(covid-header-deaths-background-color) transparent transparent v(covid-header-deaths-background-color);
+                    border-bottom: 5px solid var(--covid-header-deaths-background-color);
+                    border-right : 5px solid var(--covid-header-deaths-background-color);
+                    border-color : var(--covid-header-deaths-background-color) transparent transparent var(--covid-header-deaths-background-color);
                 }
             }
             &.recovered {
-                background-color: v(covid-header-recovered-background-color);
+                background-color: var(--covid-header-recovered-background-color);
                 border-left     : 5px solid rgb(40, 218, 111);
                 &:after {
-                    background-color: v(covid-header-recovered-background-color);
+                    background-color: var(--covid-header-recovered-background-color);
                 }
                 &:before {
-                    border-bottom: 5px solid v(covid-header-recovered-background-color);
-                    border-right : 5px solid v(covid-header-recovered-background-color);
-                    border-color : v(covid-header-recovered-background-color) transparent transparent v(covid-header-recovered-background-color);
+                    border-bottom: 5px solid var(--covid-header-recovered-background-color);
+                    border-right : 5px solid var(--covid-header-recovered-background-color);
+                    border-color : var(--covid-header-recovered-background-color) transparent transparent var(--covid-header-recovered-background-color);
                 }
             }
         }
@@ -100,20 +100,20 @@
             margin   : 5px 0;
             &.active {
-                color: v(covid-header-active-color);
+                color: var(--covid-header-active-color);
             }
             &.cases {
-                color: v(covid-header-cases-color);
+                color: var(--covid-header-cases-color);
             }
             &.deaths {
-                color: v(covid-header-deaths-color);
+                color: var(--covid-header-deaths-color);
             }
             &.recovered {
-                color: v(covid-header-recovered-color);
+                color: var(--covid-header-recovered-color);
             }
         }
     }
-}
+}

package/resources/scss/src/apps/covid/country/Gallery.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 .neo-gallery.covid-country-gallery {
-    background-color: v(covid-gallery-background-color);
-    border-color    : v(covid-gallery-border-color);
+    background-color: var(--covid-gallery-background-color);
+    border-color    : var(--covid-gallery-border-color);
     color           : #000;
     text-align      : left;
@@ -23,7 +23,7 @@
     }
     .neo-item-wrapper {
-        background-color   : v(covid-gallery-item-wrapper-background-color);
+        background-color   : var(--covid-gallery-item-wrapper-background-color);
         border-radius      : 10px;
         pointer-events     : none;
         transition-duration: .55s;
@@ -33,9 +33,9 @@
     .neo-country-gallery-item {
         background-color       : #fff;
         border-bottom          : 0;
-        border-color           : v(covid-gallery-item-border-color);
-        border-left-width      : v(covid-gallery-item-border-sides-width);
-        border-right-width     : v(covid-gallery-item-border-sides-width);
+        border-color           : var(--covid-gallery-item-border-color);
+        border-left-width      : var(--covid-gallery-item-border-sides-width);
+        border-right-width     : var(--covid-gallery-item-border-sides-width);
         border-style           : solid;
         border-top-left-radius : 10px;
         border-top-right-radius: 10px;

package/resources/scss/src/apps/covid/country/Helix.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 .neo-helix.covid-country-helix {
-    background-color: v(covid-helix-background-color);
-    border-color    : v(covid-helix-border-color);
+    background-color: var(--covid-helix-background-color);
+    border-color    : var(--covid-helix-border-color);
     color           : #000;
     text-align      : left;
@@ -37,19 +37,19 @@
     }
     .neo-helix-item {
-        background-color: v(covid-helix-item-wrapper-background-color);
+        background-color: var(--covid-helix-item-wrapper-background-color);
         &.neo-selected {
-            box-shadow: v(covid-helix-item-box-shadow-selected);
+            box-shadow: var(--covid-helix-item-box-shadow-selected);
         }
     }
     .neo-country-helix-item {
         background-color       : #fff;
         border-bottom          : 0;
-        border-color           : v(covid-helix-item-border-color);
-        border-left-width      : v(covid-helix-item-border-sides-width);
-        border-right-width     : v(covid-helix-item-border-sides-width);
+        border-color           : var(--covid-helix-item-border-color);
+        border-left-width      : var(--covid-helix-item-border-sides-width);
+        border-right-width     : var(--covid-helix-item-border-sides-width);
         border-style           : solid;
         border-top-left-radius : 10px;
         border-top-right-radius: 10px;
@@ -70,4 +70,4 @@
         height       : 280px;
         width        : 340px;
     }
-}
+}

package/resources/scss/src/apps/covid/country/LineChartComponent.scss CHANGED Viewed

@@ -1,3 +1,3 @@
 .covid-line-chart {
-    background-color: v(covid-line-chart-background-color);
-}
+    background-color: var(--covid-line-chart-background-color);
+}

package/resources/scss/src/apps/docs/ContentTabContainer.scss CHANGED Viewed

@@ -2,7 +2,7 @@
     overflow: hidden;
     .docs-tab-header-toolbar {
-        background-color: v(docs-content-tabcontainer-tab-header-toolbar-background-color);
+        background-color: var(--docs-content-tabcontainer-tab-header-toolbar-background-color);
         .neo-button-glyph {
             pointer-events: all;
@@ -10,7 +10,7 @@
             width         : 16px;
             &:hover {
-                color : v(docs-content-tabcontainer-tab-header-toolbar-glyph-color-hover);
+                color : var(--docs-content-tabcontainer-tab-header-toolbar-glyph-color-hover);
                 cursor: pointer;
                 &::before {
@@ -23,4 +23,4 @@
     .neo-docs-tab-content-container {
         border: 0;
     }
-}
+}

package/resources/scss/src/apps/docs/HeaderContainer.scss CHANGED Viewed

@@ -1,13 +1,13 @@
 .neo-docs-header-container {
-    background-color: v(docs-header-container-background-color);
-    background-image: v(docs-header-container-background-image);
+    background-color: var(--docs-header-container-background-color);
+    background-image: var(--docs-header-container-background-image);
     .neo-logo-text {
-        background-clip : v(docs-header-container-logo-text-background-clip);
-        color           : v(docs-header-container-logo-text-color);
-        font-size       : v(docs-header-container-logo-text-font-size);
-        font-weight     : v(docs-header-container-logo-text-font-weight);
-        padding         : v(docs-header-container-logo-padding);
-        text-shadow     : v(docs-header-container-logo-text-shadow);
+        background-clip : var(--docs-header-container-logo-text-background-clip);
+        color           : var(--docs-header-container-logo-text-color);
+        font-size       : var(--docs-header-container-logo-text-font-size);
+        font-weight     : var(--docs-header-container-logo-text-font-weight);
+        padding         : var(--docs-header-container-logo-padding);
+        text-shadow     : var(--docs-header-container-logo-text-shadow);
     }
 }

package/resources/scss/src/apps/docs/MainContainer.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 .neo-docs-maincontainer {
     .neo-docs-navigation-tab-container {
-        background-color: v(docs-navigation-tab-container-background-color);
+        background-color: var(--docs-navigation-tab-container-background-color);
         .neo-tab-content-container {
             border-right: none;

package/resources/scss/src/apps/docs/classdetails/HeaderComponent.scss CHANGED Viewed

@@ -4,7 +4,7 @@
 }
 .neo-docs-classdetails-headercomponent {
-    background-color: v(docs-classdetails-headercomponent-background-color);
+    background-color: var(--docs-classdetails-headercomponent-background-color);
     overflow-y      : auto;
     padding         : 15px;

package/resources/scss/src/apps/docs/classdetails/MembersList.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 .docs-classhierarchy-memberslist {
-    background-color: v(docs-classhierarchy-memberslist-background-color);
+    background-color: var(--docs-classhierarchy-memberslist-background-color);
     overflow        : auto;
     .docs-param-table {
@@ -12,16 +12,16 @@
         width          : 100%;
         thead {
-            background-color: v(docs-param-table-thead-background-color);
-            background-image: v(docs-param-table-thead-background-image);
+            background-color: var(--docs-param-table-thead-background-color);
+            background-image: var(--docs-param-table-thead-background-image);
         }
         thead tr {
-            background-clip: v(docs-param-table-tr-background-clip);
+            background-clip: var(--docs-param-table-tr-background-clip);
             border-bottom  : 1px solid #282b2b;
-            color          : v(docs-param-table-tr-color);
+            color          : var(--docs-param-table-tr-color);
             font-weight    : 800;
-            text-shadow    : v(docs-param-table-tr-text-shadow);
+            text-shadow    : var(--docs-param-table-tr-text-shadow);
         }
         td, th {
@@ -37,9 +37,9 @@
     }
     .neo-docs-memberlist-group-header {
-        background-color: v(docs-memberlist-group-header-background-color);
+        background-color: var(--docs-memberlist-group-header-background-color);
         box-shadow      : 0 5px 10px rgba(0,0,0,.4);
-        color           : v(docs-memberlist-group-header-color);
+        color           : var(--docs-memberlist-group-header-color);
         margin          : 5px;
         padding         : 10px;
         position        : sticky;
@@ -47,8 +47,8 @@
     }
     .neo-list-item {
-        background-color: v(docs-param-table-list-item-background-color);
-        background-image: v(docs-param-table-list-item-background-image);
+        background-color: var(--docs-param-table-list-item-background-color);
+        background-image: var(--docs-param-table-list-item-background-image);
         font-size       : 14px;
         margin          : 5px;
         padding         : 10px;
@@ -58,23 +58,23 @@
         }
         .neo-list-item-header {
-            background-clip: v(docs-param-table-list-item-header-background-clip);
+            background-clip: var(--docs-param-table-list-item-header-background-clip);
             color          : rgba(0,0,0,0.6);
             font-size      : 20px;
             font-weight    : 800;
-            text-shadow    : v(docs-param-table-list-item-header-text-shadow);
+            text-shadow    : var(--docs-param-table-list-item-header-text-shadow);
             .neo-highlight-search {
-                color: v(docs-param-table-list-item-highlight-search-color);
+                color: var(--docs-param-table-list-item-highlight-search-color);
             }
         }
         .neo-docs-view-source-link {
-            color          : v(docs-param-table-source-link-color);
+            color          : var(--docs-param-table-source-link-color);
             text-decoration: none;
             &:hover {
-                color: v(docs-param-table-source-link-color-hover);
+                color: var(--docs-param-table-source-link-color-hover);
             }
         }
@@ -82,4 +82,4 @@
             margin-bottom: 10px;
         }
     }
-}
+}

package/resources/scss/src/apps/docs/classdetails/TutorialComponent.scss CHANGED Viewed

@@ -3,9 +3,9 @@
     padding: 10px;
     .neo-header-text-container {
-        background-color: v(docs-classdetails-tutorialcomponent-background-color);
+        background-color: var(--docs-classdetails-tutorialcomponent-background-color);
         box-shadow      : 0 5px 10px rgba(0,0,0,.4);
-        color           : v(docs-classdetails-tutorialcomponent-color);
+        color           : var(--docs-classdetails-tutorialcomponent-color);
         padding-left    : 10px;
         position        : sticky;
         top             : -10px;
@@ -31,4 +31,4 @@
     hr {
         border-style: groove;
     }
-}
+}

package/resources/scss/src/apps/website/HeaderContainer.scss CHANGED Viewed

@@ -3,24 +3,24 @@
     background-color     : #444;
     background-image     : linear-gradient(#ddd, #999), url('https://raw.githubusercontent.com/neomjs/pages/master/resources/website/neo-background.png');
     position             : relative;
-    transition           : background-position 700ms ease-out, height v(website-transition-duration) ease-out;
+    transition           : background-position 700ms ease-out, height var(--website-transition-duration) ease-out;
     .neo-absolute {
         position: absolute;
     }
     .neo-button {
-        background-image          : v(website-header-button-background-image);
-        border                    : v(website-header-button-border);
+        background-image          : var(--website-header-button-background-image);
+        border                    : var(--website-header-button-border);
         border-radius             : 50%;
-        transition-duration       : v(website-transition-duration);
+        transition-duration       : var(--website-transition-duration);
         transition-property       : height, margin, width;
         transition-timing-function: ease-out;
         .neo-button-glyph {
-            color     : v(website-header-button-glyph-color);
+            color     : var(--website-header-button-glyph-color);
             margin    : 0 !important;
-            transition: font-size v(website-transition-duration) ease-out;
+            transition: font-size var(--website-transition-duration) ease-out;
         }
     }
@@ -30,7 +30,7 @@
     }
     .neo-inner-content {
-        transition: font-size v(website-transition-duration) ease-out, margin-top v(website-transition-duration) ease-out;
+        transition: font-size var(--website-transition-duration) ease-out, margin-top var(--website-transition-duration) ease-out;
         overflow  : hidden;
     }
@@ -49,7 +49,7 @@
     .neo-item-bottom-position {
         bottom    : 0;
         left      : 0;
-        transition: margin v(website-transition-duration) ease-out;
+        transition: margin var(--website-transition-duration) ease-out;
     }
     .neo-relative {
@@ -61,7 +61,7 @@
         font-weight: 600;
         line-height: 1;
         text-shadow: 1px 1px 1px #000, 1px 1px 1px #fff;
-        transition : font-size v(website-transition-duration) ease-out;
+        transition : font-size var(--website-transition-duration) ease-out;
     }
     .website-header-buttons {

package/resources/scss/src/apps/website/MainContainer.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 .website-main-container {
-    background-image: v(website-background-image);
+    background-image: var(--website-background-image);
     justify-content: center;
     min-width      : 310px;
@@ -8,7 +8,7 @@
     }
     .website-main-tabcontainer {
-        transition: margin v(website-transition-duration) ease-out;
+        transition: margin var(--website-transition-duration) ease-out;
         .neo-tab-content-container {
             border: none;
@@ -22,4 +22,4 @@
             margin: 10px 0;
         }
     }
-}
+}

package/resources/scss/src/apps/website/blog/Container.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 .website-blog-container {
     .website-blog-searchfield {
-        transition: margin v(website-transition-duration) ease-out;
+        transition: margin var(--website-transition-duration) ease-out;
         width     : 240px;
         @media (max-height: 400px), (max-width: 600px) {
@@ -13,6 +13,6 @@
     }
     .website-blog-toolbar {
-        background-color: v(website-blog-toolbar-background-color);
+        background-color: var(--website-blog-toolbar-background-color);
     }
-}
+}

package/resources/scss/src/apps/website/blog/List.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 .website-blog-list.neo-list {
-    transition: padding v(website-transition-duration) ease-out;
+    transition: padding var(--website-transition-duration) ease-out;
     .neo-list-item {
         cursor     : default;
@@ -7,7 +7,7 @@
         max-width  : 800px;
         overflow   : hidden;
         padding    : 0;
-        transition : height v(website-transition-duration) ease-out, margin-bottom v(website-transition-duration) ease-out;
+        transition : height var(--website-transition-duration) ease-out, margin-bottom var(--website-transition-duration) ease-out;
         white-space: normal;
         width      : 100%;
@@ -32,7 +32,7 @@
             display    : inline-block;
             margin-left: 10px;
             text-shadow: 1px 1px 1px #000, 1px 1px 1px #fff;
-            transition : font-size v(website-transition-duration) ease-out;
+            transition : font-size var(--website-transition-duration) ease-out;
         }
         .neo-full-size {
@@ -41,13 +41,13 @@
         }
         .neo-inner-details {
-            transition: line-height v(website-transition-duration) ease-out;
+            transition: line-height var(--website-transition-duration) ease-out;
         }
         .neo-item-bottom-position {
             bottom    : 0;
             left      : 0;
-            transition: margin v(website-transition-duration) ease-out;
+            transition: margin var(--website-transition-duration) ease-out;
         }
         .neo-item-top-position {
@@ -55,7 +55,7 @@
             right      : 0;
             text-align : end;
             text-shadow: 1px 1px 1px #000, 1px 1px 1px #fff;
-            transition : font-size v(website-transition-duration) ease-out, margin v(website-transition-duration) ease-out;
+            transition : font-size var(--website-transition-duration) ease-out, margin var(--website-transition-duration) ease-out;
         }
         .neo-relative {
@@ -78,13 +78,13 @@
         .neo-top-20 {
             align-items: center;
             display    : flex;
-            transition : margin v(website-transition-duration) ease-out;
+            transition : margin var(--website-transition-duration) ease-out;
         }
         .neo-user-image {
             border-radius: 50%;
             display      : inline-block;
-            transition   : height v(website-transition-duration) ease-out, width v(website-transition-duration) ease-out;
+            transition   : height var(--website-transition-duration) ease-out, width var(--website-transition-duration) ease-out;
         }
         .preview-image {

package/resources/scss/src/apps/website/examples/List.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 .website-examples-list.neo-list {
-    transition: padding v(website-transition-duration) ease-out;
+    transition: padding var(--website-transition-duration) ease-out;
     .neo-list-item {
         cursor     : default;
@@ -7,7 +7,7 @@
         max-width  : 800px;
         overflow   : hidden;
         padding    : 0;
-        transition : height v(website-transition-duration) ease-out, margin-bottom v(website-transition-duration) ease-out;
+        transition : height var(--website-transition-duration) ease-out, margin-bottom var(--website-transition-duration) ease-out;
         white-space: normal;
         width      : 100%;
@@ -27,7 +27,7 @@
         .neo-github-image {
             color                     : #ddd;
             text-decoration           : none;
-            transition-duration       : v(website-transition-duration);
+            transition-duration       : var(--website-transition-duration);
             transition-property       : font-size, height, width;
             transition-timing-function: ease-out;
         }
@@ -37,17 +37,17 @@
             display    : inline-block;
             margin-left: 10px;
             text-shadow: 1px 1px 1px #000, 1px 1px 1px #fff;
-            transition : font-size v(website-transition-duration) ease-out;
+            transition : font-size var(--website-transition-duration) ease-out;
         }
         .neo-inner-details {
-            transition: line-height v(website-transition-duration) ease-out;
+            transition: line-height var(--website-transition-duration) ease-out;
         }
         .neo-item-bottom-position {
             bottom    : 0;
             left      : 0;
-            transition: margin v(website-transition-duration) ease-out;
+            transition: margin var(--website-transition-duration) ease-out;
         }
         .neo-relative {
@@ -70,7 +70,7 @@
         .neo-top-20 {
             align-items: center;
             display    : flex;
-            transition : margin v(website-transition-duration) ease-out;
+            transition : margin var(--website-transition-duration) ease-out;
         }
         .preview-image {

package/resources/scss/src/apps/website/home/TabContainer.scss CHANGED Viewed

@@ -4,7 +4,7 @@
     }
     .website-intro-component {
-        color      : v(website-home-color);
+        color      : var(--website-home-color);
         flex       : auto !important;
         font-weight: 400;
         overflow-y : auto;
@@ -20,18 +20,18 @@
         }
         h1 {
-            color        : v(website-home-h1-color);
+            color        : var(--website-home-h1-color);
             font-weight  : 600;
             margin-bottom: -0.28em;
             margin-top   : 1em;
-            transition   : font-size v(website-transition-duration) ease-out, line-height v(website-transition-duration) ease-out;
+            transition   : font-size var(--website-transition-duration) ease-out, line-height var(--website-transition-duration) ease-out;
         }
         li {
             margin-bottom             : -0.46em;
             margin-left               : 30px;
             padding-left              : 0;
-            transition-duration       : v(website-transition-duration);
+            transition-duration       : var(--website-transition-duration);
             transition-property       : font-size, line-height, margin-top;
             transition-timing-function: ease-out;
         }
@@ -57,7 +57,7 @@
         p {
             margin-bottom: -0.46em;
             margin-top   : 0.86em;
-            transition   : font-size v(website-transition-duration) ease-out, line-height v(website-transition-duration) ease-out;
+            transition   : font-size var(--website-transition-duration) ease-out, line-height var(--website-transition-duration) ease-out;
         }