frankenstyle 0.1.0-next.10 → 0.1.0-next.12

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 (5) hide show
  1. package/dist/css/frankenstyle-kit-standalone.css +39 -39
  2. package/dist/css/frankenstyle-kit-standalone.min.css +1 -1
  3. package/dist/css/frankenstyle-kit.css +39 -39
  4. package/dist/css/frankenstyle-kit.min.css +1 -1
  5. package/package.json +2 -2
package/dist/css/frankenstyle-kit-standalone.css CHANGED
@@ -769,7 +769,7 @@
769
769
  text-decoration-line: underline;
770
770
  text-underline-offset: 4px;
771
771
  }
772
- .fr-avatar {
772
+ .uk-avatar {
773
773
  --uk-avatar-bg: var(--uk-bg);
774
774
  --uk-avatar-size: 2.5rem;
775
775
  --uk-avatar-radius: var(--uk-global-radius);
@@ -789,13 +789,13 @@
789
789
  background-color: var(--uk-avatar-bg);
790
790
  border-radius: var(--uk-avatar-radius);
791
791
  }
792
- .fr-avatar img {
792
+ .uk-avatar img {
793
793
  height: 100%;
794
794
  width: 100%;
795
795
  object-fit: cover;
796
796
  border-radius: var(--uk-global-radius-small);
797
797
  }
798
- .fr-avatar-text {
798
+ .uk-avatar-text {
799
799
  display: flex;
800
800
  align-items: center;
801
801
  justify-content: center;
@@ -803,94 +803,94 @@
803
803
  width: 100%;
804
804
  border-radius: var(--uk-global-radius-small);
805
805
  }
806
- .fr-avatar-rounded {
806
+ .uk-avatar-rounded {
807
807
  border-radius: 9999px;
808
808
  }
809
- .fr-avatar-rounded img,
810
- .fr-avatar-rounded .fr-avatar-text {
809
+ .uk-avatar-rounded img,
810
+ .uk-avatar-rounded .uk-avatar-text {
811
811
  border-radius: 9999px;
812
812
  }
813
- .fr-avatar-bordered {
813
+ .uk-avatar-bordered {
814
814
  border-width: 0.125rem;
815
815
  border-style: solid;
816
816
  border-color: var(--uk-avatar-border-computed);
817
817
  padding: 0.25rem;
818
818
  }
819
- .fr-avatar-dot::after,
820
- .fr-avatar-dot-top::after,
821
- .fr-avatar-dot-top-right::after,
822
- .fr-avatar-dot-right::after,
823
- .fr-avatar-dot-bottom::after,
824
- .fr-avatar-dot-bottom-right::after,
825
- .fr-avatar-dot-bottom-left::after,
826
- .fr-avatar-dot-left::after,
827
- .fr-avatar-dot-top-left::after {
819
+ .uk-avatar-dot::after,
820
+ .uk-avatar-dot-top::after,
821
+ .uk-avatar-dot-top-right::after,
822
+ .uk-avatar-dot-right::after,
823
+ .uk-avatar-dot-bottom::after,
824
+ .uk-avatar-dot-bottom-right::after,
825
+ .uk-avatar-dot-bottom-left::after,
826
+ .uk-avatar-dot-left::after,
827
+ .uk-avatar-dot-top-left::after {
828
828
  content: '';
829
829
  position: absolute;
830
- height: var(--dot-size, 0.875rem);
831
- width: var(--dot-size, 0.875rem);
830
+ height: var(--uk-avatar-dot-size, 0.875rem);
831
+ width: var(--uk-avatar-dot-size, 0.875rem);
832
832
  border-radius: 9999px;
833
833
  border-width: 0.125rem;
834
834
  border-style: solid;
835
- border-color: var(--dot-border, var(--uk-bg));
836
- background-color: var(--dot-bg, var(--uk-primary));
835
+ border-color: var(--uk-avatar-dot-border, var(--uk-bg));
836
+ background-color: var(--uk-avatar-dot-bg, var(--uk-primary));
837
837
  z-index: 10;
838
838
  }
839
- .fr-avatar-dot::after,
840
- .fr-avatar-dot-bottom-right::after {
839
+ .uk-avatar-dot::after,
840
+ .uk-avatar-dot-bottom-right::after {
841
841
  bottom: 0;
842
842
  right: 0;
843
843
  transform: translate(25%, 25%);
844
844
  }
845
- .fr-avatar-dot-top::after {
845
+ .uk-avatar-dot-top::after {
846
846
  top: 0;
847
847
  left: 50%;
848
848
  transform: translate(-50%, -50%);
849
849
  }
850
- .fr-avatar-dot-top-right::after {
850
+ .uk-avatar-dot-top-right::after {
851
851
  top: 0;
852
852
  right: 0;
853
853
  transform: translate(25%, -25%);
854
854
  }
855
- .fr-avatar-dot-right::after {
855
+ .uk-avatar-dot-right::after {
856
856
  top: 50%;
857
857
  right: 0;
858
858
  transform: translate(50%, -50%);
859
859
  }
860
- .fr-avatar-dot-bottom::after {
860
+ .uk-avatar-dot-bottom::after {
861
861
  bottom: 0;
862
862
  left: 50%;
863
863
  transform: translate(-50%, 50%);
864
864
  }
865
- .fr-avatar-dot-bottom-left::after {
865
+ .uk-avatar-dot-bottom-left::after {
866
866
  bottom: 0;
867
867
  left: 0;
868
868
  transform: translate(-25%, 25%);
869
869
  }
870
- .fr-avatar-dot-left::after {
870
+ .uk-avatar-dot-left::after {
871
871
  top: 50%;
872
872
  left: 0;
873
873
  transform: translate(-50%, -50%);
874
874
  }
875
- .fr-avatar-dot-top-left::after {
875
+ .uk-avatar-dot-top-left::after {
876
876
  top: 0;
877
877
  left: 0;
878
878
  transform: translate(-25%, -25%);
879
879
  }
880
- .fr-avatar-dot-danger::after {
881
- --dot-bg: var(--uk-danger);
880
+ .uk-avatar-dot-danger::after {
881
+ --uk-avatar-dot-bg: var(--uk-danger);
882
882
  }
883
- .fr-avatar-dot-warning::after {
884
- --dot-bg: var(--uk-warning);
883
+ .uk-avatar-dot-warning::after {
884
+ --uk-avatar-dot-bg: var(--uk-warning);
885
885
  }
886
- .fr-avatar-dot-success::after {
887
- --dot-bg: var(--uk-success);
886
+ .uk-avatar-dot-success::after {
887
+ --uk-avatar-dot-bg: var(--uk-success);
888
888
  }
889
- .fr-avatar-dot-info::after {
890
- --dot-bg: var(--uk-info);
889
+ .uk-avatar-dot-info::after {
890
+ --uk-avatar-dot-bg: var(--uk-info);
891
891
  }
892
- .fr-avatar-dot-muted::after {
893
- --dot-bg: var(--uk-muted-f);
892
+ .uk-avatar-dot-muted::after {
893
+ --uk-avatar-dot-bg: var(--uk-muted-f);
894
894
  }
895
895
  .uk-badge {
896
896
  --uk-badge-bg: var(--uk-bg);