renusify 2.3.2 → 2.4.0

package/components/highlight/style.scss

@@ -0,0 +1,103 @@
+@use "../../style/variables/base";
+
+.#{base.$prefix}highlight {
+  direction: ltr;
+  text-align: left;
+  white-space: pre;
+  padding: 30px 20px;
+  color: #f8f8f2;
+  background: #1a1a1c;
+  box-shadow: 0 0 5px #fff;
+  text-shadow: none;
+  font: normal 18px Consolas, "Courier New", Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  line-height: 24px;
+  box-sizing: border-box;
+
+  &::selection {
+    background: #bdf5
+  }
+
+  > div {
+    display: flex;
+    overflow: auto
+  }
+
+  > div :last-child {
+    flex: 1;
+    outline: none
+  }
+
+  &:before {
+    color: #6f9aff
+  }
+
+  .highlight-numbers {
+    padding-left: 5px;
+    counter-reset: line;
+
+    div {
+      padding-right: 5px;
+
+      &::before {
+        color: #fff;
+        display: block;
+        content: counter(line);
+        opacity: .5;
+        text-align: right;
+        margin-right: 5px;
+        counter-increment: line
+      }
+    }
+  }
+
+  .highlight-syn-cmnt {
+    font-style: italic
+  }
+
+
+  .highlight-lang-http .highlight-syn-kwd {
+    background: #25f;
+    color: #fff;
+    padding: 0px 5px;
+    border-radius: 5px
+  }
+
+  .highlight-syn-deleted,
+  .highlight-syn-err,
+  .highlight-syn-var {
+    color: #ff5261
+  }
+
+  .highlight-syn-section,
+  .highlight-syn-kwd {
+    color: #ff7cc6
+  }
+
+  .highlight-syn-class {
+    color: #eab07c
+  }
+
+  .highlight-numbers,
+  .highlight-syn-cmnt {
+    color: #7d828b
+  }
+
+  .highlight-syn-insert,
+  .highlight-syn-type,
+  .highlight-syn-func,
+  .highlight-syn-bool {
+    color: #71d58a
+  }
+
+  .highlight-syn-num {
+    color: #b581fd
+  }
+
+  .highlight-syn-oper {
+    color: #80c6ff
+  }
+
+  .highlight-syn-str {
+    color: #4dacfa
+  }
+}

package/components/index.js

@@ -79,6 +79,7 @@ export * as rTimeAgo from './timeAgo/index.js'
 export * as rTimeline from './timeline/index.js'
 export * as rTour from './tour/index.js'
 export * as rTree from './tree/index.js'
+export * as rHighlight from './highlight/index.js'
 
 export const _register = (app, components) => {
     let d = {}

package/index.js

@@ -68,7 +68,6 @@ export default {
                     'en': {
                         first_day: 0,
                         time_zone_offset: -480,/*Standard timezone offset minutes -07:00*/
-                        daylight_saving_time: true,
                         localizeName: 'en-US',
                         timeZone: 'America/Los_Angeles',
                         rtl: false
@@ -76,7 +75,6 @@ export default {
                     'fa': {
                         first_day: 6,
                         time_zone_offset: 210,//Standard timezone offset minutes +03:30
-                        daylight_saving_time: false,
                         localizeName: 'fa-IR',
                         timeZone: 'Asia/Tehran',
                         calendar: 'persian',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "renusify",
-  "version": "2.3.2",
+  "version": "2.4.0",
   "description": "Vue3 Framework",
   "keywords": [
     "vuejs",

package/style/app.scss

@@ -16,13 +16,13 @@ html {
 
   & {
     text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  box-sizing: border-box;
-  overflow-y: scroll;
-  overflow-x: hidden;
-  -webkit-text-size-adjust: 100%;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    box-sizing: border-box;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    -webkit-text-size-adjust: 100%;
     scroll-behavior: smooth;
   }
 ;
@@ -150,27 +150,27 @@ $color-text: var(--color-on-one);
     @include mixins.typography(base.$headings, 'display-3')
   }
 
-  .headline-1 {
+  .headline-1, h1 {
     @include mixins.typography(base.$headings, 'headline-1')
   }
 
-  .headline-2 {
+  .headline-2, h2 {
     @include mixins.typography(base.$headings, 'headline-2')
   }
 
-  .headline-3 {
+  .headline-3, h3 {
     @include mixins.typography(base.$headings, 'headline-3')
   }
 
-  .title-1 {
+  .title-1, h4 {
     @include mixins.typography(base.$headings, 'title-1')
   }
 
-  .title-2 {
+  .title-2, h5 {
     @include mixins.typography(base.$headings, 'title-2');
   }
 
-  .title-3 {
+  .title-3, h6 {
     @include mixins.typography(base.$headings, 'title-3');
   }