@liftkit-vue/theme-css 0.1.0

package/css/text-color.css

@@ -0,0 +1,721 @@
+@import "./liftkit-core.css";
+/* 
+.color-light__primary {
+  color: var(--light__primary_lkv) !important;
+}
+
+.color-light__onprimary {
+  color: var(--light__onprimary_lkv) !important;
+}
+
+.color-light__primarycontainer {
+  color: var(--light__primarycontainer_lkv) !important;
+}
+
+.color-light__onprimarycontainer {
+  color: var(--light__onprimarycontainer_lkv) !important;
+}
+
+.color-light__secondary {
+  color: var(--light__secondary_lkv) !important;
+}
+
+.color-light__onsecondary {
+  color: var(--light__onsecondary_lkv) !important;
+}
+
+.color-light__secondarycontainer {
+  color: var(--light__secondarycontainer_lkv) !important;
+}
+
+.color-light__onsecondarycontainer {
+  color: var(--light__onsecondarycontainer_lkv) !important;
+}
+
+.color-light__tertiary {
+  color: var(--light__tertiary_lkv) !important;
+}
+
+.color-light__ontertiary {
+  color: var(--light__ontertiary_lkv) !important;
+}
+
+.color-light__tertiarycontainer {
+  color: var(--light__tertiarycontainer_lkv) !important;
+}
+
+.color-light__ontertiarycontainer {
+  color: var(--light__ontertiarycontainer_lkv) !important;
+}
+
+.color-light__error {
+  color: var(--light__error_lkv) !important;
+}
+
+.color-light__onerror {
+  color: var(--light__onerror_lkv) !important;
+}
+
+.color-light__errorcontainer {
+  color: var(--light__errorcontainer_lkv) !important;
+}
+
+.color-light__onerrorcontainer {
+  color: var(--light__onerrorcontainer_lkv) !important;
+}
+
+.color-light__background {
+  color: var(--light__background_lkv) !important;
+}
+
+.color-light__onbackground {
+  color: var(--light__onbackground_lkv) !important;
+}
+
+.color-light__surface {
+  color: var(--light__surface_lkv) !important;
+}
+
+.color-light__onsurface {
+  color: var(--light__onsurface_lkv) !important;
+}
+
+.color-light__surfacevariant {
+  color: var(--light__surfacevariant_lkv) !important;
+}
+
+.color-light__onsurfacevariant {
+  color: var(--light__onsurfacevariant_lkv) !important;
+}
+
+.color-light__outline {
+  color: var(--light__outline_lkv) !important;
+}
+
+.color-light__outlinevariant {
+  color: var(--light__outlinevariant_lkv) !important;
+}
+
+.color-light__shadow {
+  color: var(--light__shadow_lkv) !important;
+}
+
+.color-light__scrim {
+  color: var(--light__scrim_lkv) !important;
+}
+
+.color-light__inversesurface {
+  color: var(--light__inversesurface_lkv) !important;
+}
+
+.color-light__inverseonsurface {
+  color: var(--light__inverseonsurface_lkv) !important;
+}
+
+.color-light__inverseprimary {
+  color: var(--light__inverseprimary_lkv) !important;
+}
+
+.color-light__success {
+  color: var(--light__success_lkv) !important;
+}
+
+.color-light__successcontainer {
+  color: var(--light__successcontainer_lkv) !important;
+}
+
+.color-light__onsuccess {
+  color: var(--light__onsuccess_lkv) !important;
+}
+
+.color-light__onsuccesscontainer {
+  color: var(--light__onsuccesscontainer_lkv) !important;
+}
+
+.color-light__warning {
+  color: var(--light__warning_lkv) !important;
+}
+
+.color-light__warningcontainer {
+  color: var(--light__warningcontainer_lkv) !important;
+}
+
+.color-light__onwarning {
+  color: var(--light__onwarning_lkv) !important;
+}
+
+.color-light__onwarningcontainer {
+  color: var(--light__onwarningcontainer_lkv) !important;
+}
+
+.color-light__info {
+  color: var(--light__info_lkv) !important;
+}
+
+.color-light__infocontainer {
+  color: var(--light__infocontainer_lkv) !important;
+}
+
+.color-light__oninfo {
+  color: var(--light__oninfo_lkv) !important;
+}
+
+.color-light__oninfocontainer {
+  color: var(--light__oninfocontainer_lkv) !important;
+}
+
+.color-light__primaryfixed {
+  color: var(--light__primaryfixed_lkv) !important;
+}
+
+.color-light__primaryfixeddim {
+  color: var(--light__primaryfixeddim_lkv) !important;
+}
+
+.color-light__onprimaryfixed {
+  color: var(--light__onprimaryfixed_lkv) !important;
+}
+
+.color-light__onprimaryfixedvariant {
+  color: var(--light__onprimaryfixedvariant_lkv) !important;
+}
+
+.color-light__secondaryfixed {
+  color: var(--light__secondaryfixed_lkv) !important;
+}
+
+.color-light__secondaryfixeddim {
+  color: var(--light__secondaryfixeddim_lkv) !important;
+}
+
+.color-light__onsecondaryfixed {
+  color: var(--light__onsecondaryfixed_lkv) !important;
+}
+
+.color-light__onsecondaryfixedvariant {
+  color: var(--light__onsecondaryfixedvariant_lkv) !important;
+}
+
+.color-light__tertiaryfixed {
+  color: var(--light__tertiaryfixed_lkv) !important;
+}
+
+.color-light__tertiaryfixeddim {
+  color: var(--light__tertiaryfixeddim_lkv) !important;
+}
+
+.color-light__ontertiaryfixed {
+  color: var(--light__ontertiaryfixed_lkv) !important;
+}
+
+.color-light__ontertiaryfixedvariant {
+  color: var(--light__ontertiaryfixedvariant_lkv) !important;
+}
+
+.color-light__surfacedim {
+  color: var(--light__surfacedim_lkv) !important;
+}
+
+.color-light__surfacebright {
+  color: var(--light__surfacebright_lkv) !important;
+}
+
+.color-light__surfacecontainerlowest {
+  color: var(--light__surfacecontainerlowest_lkv) !important;
+}
+
+.color-light__surfacecontainerlow {
+  color: var(--light__surfacecontainerlow_lkv) !important;
+}
+
+.color-light__surfacecontainer {
+  color: var(--light__surfacecontainer_lkv) !important;
+}
+
+.color-light__surfacecontainerhigh {
+  color: var(--light__surfacecontainerhigh_lkv) !important;
+}
+
+.color-light__surfacecontainerhighest {
+  color: var(--light__surfacecontainerhighest_lkv) !important;
+}
+
+.color-dark__primary {
+  color: var(--dark__primary_lkv) !important;
+}
+
+.color-dark__onprimary {
+  color: var(--dark__onprimary_lkv) !important;
+}
+
+.color-dark__primarycontainer {
+  color: var(--dark__primarycontainer_lkv) !important;
+}
+
+.color-dark__onprimarycontainer {
+  color: var(--dark__onprimarycontainer_lkv) !important;
+}
+
+.color-dark__secondary {
+  color: var(--dark__secondary_lkv) !important;
+}
+
+.color-dark__onsecondary {
+  color: var(--dark__onsecondary_lkv) !important;
+}
+
+.color-dark__secondarycontainer {
+  color: var(--dark__secondarycontainer_lkv) !important;
+}
+
+.color-dark__onsecondarycontainer {
+  color: var(--dark__onsecondarycontainer_lkv) !important;
+}
+
+.color-dark__tertiary {
+  color: var(--dark__tertiary_lkv) !important;
+}
+
+.color-dark__ontertiary {
+  color: var(--dark__ontertiary_lkv) !important;
+}
+
+.color-dark__tertiarycontainer {
+  color: var(--dark__tertiarycontainer_lkv) !important;
+}
+
+.color-dark__ontertiarycontainer {
+  color: var(--dark__ontertiarycontainer_lkv) !important;
+}
+
+.color-dark__error {
+  color: var(--dark__error_lkv) !important;
+}
+
+.color-dark__onerror {
+  color: var(--dark__onerror_lkv) !important;
+}
+
+.color-dark__errorcontainerv {
+  color: var(--dark__errorcontainer_lkv) !important;
+}
+
+.color-dark__onerrorcontainer {
+  color: var(--dark__onerrorcontainer_lkv) !important;
+}
+
+.color-dark__background {
+  color: var(--dark__background_lkv) !important;
+}
+
+.color-dark__onbackground {
+  color: var(--dark__onbackground_lkv) !important;
+}
+
+.color-dark__surface {
+  color: var(--dark__surface_lkv) !important;
+}
+
+.color-dark__onsurface {
+  color: var(--dark__onsurface_lkv) !important;
+}
+
+.color-dark__surfacevariant {
+  color: var(--dark__surfacevariant_lkv) !important;
+}
+
+.color-dark__onsurfacevariant {
+  color: var(--dark__onsurfacevariant_lkv) !important;
+}
+
+.color-dark__outline {
+  color: var(--dark__outline_lkv) !important;
+}
+
+.color-dark__outlinevariant {
+  color: var(--dark__outlinevariant_lkv) !important;
+}
+
+.color-dark__shadow {
+  color: var(--dark__shadow_lkv) !important;
+}
+
+.color-dark__scrim {
+  color: var(--dark__scrim_lkv) !important;
+}
+
+.color-dark__inversesurface {
+  color: var(--dark__inversesurface_lkv) !important;
+}
+
+.color-dark__inverseonsurface {
+  color: var(--dark__inverseonsurface_lkv) !important;
+}
+
+.color-dark__inverseprimary {
+  color: var(--dark__inverseprimary_lkv) !important;
+}
+
+.color-dark__success {
+  color: var(--dark__success_lkv) !important;
+}
+
+.color-dark__successcontainer {
+  color: var(--dark__successcontainer_lkv) !important;
+}
+
+.color-dark__onsuccess {
+  color: var(--dark__onsuccess_lkv) !important;
+}
+
+.color-dark__onsuccesscontainer {
+  color: var(--dark__onsuccesscontainer_lkv) !important;
+}
+
+.color-dark__warning {
+  color: var(--dark__warning_lkv) !important;
+}
+
+.color-dark__warningcontainer {
+  color: var(--dark__warningcontainer_lkv) !important;
+}
+
+.color-dark__onwarning {
+  color: var(--dark__onwarning_lkv) !important;
+}
+
+.color-dark__onwarningcontainer {
+  color: var(--dark__onwarningcontainer_lkv) !important;
+}
+
+.color-dark__info {
+  color: var(--dark__info_lkv) !important;
+}
+
+.color-dark__infocontainer {
+  color: var(--dark__infocontainer_lkv) !important;
+}
+
+.color-dark__oninfo {
+  color: var(--dark__oninfo_lkv) !important;
+}
+
+.color-dark__oninfocontainer {
+  color: var(--dark__oninfocontainer_lkv) !important;
+}
+
+.color-dark__primaryfixed {
+  color: var(--dark__primaryfixed_lkv) !important;
+}
+
+.color-dark__primaryfixeddim {
+  color: var(--dark__primaryfixeddim_lkv) !important;
+}
+
+.color-dark__onprimaryfixed {
+  color: var(--dark__onprimaryfixed_lkv) !important;
+}
+
+.color-dark__onprimaryfixedvariant {
+  color: var(--dark__onprimaryfixedvariant_lkv) !important;
+}
+
+.color-dark__secondaryfixed {
+  color: var(--dark__secondaryfixed_lkv) !important;
+}
+
+.color-dark__secondaryfixeddim {
+  color: var(--dark__secondaryfixeddim_lkv) !important;
+}
+
+.color-dark__onsecondaryfixed {
+  color: var(--dark__onsecondaryfixed_lkv) !important;
+}
+
+.color-dark__onsecondaryfixedvariant {
+  color: var(--dark__onsecondaryfixedvariant_lkv) !important;
+}
+
+.color-dark__tertiaryfixed {
+  color: var(--dark__tertiaryfixed_lkv) !important;
+}
+
+.color-dark__tertiaryfixeddim {
+  color: var(--dark__tertiaryfixeddim_lkv) !important;
+}
+
+.color-dark__ontertiaryfixed {
+  color: var(--dark__ontertiaryfixed_lkv) !important;
+}
+
+.color-dark__ontertiaryfixedvariant {
+  color: var(--dark__ontertiaryfixedvariant_lkv) !important;
+}
+
+.color-dark__surfacedim {
+  color: var(--dark__surfacedim_lkv) !important;
+}
+
+.color-dark__surfacebright {
+  color: var(--dark__surfacebright_lkv) !important;
+}
+
+.color-dark__surfacecontainerlowest {
+  color: var(--dark__surfacecontainerlowest_lkv) !important;
+}
+
+.color-dark__surfacecontainerlow {
+  color: var(--dark__surfacecontainerlow_lkv) !important;
+}
+
+.color-dark__surfacecontainer {
+  color: var(--dark__surfacecontainer_lkv) !important;
+}
+
+.color-dark__surfacecontainerhigh {
+  color: var(--dark__surfacecontainerhigh_lkv) !important;
+}
+
+.color-dark__surfacecontainerhighest {
+  color: var(--dark__surfacecontainerhighest_lkv) !important;
+} */
+
+.color-primary {
+  color: var(--lk-primary);
+}
+
+.color-onprimary {
+  color: var(--lk-onprimary);
+}
+
+.color-primarycontainer {
+  color: var(--lk-primarycontainer);
+}
+
+.color-onprimarycontainer {
+  color: var(--lk-onprimarycontainer);
+}
+
+.color-secondary {
+  color: var(--lk-secondary);
+}
+
+.color-onsecondary {
+  color: var(--lk-onsecondary);
+}
+
+.color-secondarycontainer {
+  color: var(--lk-secondarycontainer);
+}
+
+.color-onsecondarycontainer {
+  color: var(--lk-onsecondarycontainer);
+}
+
+.color-tertiary {
+  color: var(--lk-tertiary);
+}
+
+.color-ontertiary {
+  color: var(--lk-ontertiary);
+}
+
+.color-tertiarycontainer {
+  color: var(--lk-tertiarycontainer);
+}
+
+.color-ontertiarycontainer {
+  color: var(--lk-ontertiarycontainer);
+}
+
+.color-error {
+  color: var(--lk-error);
+}
+
+.color-onerror {
+  color: var(--lk-onerror);
+}
+
+.color-errorcontainerv {
+  color: var(--lk-errorcontainer);
+}
+
+.color-onerrorcontainer {
+  color: var(--lk-onerrorcontainer);
+}
+
+.color-background {
+  color: var(--lk-background);
+}
+
+.color-onbackground {
+  color: var(--lk-onbackground);
+}
+
+.color-surface {
+  color: var(--lk-surface);
+}
+
+.color-onsurface {
+  color: var(--lk-onsurface);
+}
+
+.color-surfacevariant {
+  color: var(--lk-surfacevariant);
+}
+
+.color-onsurfacevariant {
+  color: var(--lk-onsurfacevariant);
+}
+
+.color-outline {
+  color: var(--lk-outline);
+}
+
+.color-outlinevariant {
+  color: var(--lk-outlinevariant);
+}
+
+.color-shadow {
+  color: var(--lk-shadow);
+}
+
+.color-scrim {
+  color: var(--lk-scrim);
+}
+
+.color-inversesurface {
+  color: var(--lk-inversesurface);
+}
+
+.color-inverseonsurface {
+  color: var(--lk-inverseonsurface);
+}
+
+.color-inverseprimary {
+  color: var(--lk-inverseprimary);
+}
+
+.color-success {
+  color: var(--lk-success);
+}
+
+.color-successcontainer {
+  color: var(--lk-successcontainer);
+}
+
+.color-onsuccess {
+  color: var(--lk-onsuccess);
+}
+
+.color-onsuccesscontainer {
+  color: var(--lk-onsuccesscontainer);
+}
+
+.color-warning {
+  color: var(--lk-warning);
+}
+
+.color-warningcontainer {
+  color: var(--lk-warningcontainer);
+}
+
+.color-onwarning {
+  color: var(--lk-onwarning);
+}
+
+.color-onwarningcontainer {
+  color: var(--lk-onwarningcontainer);
+}
+
+.color-info {
+  color: var(--lk-info);
+}
+
+.color-infocontainer {
+  color: var(--lk-infocontainer);
+}
+
+.color-oninfo {
+  color: var(--lk-oninfo);
+}
+
+.color-oninfocontainer {
+  color: var(--lk-oninfocontainer);
+}
+
+.color-primaryfixed {
+  color: var(--lk-primaryfixed);
+}
+
+.color-primaryfixeddim {
+  color: var(--lk-primaryfixeddim);
+}
+
+.color-onprimaryfixed {
+  color: var(--lk-onprimaryfixed);
+}
+
+.color-onprimaryfixedvariant {
+  color: var(--lk-onprimaryfixedvariant);
+}
+
+.color-secondaryfixed {
+  color: var(--lk-secondaryfixed);
+}
+
+.color-secondaryfixeddim {
+  color: var(--lk-secondaryfixeddim);
+}
+
+.color-onsecondaryfixed {
+  color: var(--lk-onsecondaryfixed);
+}
+
+.color-onsecondaryfixedvariant {
+  color: var(--lk-onsecondaryfixedvariant);
+}
+
+.color-tertiaryfixed {
+  color: var(--lk-tertiaryfixed);
+}
+
+.color-tertiaryfixeddim {
+  color: var(--lk-tertiaryfixeddim);
+}
+
+.color-ontertiaryfixed {
+  color: var(--lk-ontertiaryfixed);
+}
+
+.color-ontertiaryfixedvariant {
+  color: var(--lk-ontertiaryfixedvariant);
+}
+
+.color-surfacedim {
+  color: var(--lk-surfacedim);
+}
+
+.color-surfacebright {
+  color: var(--lk-surfacebright);
+}
+
+.color-surfacecontainerlowest {
+  color: var(--lk-surfacecontainerlowest);
+}
+
+.color-surfacecontainerlow {
+  color: var(--lk-surfacecontainerlow);
+}
+
+.color-surfacecontainer {
+  color: var(--lk-surfacecontainer);
+}
+
+.color-surfacecontainerhigh {
+  color: var(--lk-surfacecontainerhigh);
+}
+
+.color-surfacecontainerhighest {
+  color: var(--lk-surfacecontainerhighest);
+}

package/css/text-columns.css

@@ -0,0 +1,4 @@
+.text-col-3 {
+  column-count: 3;
+  gap: 1em;
+}