@jaisocx/css-clean-start-2 1.1.10 → 1.2.3

package/MediaAndStyles/CssCleanStart_2_main_resolved.css

@@ -1,140 +1,29 @@
 
-.jsx {
-
-  
-  --responsive_size_e02_mobile_xs_portrait_min_width: 240px;
-  --responsive_size_e02_mobile_xs_portrait_max_width: 320px;
-
-  --responsive_size_e02_mobile_xs_landscape_min_width: 320px;
-  --responsive_size_e02_mobile_xs_landscape_max_width: 500px;
-
-
-
-  
-  --responsive_size_e04_mobile_s_portrait_min_width: 321px;
-  --responsive_size_e04_mobile_s_portrait_max_width: 374px;
-
-  --responsive_size_e04_mobile_s_landscape_min_width: 501px;
-  --responsive_size_e04_mobile_s_landscape_max_width: 667px;
-
 
 
-  
-  --responsive_size_e06_mobile_sm_portrait_min_width: 375px;
-  --responsive_size_e06_mobile_sm_portrait_max_width: 430px;
-
-  --responsive_size_e06_mobile_sm_landscape_min_width: 668px;
-  --responsive_size_e06_mobile_sm_landscape_max_width: 736px;
-
 
 
-  
-  --responsive_size_e08_mobile_md_portrait_min_width: 431px;
-  --responsive_size_e08_mobile_md_portrait_max_width: 480px;
-
-  --responsive_size_e08_mobile_md_landscape_min_width: 737px;
-  --responsive_size_e08_mobile_md_landscape_max_width: 812px;
 
 
 
-  
-  --responsive_size_h03_tablet_sm_portrait_min_width: 481px;
-  --responsive_size_h03_tablet_sm_portrait_max_width: 767px;
 
-  --responsive_size_h03_tablet_sm_landscape_min_width: 813px;
-  --responsive_size_h03_tablet_sm_landscape_max_width: 960px;
 
 
 
-  
-  --responsive_size_h05_tablet_md_portrait_min_width: 768px;
-  --responsive_size_h05_tablet_md_portrait_max_width: 1024px;
 
-  --responsive_size_h05_tablet_md_landscape_min_width: 961px;
-  --responsive_size_h05_tablet_md_landscape_max_width: 1024px;
 
 
 
-  
-  --responsive_size_l03_laptop_sm_portrait_min_width: 1025px;
-  --responsive_size_l03_laptop_sm_portrait_max_width: 1080px;
 
-  --responsive_size_l03_laptop_sm_landscape_min_width: 1025px;
-  --responsive_size_l03_laptop_sm_landscape_max_width: 1279px;
 
 
 
-  
-  --responsive_size_l05_laptop_md_portrait_min_width: 1081px;
-  --responsive_size_l05_laptop_md_portrait_max_width: 1200px;
 
-  --responsive_size_l05_laptop_md_landscape_min_width: 1280px;
-  --responsive_size_l05_laptop_md_landscape_max_width: 1439px;
 
 
 
-  
-  --responsive_size_l07_laptop_lg_portrait_min_width: 1201px;
-  --responsive_size_l07_laptop_lg_portrait_max_width: 1440px;
 
-  --responsive_size_l07_laptop_lg_landscape_min_width: 1440px;
-  --responsive_size_l07_laptop_lg_landscape_max_width: 1600px;
-
-
-
-  
-  --responsive_size_s02_display_xl_portrait_min_width: 1441px;
-  --responsive_size_s02_display_xl_portrait_max_width: 1600px;
-
-  --responsive_size_s02_display_xl_landscape_min_width: 1601px;
-  --responsive_size_s02_display_xl_landscape_max_width: 1920px;
-
-
-
-  
-  --responsive_size_s04_display_xxl_portrait_min_width: 1601px;
-  --responsive_size_s04_display_xxl_portrait_max_width: 2160px;
-
-  --responsive_size_s04_display_xxl_landscape_min_width: 1921px;
-  --responsive_size_s04_display_xxl_landscape_max_width: 2560px;
-
-
-
-  
-  --responsive_size_s08_display_qhd_portrait_min_width: 2161px;
-  --responsive_size_s08_display_qhd_portrait_max_width: 2160px;
-
-  --responsive_size_s08_display_qhd_landscape_min_width: 2561px;
-  --responsive_size_s08_display_qhd_landscape_max_width: 3840px;
-
-
-
-  
-  --responsive_size_t04_tv_4k_portrait_min_width: 2161px;
-  --responsive_size_t04_tv_4k_portrait_max_width: 4320px;
 
-  --responsive_size_t04_tv_4k_landscape_min_width: 3841px;
-  --responsive_size_t04_tv_4k_landscape_max_width: 7680px;
-
-
-
-  
-  --responsive_size_t08_tv_8k_portrait_min_width: 4321px;
-  --responsive_size_t08_tv_8k_portrait_max_width: 8640px;
-
-  --responsive_size_t08_tv_8k_landscape_min_width: 7681px;
-  --responsive_size_t08_tv_8k_landscape_max_width: 15360px;
-
-
-
-  
-  --responsive_size_t16_tv_16k_portrait_min_width: 8641px;
-  --responsive_size_t16_tv_16k_portrait_max_width: 9999px;
-
-  --responsive_size_t16_tv_16k_landscape_min_width: 15361px;
-  --responsive_size_t16_tv_16k_landscape_max_width: 25360px;
-
-}
 
 
 .jsx {
@@ -143,7 +32,7 @@
 
 
   
-  --jsx--css-clean-start-2--body-tag--background: #eee;
+  --jsx--css-clean-start-2--body-tag--background: #fafff5;
   --jsx--css-clean-start-2--site--background: #fff;
 
 
@@ -328,208 +217,101 @@
 
 
 
-@media only screen and (min-width: 2px) and (max-width: 239px) and (min-height: 2px) and (max-height: 99999px) and (orientation: portrait) {
 
-  .jsx {
-    --theme_name: CssCleanStart_2__theme_base;
-    --theme_name__CssCleanStart_2: theme_base;
 
-    --responsive_size: responsive_size_d05_very_small_xxs_portrait;
 
-    --responsive_size__min-width: 2px;
-    --responsive_size__max-width: 239px;
 
-    --responsive_size__min-height: 2px;
-    --responsive_size__max-height: 99999px;
 
 
 
-    --responsive_size__CssCleanStart_2__theme_base: responsive_size_d05_very_small_xxs_portrait__CssCleanStart_2__theme_base;
 
-    --responsive_size__CssCleanStart_2__theme_base__min-width: 2px;
-    --responsive_size__CssCleanStart_2__theme_base__max-width: 239px;
 
-    --responsive_size__CssCleanStart_2__theme_base__min-height: 2px;
-    --responsive_size__CssCleanStart_2__theme_base__max-height: 99999px;
 
 
 
 
 
-    
-    
-    
 
 
-    
-    
-    
 
 
 
-    
-    
-    
-    
 
-    
-    
-    
 
-    
-    
 
 
 
-    
-    
-    
-    
 
-    
-    
 
-    --jsx--css-clean-start-2--site--width: 100%;
-    
-    --jsx--css-clean-start-2--site--min-width: 100%;
 
 
 
-    
-    
 
-    
-    
-    
-    
-    
 
 
-    
-    
-    
 
 
 
-    
-    
-    
 
-    
-    
-    
 
-    
-    
 
-    
-    
-    
 
-    
 
-    
-    
 
-    --jsx--css-clean-start-2--all-tags--font-size: 1rem;
-    --jsx--css-clean-start-2--all-tags--line-height: 1.29rem;
 
-    
-    
-    
 
 
 
-    
-    
-    
-    
-    
 
 
 
-    
-    
 
-    
-    
 
-    
-    
 
-    
-    
 
-    
-    
 
-    
-    
 
 
 
-    
-    
-    
-    
 
-    
-    
-    
-    
 
-    
-    
-    
-    
 
-    
-    
-    
-    
 
-    
-    
-    
-    
 
-    
-    
-    
-    
 
 
 
-    
-    
-    
 
-    
-    
 
-    
-    
 
 
 
-    
-    
-    
 
-    
-    
 
-    
-    
 
 
 
-    
-    
 
-  }
 
-}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -739,6 +521,8 @@
 
 
 
+
+
 @media only screen and (min-width: 240px) and (max-width: 320px) and (min-height: 240px) and (max-height: 99999px) and (orientation: portrait) {
 
   .jsx {
@@ -944,6 +728,9 @@
 
 
 
+
+
+
 @media only screen and (min-width: 240px) and (max-width: 99999px) and (min-height: 240px) and (max-height: 320px) and (orientation: landscape) {
 
   .jsx {
@@ -1150,6 +937,8 @@
 
 
 
+
+
 @media only screen and (min-width: 321px) and (max-width: 375px) and (min-height: 321px) and (max-height: 99999px) and (orientation: portrait) {
 
   .jsx {
@@ -1355,6 +1144,9 @@
 
 
 
+
+
+
 @media only screen and (min-width: 321px) and (max-width: 99999px) and (min-height: 321px) and (max-height: 375px) and (orientation: landscape) {
 
   .jsx {
@@ -1561,6 +1353,8 @@
 
 
 
+
+
 @media only screen and (min-width: 376px) and (max-width: 430px) and (min-height: 376px) and (max-height: 99999px) and (orientation: portrait) {
 
   .jsx {
@@ -1766,6 +1560,9 @@
 
 
 
+
+
+
 @media only screen and (min-width: 376px) and (max-width: 99999px) and (min-height: 376px) and (max-height: 430px) and (orientation: landscape) {
 
   .jsx {
@@ -1972,6 +1769,8 @@
 
 
 
+
+
 @media only screen and (min-width: 431px) and (max-width: 480px) and (min-height: 431px) and (max-height: 99999px) and (orientation: portrait) {
 
   .jsx {
@@ -2177,6 +1976,9 @@
 
 
 
+
+
+
 @media only screen and (min-width: 431px) and (max-width: 99999px) and (min-height: 431px) and (max-height: 480px) and (orientation: landscape) {
 
   .jsx {
@@ -2383,6 +2185,8 @@
 
 
 
+
+
 @media only screen and (min-width: 481px) and (max-width: 767px) and (min-height: 481px) and (max-height: 99999px) and (orientation: portrait) {
 
   .jsx {
@@ -2588,6 +2392,9 @@
 
 
 
+
+
+
 @media only screen and (min-width: 481px) and (max-width: 99999px) and (min-height: 481px) and (max-height: 767px) and (orientation: landscape) {
 
   .jsx {
@@ -2794,6 +2601,8 @@
 
 
 
+
+
 @media only screen and (min-width: 768px) and (max-width: 1024px) and (min-height: 768px) and (max-height: 1024px) and (orientation: portrait) {
 
   .jsx {
@@ -2999,6 +2808,9 @@
 
 
 
+
+
+
 @media only screen and (min-width: 768px) and (max-width: 1024px) and (min-height: 768px) and (max-height: 1024px) and (orientation: landscape) {
 
   .jsx {
@@ -3205,6 +3017,8 @@
 
 
 
+
+
 @media only screen and (min-width: 768px) and (max-width: 1024px) and (min-height: 1025px) and (max-height: 1194px) and (orientation: portrait) {
 
   .jsx {
@@ -3410,6 +3224,9 @@
 
 
 
+
+
+
 @media only screen and (min-width: 1025px) and (max-width: 1194px) and (min-height: 768px) and (max-height: 1024px) and (orientation: landscape) {
 
   .jsx {
@@ -3616,6 +3433,8 @@
 
 
 
+
+
 @media only screen and (min-width: 768px) and (max-width: 1024px) and (min-height: 1195px) and (max-height: 99999px) and (orientation: portrait) {
 
   .jsx {
@@ -3821,6 +3640,9 @@
 
 
 
+
+
+
 @media only screen and (min-width: 1195px) and (max-width: 99999px) and (min-height: 768px) and (max-height: 1024px) and (orientation: landscape) {
 
   .jsx {
@@ -4027,6 +3849,8 @@
 
 
 
+
+
 @media only screen and (min-width: 1025px) and (max-width: 1365px) and (min-height: 1025px) and (max-height: 1365px) and (orientation: portrait) {
 
   .jsx {
@@ -4232,6 +4056,9 @@
 
 
 
+
+
+
 @media only screen and (min-width: 1025px) and (max-width: 1365px) and (min-height: 1025px) and (max-height: 1365px) and (orientation: landscape) {
 
   .jsx {
@@ -4438,6 +4265,8 @@
 
 
 
+
+
 @media only screen and (min-width: 1025px) and (max-width: 1440px) and (min-height: 1366px) and (max-height: 1440px) and (orientation: portrait) {
 
   .jsx {
@@ -4643,6 +4472,9 @@
 
 
 
+
+
+
 @media only screen and (min-width: 1366px) and (max-width: 1440px) and (min-height: 1025px) and (max-height: 1440px) and (orientation: landscape) {
 
   .jsx {
@@ -4849,6 +4681,8 @@
 
 
 
+
+
 @media only screen and (min-width: 1025px) and (max-width: 1600px) and (min-height: 1441px) and (max-height: 1600px) and (orientation: portrait) {
 
   .jsx {
@@ -5054,6 +4888,9 @@
 
 
 
+
+
+
 @media only screen and (min-width: 1441px) and (max-width: 1600px) and (min-height: 1025px) and (max-height: 1600px) and (orientation: landscape) {
 
   .jsx {
@@ -5260,6 +5097,8 @@
 
 
 
+
+
 @media only screen and (min-width: 1025px) and (max-width: 1920px) and (min-height: 1601px) and (max-height: 1920px) and (orientation: portrait) {
 
   .jsx {
@@ -5465,6 +5304,9 @@
 
 
 
+
+
+
 @media only screen and (min-width: 1601px) and (max-width: 1920px) and (min-height: 1025px) and (max-height: 1920px) and (orientation: landscape) {
 
   .jsx {
@@ -5671,6 +5513,8 @@
 
 
 
+
+
 @media only screen and (min-width: 1025px) and (max-width: 2560px) and (min-height: 1921px) and (max-height: 2560px) and (orientation: portrait) {
 
   .jsx {
@@ -5876,6 +5720,9 @@
 
 
 
+
+
+
 @media only screen and (min-width: 1921px) and (max-width: 2560px) and (min-height: 1025px) and (max-height: 2560px) and (orientation: landscape) {
 
   .jsx {
@@ -6082,6 +5929,8 @@
 
 
 
+
+
 @media only screen and (min-width: 1025px) and (max-width: 3840px) and (min-height: 2561px) and (max-height: 3840px) and (orientation: portrait) {
 
   .jsx {
@@ -6287,6 +6136,9 @@
 
 
 
+
+
+
 @media only screen and (min-width: 2561px) and (max-width: 3840px) and (min-height: 1025px) and (max-height: 3840px) and (orientation: landscape) {
 
   .jsx {
@@ -6493,6 +6345,8 @@
 
 
 
+
+
 @media only screen and (min-width: 1025px) and (max-width: 7680px) and (min-height: 3841px) and (max-height: 7680px) and (orientation: portrait) {
 
   .jsx {
@@ -6698,6 +6552,9 @@
 
 
 
+
+
+
 @media only screen and (min-width: 3841px) and (max-width: 7680px) and (min-height: 1025px) and (max-height: 7680px) and (orientation: landscape) {
 
   .jsx {
@@ -6904,6 +6761,8 @@
 
 
 
+
+
 @media only screen and (min-width: 1025px) and (max-width: 15360px) and (min-height: 7681px) and (max-height: 15360px) and (orientation: portrait) {
 
   .jsx {
@@ -7109,6 +6968,9 @@
 
 
 
+
+
+
 @media only screen and (min-width: 7681px) and (max-width: 15360px) and (min-height: 1025px) and (max-height: 15360px) and (orientation: landscape) {
 
   .jsx {
@@ -7315,6 +7177,8 @@
 
 
 
+
+
 @media only screen and (min-width: 1025px) and (max-width: 25360px) and (min-height: 15361px) and (max-height: 25360px) and (orientation: portrait) {
 
   .jsx {
@@ -7520,6 +7384,9 @@
 
 
 
+
+
+
 @media only screen and (min-width: 15361px) and (max-width: 25360px) and (min-height: 1025px) and (max-height: 25360px) and (orientation: landscape) {
 
   .jsx {
@@ -7726,6 +7593,8 @@
 
 
 
+
+
 @media only screen and (min-width: 1025px) and (max-width: 999999px) and (min-height: 25361px) and (max-height: 999999px) and (orientation: portrait) {
 
   .jsx {
@@ -7931,6 +7800,9 @@
 
 
 
+
+
+
 @media only screen and (min-width: 25361px) and (max-width: 999999px) and (min-height: 1025px) and (max-height: 999999px) and (orientation: landscape) {
 
   .jsx {
@@ -8138,6 +8010,12 @@
 
 
 
+
+
+
+
+
+
 .jsx.theme_visible_height {
 
   --jsx--css-clean-start-2--body-tag--height: 100vh;
@@ -8189,6 +8067,10 @@
 
 
 
+
+
+
+
 .jsx.small {
   --jsx--css-clean-start-2--body-tag--height: 100vh;
   --jsx--css-clean-start-2--body-tag--max-height: unset;
@@ -8221,6 +8103,10 @@
 
 
 
+
+
+
+
 .jsx.theme_lightmode,
 .jsx .theme_lightmode {
 
@@ -8260,6 +8146,10 @@
 }
 
 
+
+
+
+
 .jsx.theme_darkmode,
 .jsx .theme_darkmode {
 
@@ -8301,6 +8191,9 @@
 
 
 
+
+
+
 .jsx * {
 
   position:     var(--jsx--css-clean-start-2--all-tags--position);
@@ -8708,3 +8601,7 @@ html.jsx body main {
 }
 
 
+
+
+
+