@jaisocx/css-code-snippet 1.2.6 → 1.3.2

package/MediaAndStyles/{csstool-codesnippet-theme-styles-main.css → CssCodeSnippet_main.css}

@@ -1,18 +1,20 @@
+/* Main .css file for the sites tool: CssCodeSnippet */
+
 /* thin screen, e.g. mobile */
 @media (max-width: 440px) {
-  .CodeSnippetHolder {
+  .jsx .CodeSnippetHolder {
     max-width: 93vw;
     margin: 0 auto;
   }
 }
 
 /* tool css default values */
-.CodeSnippetHolder, 
-.CodeSnippetHolder *, 
-.CodeSnippetHolder::before, 
-.CodeSnippetHolder::after, 
-.CodeSnippetHolder *::before, 
-.CodeSnippetHolder *::after {
+.jsx .CodeSnippetHolder,
+.jsx .CodeSnippetHolder *,
+.jsx .CodeSnippetHolder::before,
+.jsx .CodeSnippetHolder::after,
+.jsx .CodeSnippetHolder *::before,
+.jsx .CodeSnippetHolder *::after {
   position: relative;
   display: inline-block;
   box-sizing: border-box;
@@ -33,7 +35,7 @@
 
 
 /* tool calculated variables, based on theme variables values */
-.CodeSnippetHolder {
+.jsx .CodeSnippetHolder {
     /* tool calculated variables */
     --code-snippet-holder--height: calc(var(--code-snippet--line-height) * var(--lines-number) + var(--code-snippet--padding-top) + var(--code-snippet--padding-bottom));
     --code-snippet--height: calc(var(--code-snippet--line-height) * var(--lines-number) + var(--code-snippet--padding-top) + var(--code-snippet--padding-bottom));
@@ -47,14 +49,14 @@
 }
 
 /* Main html node */
-.CodeSnippetHolder {
+.jsx .CodeSnippetHolder {
   min-height: var(--code-snippet-tool--height) !important;
   height: var(--code-snippet-tool--height) !important;
 
   width: var(--code-snippet-tool--width);
 
-  overflow: var(--overflow-y) hidden !important;
-  overflow-y: var(--overflow-y) !important;
+  overflow: var(--code-snippet-tool--overflow-y) hidden !important;
+  overflow-y: var(--code-snippet-tool--overflow-y) !important;
   overflow-x: hidden;
 
   background-color: var(--code_snippet__column_numbers__background-color);
@@ -63,9 +65,9 @@
   border: var(--code-snippet-tool--border-width) var(--code-snippet-tool--border-style) var(--code-snippet-tool--border-color);
 }
 
-/* the overlapping placeholder, to cover the text near right border, 
+/* the overlapping placeholder, to cover the text near right border,
 to draw right margin, when the width is scrollable to right. */
-.CodeSnippetHolder::after {
+.jsx .CodeSnippetHolder::after {
   content: "";
 
   position: absolute !important;
@@ -85,7 +87,7 @@ to draw right margin, when the width is scrollable to right. */
 }
 
 /* lines numbers left sidebar */
-.CodeSnippetHolder::before {
+.jsx .CodeSnippetHolder::before {
   content: var(--lines-numbers--content);
 
   top: 0 !important;
@@ -119,7 +121,7 @@ to draw right margin, when the width is scrollable to right. */
 
 
 /* the html pre element, where the inner text is the code snippet */
-.CodeSnippetHolder .CodeSnippetArea {
+.jsx .CodeSnippetHolder .CodeSnippetArea {
   top: 0 !important;
   left: 0;
 
@@ -127,12 +129,12 @@ to draw right margin, when the width is scrollable to right. */
   min-height: 100%;
   max-height: unset;
   /*max-height: var(--code-snippet--height);*/
-  
+
   min-width: auto;
   width: var(--code-snippet--width);
 
   padding: var(--code-snippet--padding);
-  
+
   overflow-y: hidden !important;
   overflow-x: auto !important;
 

package/MediaAndStyles/CssCodeSnippet_main_Webpack.css

@@ -0,0 +1,31 @@
+
+/* @import url("@CssCodeSnippet_MediaAndStyles/responsive_size_Constants.css"); */
+
+@import url("@CssCodeSnippet_MediaAndStyles/lines-numbers-variables/code-snippet-lines-numbers-99.css");
+/* @import url("@CssCodeSnippet_MediaAndStyles/lines-numbers-variables/code-snippet-lines-numbers-300.css"); */
+
+
+
+@import url("@CssCodeSnippet_MediaAndStyles/themes/color_themes/css_code_snippet__css_clean_start_2__color_theme.css");
+
+@import url("@CssCodeSnippet_MediaAndStyles/themes/color_themes/csstool-codesnippet-theme-colour-blue.css");
+@import url("@CssCodeSnippet_MediaAndStyles/themes/color_themes/csstool-codesnippet-theme-colour-rosa.css");
+@import url("@CssCodeSnippet_MediaAndStyles/themes/color_themes/csstool-codesnippet-theme-colour-salad.css");
+
+
+
+@import url("@CssCodeSnippet_MediaAndStyles/themes/layout_themes/csstool-codesnippet-theme-size-large.css");
+@import url("@CssCodeSnippet_MediaAndStyles/themes/layout_themes/csstool-codesnippet-theme-size-little.css");
+
+
+
+/* base theme: constants and @media queries */
+@import url("@CssCodeSnippet_MediaAndStyles/themes/theme_base/CssCodeSnippet_theme_base_main.css");
+@import url("@CssCodeSnippet_MediaAndStyles/themes/theme_base/responsive_size_Imports_CssCodeSnippet_theme_base_Webpack.css");
+
+
+
+/* main css file, css logics with rules set via variables in the theme .css files imported above */
+@import url("@CssCodeSnippet_MediaAndStyles/CssCodeSnippet_main.css");
+
+

package/MediaAndStyles/CssCodeSnippet_main_Webpack_minimal.css

@@ -0,0 +1,33 @@
+
+/* @import url("@CssCodeSnippet_MediaAndStyles/responsive_size_Constants.css"); */
+
+
+
+/* @import url("@CssCodeSnippet_MediaAndStyles/lines-numbers-variables/code-snippet-lines-numbers-99.css"); */
+/* @import url("@CssCodeSnippet_MediaAndStyles/lines-numbers-variables/code-snippet-lines-numbers-300.css"); */
+
+
+
+@import url("@CssCodeSnippet_MediaAndStyles/themes/color_themes/css_code_snippet__css_clean_start_2__color_theme.css");
+
+/* @import url("@CssCodeSnippet_MediaAndStyles/themes/color_themes/csstool-codesnippet-theme-colour-blue.css"); */
+/* @import url("@CssCodeSnippet_MediaAndStyles/themes/color_themes/csstool-codesnippet-theme-colour-rosa.css"); */
+/* @import url("@CssCodeSnippet_MediaAndStyles/themes/color_themes/csstool-codesnippet-theme-colour-salad.css"); */
+
+
+
+/* @import url("@CssCodeSnippet_MediaAndStyles/themes/layout_themes/csstool-codesnippet-theme-size-large.css"); */
+/* @import url("@CssCodeSnippet_MediaAndStyles/themes/layout_themes/csstool-codesnippet-theme-size-little.css"); */
+
+
+
+/* base theme: constants and @media queries */
+@import url("@CssCodeSnippet_MediaAndStyles/themes/theme_base/CssCodeSnippet_theme_base_main.css");
+/* @import url("@CssCodeSnippet_MediaAndStyles/themes/theme_base/responsive_size_Imports_CssCodeSnippet_theme_base_Webpack_minimal.css"); */
+
+
+
+/* main css file, css logics with rules set via variables in the theme .css files imported above */
+@import url("@CssCodeSnippet_MediaAndStyles/CssCodeSnippet_main.css");
+
+

package/MediaAndStyles/CssCodeSnippet_main_relative.css

@@ -0,0 +1,30 @@
+
+/* @import url("./responsive_size_Constants.css"); */
+
+@import url("./lines-numbers-variables/code-snippet-lines-numbers-99.css");
+/* @import url("./lines-numbers-variables/code-snippet-lines-numbers-300.css"); */
+
+
+
+@import url("./themes/color_themes/css_code_snippet__css_clean_start_2__color_theme.css");
+
+@import url("./themes/color_themes/csstool-codesnippet-theme-colour-blue.css");
+@import url("./themes/color_themes/csstool-codesnippet-theme-colour-rosa.css");
+@import url("./themes/color_themes/csstool-codesnippet-theme-colour-salad.css");
+
+
+@import url("./themes/layout_themes/csstool-codesnippet-theme-size-large.css");
+@import url("./themes/layout_themes/csstool-codesnippet-theme-size-little.css");
+
+
+
+/* base theme: constants and @media queries */
+@import url("./themes/theme_base/CssCodeSnippet_theme_base_main.css");
+@import url("./themes/theme_base/responsive_size_Imports_CssCodeSnippet_theme_base_Relative.css");
+
+
+
+/* main css file, css logics with rules set via variables in the theme .css files imported above */
+@import url("./CssCodeSnippet_main.css");
+
+