npm - @jaisocx/css-clean-start-2 - Versions diffs - 1.0.0 - Mend

@jaisocx/css-clean-start-2 1.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 (79) hide show

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_t16_tv_16k_portrait__CssCleanStart_2__theme_base.css ADDED Viewed

@@ -0,0 +1,231 @@
+/*
+Responsive rules
+These styles for a display size in this primary template for a site from scratch,
+  I guess, need first the adjustments for sizes,
+  when tested on several displays for higher quality of a site shown in a browser on a display.
+That is why in the CssCleanStart just the css constants relevant for sizes are set in this template.
+*/
+@media only screen and (min-width: 8641px) and (max-width: 9999px) and (orientation: portrait) {
+  .jsx {
+    --theme_name__CssCleanStart_2: theme_base;
+    --responsive_size: responsive_size_t16_tv_16k_portrait;
+    --responsive_size__CssCleanStart_2__theme_base: responsive_size_t16_tv_16k_portrait__CssCleanStart_2__theme_base;
+    --responsive_size: responsive_size_t16_tv_16k_portrait;
+    --responsive_size__min-width: 8641px;
+    --responsive_size__max-width: 9999px;
+    --theme_name__CssCleanStart_2: theme_base;
+    --responsive_size__CssCleanStart_2__theme_base: responsive_size_t16_tv_16k_portrait__CssCleanStart_2__theme_base;
+    --responsive_size__CssCleanStart_2__theme_base__min-width: 8641px;
+    --responsive_size__CssCleanStart_2__theme_base__max-width: 9999px;
+    /** Clean Start Css Constants */
+    /** -------------------------------
+      this style sets rem size for the html page. 1rem = 16px
+    */
+    /* --jsx--css-clean-start-2--rem: 16px; */
+    /** -------------------------------
+      background styles of the html elem <body>, and, the direct anchester html elem <main>
+    */
+    /* --jsx--css-clean-start-2--body-tag--background: #eee; */
+    /* --jsx--css-clean-start-2--site--background: #fff; */
+    /** -------------------------------
+      width and height of the body elem
+    */
+    /* --jsx--css-clean-start-2--body-tag--width: 100%; */
+    /* --jsx--css-clean-start-2--body-tag--max-width: 100%; */
+    /* --jsx--css-clean-start-2--body-tag--min-width: 100%; */
+    /* --jsx--css-clean-start-2--body-tag--height: auto; */
+    /* --jsx--css-clean-start-2--body-tag--max-height: unset; */
+    /* --jsx--css-clean-start-2--body-tag--min-height: 100vh; */
+    /* --jsx--css-clean-start-2--body-tag--overflow-x: auto; */
+    /* --jsx--css-clean-start-2--body-tag--overflow-y: auto; */
+    /** -------------------------------
+      width and height of the site, normally positioned in the center of the browser's tab
+    */
+    /* --jsx--css-clean-start-2--site--height: fit-content; */
+    /* --jsx--css-clean-start-2--site--max-height: fit-content; */
+    /* --jsx--css-clean-start-2--site--min-height: 100vh; */
+    /* --jsx--css-clean-start-2--site--overflow-x: hidden; */
+    /* --jsx--css-clean-start-2--site--overflow-y: visible; */
+    /* --jsx--css-clean-start-2--site--width: 70%; */
+    /* --jsx--css-clean-start-2--site--max-width: 100%; */
+    /* --jsx--css-clean-start-2--site--min-width: 70%; */
+    /** -------------------------------
+      padding and margin of the site
+    */
+    /* --jsx--css-clean-start-2--site--margin: 0 auto 0 auto; */
+    /* --jsx--css-clean-start-2--site--padding-top: 1rem; */
+    /* --jsx--css-clean-start-2--site--padding-left: 1rem; */
+    /* --jsx--css-clean-start-2--site--padding-right: 1rem; */
+    /* --jsx--css-clean-start-2--site--padding-bottom: 1rem; */
+    /* --jsx--css-clean-start-2--site--padding: var(--jsx--css-clean-start-2--site--padding-top) var(--jsx--css-clean-start-2--site--padding-left) var(--jsx--css-clean-start-2--site--padding-bottom) var(--jsx--css-clean-start-2--site--padding-right); */
+    /** -------------------------------
+      overflow styles
+    */
+    /* --jsx--css-clean-start-2--body-tag--overflow-x: hidden; */
+    /* --jsx--css-clean-start-2--site--overflow-y: visible; */
+    /** -------------------------------
+      html elems styles
+    */
+    /* --jsx--css-clean-start-2--all-tags--position: relative; */
+    /* --jsx--css-clean-start-2--all-tags--box-sizing: border-box; */
+    /* --jsx--css-clean-start-2--inline-tags--display: inline-block; */
+    /* --jsx--css-clean-start-2--block-tags--display: block; */
+    /* --jsx--css-clean-start-2--custom-tags--display: var(--jsx--css-clean-start-2--block-tags--display); */
+    /* --jsx--css-clean-start-2--all-tags--padding: 0 0 0 0; */
+    /* --jsx--css-clean-start-2--h--padding: 0 0 0 0; */
+    /* --jsx--css-clean-start-2--all-tags--margin: 0 0 0 0; */
+    /* --jsx--css-clean-start-2--h--margin: 0 0 0 0; */
+    /* --jsx--css-clean-start-2--p--margin: 0.9rem 0 0.9rem 0; */
+    /* --jsx--css-clean-start-2--all-tags--color: black; */
+    /* --jsx--css-clean-start-2--all-tags--font-family: "Franklin Gothic Medium", Verdana, sans-serif; */
+    /* --jsx--css-clean-start-2--pre--font-family: "Courier New", Courier, monospace; */
+    /* --jsx--css-clean-start-2--all-tags--font-size: 0.85rem; */
+    /* --jsx--css-clean-start-2--all-tags--line-height: 1rem; */
+    /* --jsx--css-clean-start-2--all-tags--border-color: green; */
+    /* --jsx--css-clean-start-2--all-tags--border-style: dotted; */
+    /* --jsx--css-clean-start-2--all-tags--border-width: 0; */
+    /** -------------------------------
+      h1 til h6 styles
+    */
+    /* --jsx--css-clean-start-2--h--font-weight: 600; */
+    /* --jsx--css-clean-start-2--h--color:       #626262; */
+    /* --jsx--css-clean-start-2--h--margin:      0 0 0 0; */
+    /* --jsx--css-clean-start-2--h--padding:     0 0 0 0; */
+    /* --jsx--css-clean-start-2--h1--font-size: 2.3rem; */
+    /* --jsx--css-clean-start-2--h1--line-height: 2.45rem; */
+    /* --jsx--css-clean-start-2--h2--font-size: 2.1rem; */
+    /* --jsx--css-clean-start-2--h2--line-height: 2.34rem; */
+    /* --jsx--css-clean-start-2--h3--font-size: 1.8rem; */
+    /* --jsx--css-clean-start-2--h3--line-height: 2.2rem; */
+    /* --jsx--css-clean-start-2--h4--font-size: 1.6rem; */
+    /* --jsx--css-clean-start-2--h4--line-height: 2rem; */
+    /* --jsx--css-clean-start-2--h5--font-size: 1.33rem; */
+    /* --jsx--css-clean-start-2--h5--line-height: 1.67rem; */
+    /* --jsx--css-clean-start-2--h6--font-size: 1rem; */
+    /* --jsx--css-clean-start-2--h6--line-height: 1.6rem; */
+    /* --jsx--css-clean-start-2--h1--font-weight: var(--jsx--css-clean-start-2--h--font-weight); */
+    /* --jsx--css-clean-start-2--h1--color:       var(--jsx--css-clean-start-2--h--color); */
+    /* --jsx--css-clean-start-2--h1--margin:      var(--jsx--css-clean-start-2--h--margin); */
+    /* --jsx--css-clean-start-2--h1--padding:     var(--jsx--css-clean-start-2--h--padding); */
+    /* --jsx--css-clean-start-2--h2--font-weight: var(--jsx--css-clean-start-2--h--font-weight); */
+    /* --jsx--css-clean-start-2--h2--color:       var(--jsx--css-clean-start-2--h--color); */
+    /* --jsx--css-clean-start-2--h2--margin:      var(--jsx--css-clean-start-2--h--margin); */
+    /* --jsx--css-clean-start-2--h2--padding:     var(--jsx--css-clean-start-2--h--padding); */
+    /* --jsx--css-clean-start-2--h3--font-weight: var(--jsx--css-clean-start-2--h--font-weight); */
+    /* --jsx--css-clean-start-2--h3--color:       var(--jsx--css-clean-start-2--h--color); */
+    /* --jsx--css-clean-start-2--h3--margin:      var(--jsx--css-clean-start-2--h--margin); */
+    /* --jsx--css-clean-start-2--h3--padding:     var(--jsx--css-clean-start-2--h--padding); */
+    /* --jsx--css-clean-start-2--h4--font-weight: var(--jsx--css-clean-start-2--h--font-weight); */
+    /* --jsx--css-clean-start-2--h4--color:       var(--jsx--css-clean-start-2--h--color); */
+    /* --jsx--css-clean-start-2--h4--margin:      var(--jsx--css-clean-start-2--h--margin); */
+    /* --jsx--css-clean-start-2--h4--padding:     var(--jsx--css-clean-start-2--h--padding); */
+    /* --jsx--css-clean-start-2--h5--font-weight: var(--jsx--css-clean-start-2--h--font-weight); */
+    /* --jsx--css-clean-start-2--h5--color:       var(--jsx--css-clean-start-2--h--color); */
+    /* --jsx--css-clean-start-2--h5--margin:      var(--jsx--css-clean-start-2--h--margin); */
+    /* --jsx--css-clean-start-2--h5--padding:     var(--jsx--css-clean-start-2--h--padding); */
+    /* --jsx--css-clean-start-2--h6--font-weight: var(--jsx--css-clean-start-2--h--font-weight); */
+    /* --jsx--css-clean-start-2--h6--color:       var(--jsx--css-clean-start-2--h--color); */
+    /* --jsx--css-clean-start-2--h6--margin:      var(--jsx--css-clean-start-2--h--margin); */
+    /* --jsx--css-clean-start-2--h6--padding:     var(--jsx--css-clean-start-2--h--padding); */
+    /** -------------------------------
+      hyperlnks text colors
+    */
+    /* --jsx--css-clean-start-2--anchor--color: navy; */
+    /* --jsx--css-clean-start-2--anchor-hover--color: blue; */
+    /* --jsx--css-clean-start-2--anchor-visited--color: grey; */
+    /* --jsx--css-clean-start-2--anchor-visited-hover--color: grey; */
+    /* --jsx--css-clean-start-2--anchor-active--color: darkblue; */
+    /* --jsx--css-clean-start-2--anchor-active-hover--color: blue; */
+    /** -------------------------------
+      hyperlnks are underlined, or they have been set other css text-decoration style
+    */
+    /* --jsx--css-clean-start-2--anchor--text-decoration: none; */
+    /* --jsx--css-clean-start-2--anchor-hover--text-decoration: underline; */
+    /* --jsx--css-clean-start-2--anchor-visited--text-decoration: none; */
+    /* --jsx--css-clean-start-2--anchor-visited-hover--text-decoration: underline; */
+    /* --jsx--css-clean-start-2--anchor-active--text-decoration: underline; */
+    /* --jsx--css-clean-start-2--anchor-active-hover--text-decoration: underline; */
+    /* --jsx--css-clean-start-2--thead--background-color: ghostwhite; */
+    /* --jsx--css-clean-start-2--tfoot--background-color: honeydew; */
+  }
+}

package/MediaAndStyles/themes/theme_base/responsive_size_Imports_CssCleanStart_2_theme_base_Relative.css ADDED Viewed

@@ -0,0 +1,106 @@
+/* Relative urls css imports */
+/* mobile xs */
+@import url("./responsive/responsive_size_e02_mobile_xs_portrait__CssCleanStart_2__theme_base.css");
+@import url("./responsive/responsive_size_e02_mobile_xs_landscape__CssCleanStart_2__theme_base.css");
+/* mobile s */
+@import url("./responsive/responsive_size_e04_mobile_s_portrait__CssCleanStart_2__theme_base.css");
+@import url("./responsive/responsive_size_e04_mobile_s_landscape__CssCleanStart_2__theme_base.css");
+/* mobile sm */
+@import url("./responsive/responsive_size_e06_mobile_sm_portrait__CssCleanStart_2__theme_base.css");
+@import url("./responsive/responsive_size_e06_mobile_sm_landscape__CssCleanStart_2__theme_base.css");
+/* mobile md */
+@import url("./responsive/responsive_size_e08_mobile_md_portrait__CssCleanStart_2__theme_base.css");
+@import url("./responsive/responsive_size_e08_mobile_md_landscape__CssCleanStart_2__theme_base.css");
+/* tablet sm */
+@import url("./responsive/responsive_size_h03_tablet_sm_portrait__CssCleanStart_2__theme_base.css");
+@import url("./responsive/responsive_size_h03_tablet_sm_landscape__CssCleanStart_2__theme_base.css");
+/* tablet md */
+@import url("./responsive/responsive_size_h05_tablet_md_portrait__CssCleanStart_2__theme_base.css");
+@import url("./responsive/responsive_size_h05_tablet_md_landscape__CssCleanStart_2__theme_base.css");
+/* laptop sm */
+@import url("./responsive/responsive_size_l03_laptop_sm_portrait__CssCleanStart_2__theme_base.css");
+@import url("./responsive/responsive_size_l03_laptop_sm_landscape__CssCleanStart_2__theme_base.css");
+/* laptop md */
+@import url("./responsive/responsive_size_l05_laptop_md_portrait__CssCleanStart_2__theme_base.css");
+@import url("./responsive/responsive_size_l05_laptop_md_landscape__CssCleanStart_2__theme_base.css");
+/* laptop lg */
+@import url("./responsive/responsive_size_l07_laptop_lg_portrait__CssCleanStart_2__theme_base.css");
+@import url("./responsive/responsive_size_l07_laptop_lg_landscape__CssCleanStart_2__theme_base.css");
+/* display xl */
+@import url("./responsive/responsive_size_s02_display_xl_portrait__CssCleanStart_2__theme_base.css");
+@import url("./responsive/responsive_size_s02_display_xl_landscape__CssCleanStart_2__theme_base.css");
+/* display xxl */
+@import url("./responsive/responsive_size_s04_display_xxl_portrait__CssCleanStart_2__theme_base.css");
+@import url("./responsive/responsive_size_s04_display_xxl_landscape__CssCleanStart_2__theme_base.css");
+/* display qhd */
+@import url("./responsive/responsive_size_s08_display_qhd_portrait__CssCleanStart_2__theme_base.css");
+@import url("./responsive/responsive_size_s08_display_qhd_landscape__CssCleanStart_2__theme_base.css");
+/* tv 4k */
+@import url("./responsive/responsive_size_t04_tv_4k_portrait__CssCleanStart_2__theme_base.css");
+@import url("./responsive/responsive_size_t04_tv_4k_landscape__CssCleanStart_2__theme_base.css");
+/* tv 8k */
+@import url("./responsive/responsive_size_t08_tv_8k_portrait__CssCleanStart_2__theme_base.css");
+@import url("./responsive/responsive_size_t08_tv_8k_landscape__CssCleanStart_2__theme_base.css");
+/* tv 16k */
+@import url("./responsive/responsive_size_t16_tv_16k_portrait__CssCleanStart_2__theme_base.css");
+@import url("./responsive/responsive_size_t16_tv_16k_landscape__CssCleanStart_2__theme_base.css");

package/MediaAndStyles/themes/theme_base/responsive_size_Imports_CssCleanStart_2_theme_base_Webpack.css ADDED Viewed

@@ -0,0 +1,106 @@
+/* Webpack build css imports */
+/* mobile xs */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_e02_mobile_xs_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_e02_mobile_xs_landscape__CssCleanStart_2__theme_base.css");
+/* mobile s */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_e04_mobile_s_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_e04_mobile_s_landscape__CssCleanStart_2__theme_base.css");
+/* mobile sm */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_e06_mobile_sm_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_e06_mobile_sm_landscape__CssCleanStart_2__theme_base.css");
+/* mobile md */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_e08_mobile_md_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_e08_mobile_md_landscape__CssCleanStart_2__theme_base.css");
+/* tablet sm */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_h03_tablet_sm_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_h03_tablet_sm_landscape__CssCleanStart_2__theme_base.css");
+/* tablet md */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_h05_tablet_md_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_h05_tablet_md_landscape__CssCleanStart_2__theme_base.css");
+/* laptop sm */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_l03_laptop_sm_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_l03_laptop_sm_landscape__CssCleanStart_2__theme_base.css");
+/* laptop md */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_l05_laptop_md_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_l05_laptop_md_landscape__CssCleanStart_2__theme_base.css");
+/* laptop lg */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_l07_laptop_lg_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_l07_laptop_lg_landscape__CssCleanStart_2__theme_base.css");
+/* display xl */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_s02_display_xl_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_s02_display_xl_landscape__CssCleanStart_2__theme_base.css");
+/* display xxl */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_s04_display_xxl_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_s04_display_xxl_landscape__CssCleanStart_2__theme_base.css");
+/* display qhd */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_s08_display_qhd_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_s08_display_qhd_landscape__CssCleanStart_2__theme_base.css");
+/* tv 4k */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_t04_tv_4k_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_t04_tv_4k_landscape__CssCleanStart_2__theme_base.css");
+/* tv 8k */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_t08_tv_8k_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_t08_tv_8k_landscape__CssCleanStart_2__theme_base.css");
+/* tv 16k */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_t16_tv_16k_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_t16_tv_16k_landscape__CssCleanStart_2__theme_base.css");

package/MediaAndStyles/themes/theme_base/responsive_size_Imports_CssCleanStart_2_theme_base_Webpack_min.css ADDED Viewed

@@ -0,0 +1,106 @@
+/* Webpack build css imports */
+/* You may in the ..._Webpack_min.css encommment import lines to save up size of the ..._resolved.css built by the Css Importer */
+/* mobile xs */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_e02_mobile_xs_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_e02_mobile_xs_landscape__CssCleanStart_2__theme_base.css");
+/* mobile s */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_e04_mobile_s_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_e04_mobile_s_landscape__CssCleanStart_2__theme_base.css");
+/* mobile sm */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_e06_mobile_sm_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_e06_mobile_sm_landscape__CssCleanStart_2__theme_base.css");
+/* mobile md */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_e08_mobile_md_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_e08_mobile_md_landscape__CssCleanStart_2__theme_base.css");
+/* tablet sm */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_h03_tablet_sm_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_h03_tablet_sm_landscape__CssCleanStart_2__theme_base.css");
+/* tablet md */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_h05_tablet_md_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_h05_tablet_md_landscape__CssCleanStart_2__theme_base.css");
+/* laptop sm */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_l03_laptop_sm_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_l03_laptop_sm_landscape__CssCleanStart_2__theme_base.css");
+/* laptop md */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_l05_laptop_md_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_l05_laptop_md_landscape__CssCleanStart_2__theme_base.css");
+/* laptop lg */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_l07_laptop_lg_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_l07_laptop_lg_landscape__CssCleanStart_2__theme_base.css");
+/* display xl */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_s02_display_xl_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_s02_display_xl_landscape__CssCleanStart_2__theme_base.css");
+/* display xxl */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_s04_display_xxl_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_s04_display_xxl_landscape__CssCleanStart_2__theme_base.css");
+/* display qhd */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_s08_display_qhd_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_s08_display_qhd_landscape__CssCleanStart_2__theme_base.css");
+/* tv 4k */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_t04_tv_4k_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_t04_tv_4k_landscape__CssCleanStart_2__theme_base.css");
+/* tv 8k */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_t08_tv_8k_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_t08_tv_8k_landscape__CssCleanStart_2__theme_base.css");
+/* tv 16k */
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_t16_tv_16k_portrait__CssCleanStart_2__theme_base.css");
+@import url("@CssCleanStart_2_MediaAndStyles/themes/theme_base/responsive/responsive_size_t16_tv_16k_landscape__CssCleanStart_2__theme_base.css");

package/README.md ADDED Viewed

@@ -0,0 +1,109 @@
+# CSS Clean Start 2
+## Status of the Project
+ready
+## Status
+Ready to use since the 19-th of July in the Year 2025.
+## The aim of the setup
+All front end devs use some normalizing styles for their new projects from scratch.
+When You start fresh project from scratch, You have at once the index.html with responsive markup,
+and You are able to set the look and feel of Your site in few minutes,
+via setting very few variables,
+like text color, background color and font family.
+In this index.html template,
+several .css files will be loaded with size of very few KB.
+1. base normalizing css file for all html tags
+2. base theme file, where all css variabes becomes values set
+## The latest .tgz archive (v.1.0.0 19th of July 2025)
+[https://sandbox.brightday.email/sites_tools/css_tools/CssCleanStart_2/jaisocx-css-clean-start-2-1.0.0.tgz](https://sandbox.brightday.email/sites_tools/css_tools/CssCleanStart_2/jaisocx-css-clean-start-2-1.0.0.tgz)
+## Watch site in action
+[https://sandbox.brightday.email/sites_tools/css_tools/CssCleanStart_2/index.html](https://sandbox.brightday.email/sites_tools/css_tools/CssCleanStart_2/index.html)
+### Dev mode, get to know responsive .css file name
+[https://sandbox.brightday.email/sites_tools/css_tools/CssCleanStart_2/responsive_sizes.html](https://sandbox.brightday.email/sites_tools/css_tools/CssCleanStart_2/responsive_sizes.html)
+## Github
+[https://github.com/Jaisocx-Tools/Workspace/tree/main/workspace/ts/www/sites_tools/css_tools/CssCleanStart_2](https://github.com/Jaisocx-Tools/Workspace/tree/main/workspace/ts/www/sites_tools/css_tools/CssCleanStart_2)
+## Usage
+### 1. &lt;html class="jsx"&gt;
+Normally set the css class `jsx` and theme css class in &lt;html&gt; tag.
+```
+<html lang="en" class="jsx">
+```
+### 2. class ul-reset
+You can set css class `ul-reset` when You don't need html lists rendering with the predefined 90-s years html look and feel.
+```
+<html lang="en" class="jsx ul-reset">
+```
+or in some tag, where You don't need html lists rendering with the predefined 90-s years html look and feel.
+```
+<html lang="en" class="jsx">
+      ...
+    <a-tag class="ul-reset">
+```
+### 3. class small
+### 4. class browser-width
+## npm for webpack
+I use in the package.json th line to push to npm registry the MediaAndStyles/fonts folder.
+this is not the good practice, and I shall use cdn urls for fonts and media in other packages,
+and in this package I wanted to test the build with webpack with 3rd party dependencies loaded from npm registry,
+that we have the package.json config, webpack configs and webpack aliases
+to build the normal bundle.js for a Css Sites UI tool.
+there could be mini images and fonts for sure.
+```
+npm install @jaisocx/css-clean-start-2
+```