@limetech/lime-elements 37.62.3 → 37.63.0

package/dist/collection/components/select/select.css

@@ -118,6 +118,11 @@
 * 2. the CSS variables of `--kompendium-example-font-family`
 * in the `<style>` tag of `index.html`.
 */
+/**
+* This mixin is a hack, using old CSS syntax
+* to enable you to truncate a piece of text,
+* after a certain number of lines.
+*/
 .mdc-floating-label {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
@@ -1846,6 +1851,11 @@ select.limel-select__native-control {
 * 2. the CSS variables of `--kompendium-example-font-family`
 * in the `<style>` tag of `index.html`.
 */
+/**
+* This mixin is a hack, using old CSS syntax
+* to enable you to truncate a piece of text,
+* after a certain number of lines.
+*/
 :host(limel-select:focus),
 :host(limel-select:focus-visible),
 :host(limel-select:focus-within),

package/dist/collection/components/shortcut/shortcut.css

@@ -53,6 +53,11 @@
 * in the `<style>` tag of `index.html`.
 */
 /**
+* This mixin is a hack, using old CSS syntax
+* to enable you to truncate a piece of text,
+* after a certain number of lines.
+*/
+/**
 * @prop --shortcut-border-radius: defines the radius of corners of the shortcut. Defaults to `1rem`
 * @prop --shortcut-icon-color: defines the fill color of the shortcut icon. Defaults to `--contrast-1000`
 * @prop --shortcut-label-color: defines the color of the shortcut label. Defaults to `--contrast-1100`

package/dist/collection/components/slider/slider.css

@@ -975,6 +975,11 @@
 * 2. the CSS variables of `--kompendium-example-font-family`
 * in the `<style>` tag of `index.html`.
 */
+/**
+* This mixin is a hack, using old CSS syntax
+* to enable you to truncate a piece of text,
+* after a certain number of lines.
+*/
 :host(limel-slider:focus),
 :host(limel-slider:focus-visible),
 :host(limel-slider:focus-within),

package/dist/collection/components/split-button/split-button.css

@@ -52,6 +52,11 @@
 * 2. the CSS variables of `--kompendium-example-font-family`
 * in the `<style>` tag of `index.html`.
 */
+/**
+* This mixin is a hack, using old CSS syntax
+* to enable you to truncate a piece of text,
+* after a certain number of lines.
+*/
 :host(limel-split-button.has-menu) {
   --button-padding-right: 2rem;
   --button-padding-left: 1rem;

package/dist/collection/components/switch/switch.css

@@ -904,6 +904,11 @@ label {
 * 2. the CSS variables of `--kompendium-example-font-family`
 * in the `<style>` tag of `index.html`.
 */
+/**
+* This mixin is a hack, using old CSS syntax
+* to enable you to truncate a piece of text,
+* after a certain number of lines.
+*/
 :host(limel-switch:focus),
 :host(limel-switch:focus-visible),
 :host(limel-switch:focus-within),

package/dist/collection/components/table/table.css

@@ -52,6 +52,11 @@
 * 2. the CSS variables of `--kompendium-example-font-family`
 * in the `<style>` tag of `index.html`.
 */
+/**
+* This mixin is a hack, using old CSS syntax
+* to enable you to truncate a piece of text,
+* after a certain number of lines.
+*/
 /*
  * This file is imported into every component!
  *
@@ -1293,6 +1298,11 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
 * 2. the CSS variables of `--kompendium-example-font-family`
 * in the `<style>` tag of `index.html`.
 */
+/**
+* This mixin is a hack, using old CSS syntax
+* to enable you to truncate a piece of text,
+* after a certain number of lines.
+*/
 /*
  * This file is imported into every component!
  *
@@ -1482,6 +1492,11 @@ button.tabulator-page[data-page=first]:not([disabled]):hover:after, button.tabul
 * 2. the CSS variables of `--kompendium-example-font-family`
 * in the `<style>` tag of `index.html`.
 */
+/**
+* This mixin is a hack, using old CSS syntax
+* to enable you to truncate a piece of text,
+* after a certain number of lines.
+*/
 /*
  * This file is imported into every component!
  *
@@ -1645,6 +1660,11 @@ button.tabulator-page[data-page=first]:not([disabled]):hover:after, button.tabul
 * 2. the CSS variables of `--kompendium-example-font-family`
 * in the `<style>` tag of `index.html`.
 */
+/**
+* This mixin is a hack, using old CSS syntax
+* to enable you to truncate a piece of text,
+* after a certain number of lines.
+*/
 /*
  * This file is imported into every component!
  *

package/dist/collection/components/text-editor/prosemirror-adapter/prosemirror-adapter.css

@@ -466,6 +466,11 @@ li {
 * 2. the CSS variables of `--kompendium-example-font-family`
 * in the `<style>` tag of `index.html`.
 */
+/**
+* This mixin is a hack, using old CSS syntax
+* to enable you to truncate a piece of text,
+* after a certain number of lines.
+*/
 /*
  * This file is imported into every component!
  *

package/dist/collection/components/text-editor/text-editor.css

@@ -118,6 +118,11 @@
 * 2. the CSS variables of `--kompendium-example-font-family`
 * in the `<style>` tag of `index.html`.
 */
+/**
+* This mixin is a hack, using old CSS syntax
+* to enable you to truncate a piece of text,
+* after a certain number of lines.
+*/
 /**
  * @prop --text-editor-max-height: the tallest height the text editor can become when auto-resizing itself. Defaults to `calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)) - 4rem)`.
  * @prop --text-editor-fade-out-background-color: the color of the fade-out effect at the top and bottom of the text editor, when the text-editor is in readonly state. Defaults to rgb(var(--contrast-100)).

package/dist/collection/style/mixins.scss

@@ -361,3 +361,16 @@
         @error "Please specify the font-family #{$letterform}!";
     }
 }
+
+/**
+* This mixin is a hack, using old CSS syntax
+* to enable you to truncate a piece of text,
+* after a certain number of lines.
+*/
+@mixin truncate-text-on-line($max-lines) {
+    display: -webkit-box;
+    overflow: hidden;
+    white-space: normal;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: $max-lines;
+}