text-indent + line-clamp + ver bump

codyhouse · Jul 10, 2023 · ca708bd · ca708bd
1 parent 5eb6e9b
commit ca708bd
Show file tree

Hide file tree

Showing 4 changed files with 104 additions and 4 deletions.
diff --git a/main/assets/css/base/_util.scss b/main/assets/css/base/_util.scss
@@ -510,6 +510,16 @@
 
 // --------------------------------
 
+// Text Indent
+
+// --------------------------------
+
+.text-indent-sm { text-indent: 0.5em; }
+.text-indent-md { text-indent: 1em; }
+.text-indent-lg { text-indent: 1.5em; }
+
+// --------------------------------
+
 // .text-component vertical spacing
 
 // --------------------------------
@@ -580,6 +590,40 @@
 
 // --------------------------------
 
+// Line Clamp
+
+// --------------------------------
+
+.line-clamp-1 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+
+.line-clamp-2 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+
+.line-clamp-3 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+
+.line-clamp-4 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+}
+
+// --------------------------------
+
 // Column Count
 
 // --------------------------------
@@ -591,6 +635,16 @@
 
 // --------------------------------
 
+// List Style
+
+// --------------------------------
+
+.list-style-none {
+  list-style: none;
+}
+
+// --------------------------------
+
 // White Space
 
 // --------------------------------
@@ -705,6 +759,7 @@
 [class^="color-gradient"], [class*=" color-gradient"] {
   color: transparent !important;
   background-clip: text;
+  opacity: var(--color-o, 1);
 }
 
 // --------------------------------

diff --git a/main/assets/css/style.css b/main/assets/css/style.css
@@ -2615,11 +2615,11 @@ u {
 
 @media (min-width: 48rem) {
   .text-component__block--left,
-  .text-component__block--right {
+.text-component__block--right {
     width: 45%;
   }
   .text-component__block--left img,
-  .text-component__block--right img {
+.text-component__block--right img {
     width: 100%;
   }
   .text-component__block--left {
@@ -4085,6 +4085,18 @@ html:not(.js) .no-js\:is-hidden {
   text-shadow: none;
 }
 
+.text-indent-sm {
+  text-indent: 0.5em;
+}
+
+.text-indent-md {
+  text-indent: 1em;
+}
+
+.text-indent-lg {
+  text-indent: 1.5em;
+}
+
 .text-space-y-xxs {
   --text-space-y-multiplier: 0.25 !important;
 }
@@ -4169,6 +4181,34 @@ html:not(.js) .no-js\:is-hidden {
   line-height: 1 !important;
 }
 
+.line-clamp-1 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+
+.line-clamp-2 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+
+.line-clamp-3 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+
+.line-clamp-4 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+}
+
 .column-count-1 {
   -moz-column-count: 1;
        column-count: 1;
@@ -4189,6 +4229,10 @@ html:not(.js) .no-js\:is-hidden {
        column-count: 4;
 }
 
+.list-style-none {
+  list-style: none;
+}
+
 .ws-nowrap, .text-nowrap {
   white-space: nowrap;
 }
@@ -4445,6 +4489,7 @@ html:not(.js) .no-js\:is-hidden {
   color: transparent !important;
   -webkit-background-clip: text;
           background-clip: text;
+  opacity: var(--color-o, 1);
 }
 
 .width-xxxxs {

diff --git a/main/assets/css/style.min.css b/main/assets/css/style.min.css
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "codyhouse-framework",
-  "version": "3.0.13",
+  "version": "3.0.14",
   "description": "A lightweight front-end framework for building accessible, bespoke interfaces.",
   "main": "index.js",
   "keywords": [