frankenstyle 0.3.5 → 0.3.6

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 +118 -4
  2. package/dist/css/frankenstyle-kit-standalone.min.css +1 -1
  3. package/dist/css/frankenstyle-kit.css +118 -4
  4. package/dist/css/frankenstyle-kit.min.css +1 -1
  5. package/package.json +1 -1
package/dist/css/frankenstyle-kit-standalone.css CHANGED
@@ -3811,7 +3811,7 @@
3811
3811
  opacity: 0.5;
3812
3812
  pointer-events: none;
3813
3813
  }
3814
- .uk-pagination-xsmall > * > * {
3814
+ .uk-pagination-xsmall {
3815
3815
  --uk-interactive-height-multiplier: 2;
3816
3816
  --uk-interactive-padding-block-multiplier: 0.5;
3817
3817
  --uk-interactive-padding-inline-multiplier: 1;
@@ -3819,7 +3819,7 @@
3819
3819
  --uk-pagination-item-font-size: var(--uk-global-font-size-small);
3820
3820
  --uk-pagination-item-line-height: var(--uk-global-line-height-small);
3821
3821
  }
3822
- .uk-pagination-small > * > * {
3822
+ .uk-pagination-small {
3823
3823
  --uk-interactive-height-multiplier: 2.25;
3824
3824
  --uk-interactive-padding-block-multiplier: 0.5625;
3825
3825
  --uk-interactive-padding-inline-multiplier: 1.125;
@@ -3827,12 +3827,12 @@
3827
3827
  --uk-pagination-item-font-size: var(--uk-global-font-size-small);
3828
3828
  --uk-pagination-item-line-height: var(--uk-global-line-height-small);
3829
3829
  }
3830
- .uk-pagination-medium > * > * {
3830
+ .uk-pagination-medium {
3831
3831
  --uk-interactive-height-multiplier: 2.75;
3832
3832
  --uk-interactive-padding-block-multiplier: 0.6875;
3833
3833
  --uk-interactive-padding-inline-multiplier: 1.375;
3834
3834
  }
3835
- .uk-pagination-large > * > * {
3835
+ .uk-pagination-large {
3836
3836
  --uk-interactive-height-multiplier: 3;
3837
3837
  --uk-interactive-padding-block-multiplier: 0.75;
3838
3838
  --uk-interactive-padding-inline-multiplier: 1.5;
@@ -4021,6 +4021,120 @@
4021
4021
  background-color: var(--uk-pagination-item-hover-bg-computed);
4022
4022
  color: var(--uk-pagination-item-hover-color-computed);
4023
4023
  }
4024
+ .uk-pagination-success > * > * {
4025
+ --uk-pagination-item-bg: var(--uk-success);
4026
+ --uk-pagination-item-bg-o: 100%;
4027
+ --uk-pagination-item-color: #fff;
4028
+ --uk-pagination-item-color-o: 100%;
4029
+ --uk-pagination-item-hover-bg: var(--uk-success);
4030
+ --uk-pagination-item-hover-bg-o: 90%;
4031
+ --uk-pagination-item-hover-color: #fff;
4032
+ --uk-pagination-item-hover-color-o: 100%;
4033
+ --uk-pagination-item-bg-computed: color-mix(
4034
+ in srgb,
4035
+ var(--uk-pagination-item-bg) var(--uk-pagination-item-bg-o),
4036
+ transparent
4037
+ );
4038
+ --uk-pagination-item-color-computed: color-mix(
4039
+ in srgb,
4040
+ var(--uk-pagination-item-color) var(--uk-pagination-item-color-o),
4041
+ transparent
4042
+ );
4043
+ --uk-pagination-item-hover-bg-computed: color-mix(
4044
+ in srgb,
4045
+ var(--uk-pagination-item-hover-bg) var(--uk-pagination-item-hover-bg-o),
4046
+ transparent
4047
+ );
4048
+ --uk-pagination-item-hover-color-computed: color-mix(
4049
+ in srgb,
4050
+ var(--uk-pagination-item-hover-color)
4051
+ var(--uk-pagination-item-hover-color-o),
4052
+ transparent
4053
+ );
4054
+ background-color: var(--uk-pagination-item-bg-computed);
4055
+ color: var(--uk-pagination-item-color-computed);
4056
+ }
4057
+ .uk-pagination-success > * > *:hover,
4058
+ .uk-pagination-success > * > *.uk-active {
4059
+ background-color: var(--uk-pagination-item-hover-bg-computed);
4060
+ color: var(--uk-pagination-item-hover-color-computed);
4061
+ }
4062
+ .uk-pagination-warning > * > * {
4063
+ --uk-pagination-item-bg: var(--uk-warning);
4064
+ --uk-pagination-item-bg-o: 100%;
4065
+ --uk-pagination-item-color: #fff;
4066
+ --uk-pagination-item-color-o: 100%;
4067
+ --uk-pagination-item-hover-bg: var(--uk-warning);
4068
+ --uk-pagination-item-hover-bg-o: 90%;
4069
+ --uk-pagination-item-hover-color: #fff;
4070
+ --uk-pagination-item-hover-color-o: 100%;
4071
+ --uk-pagination-item-bg-computed: color-mix(
4072
+ in srgb,
4073
+ var(--uk-pagination-item-bg) var(--uk-pagination-item-bg-o),
4074
+ transparent
4075
+ );
4076
+ --uk-pagination-item-color-computed: color-mix(
4077
+ in srgb,
4078
+ var(--uk-pagination-item-color) var(--uk-pagination-item-color-o),
4079
+ transparent
4080
+ );
4081
+ --uk-pagination-item-hover-bg-computed: color-mix(
4082
+ in srgb,
4083
+ var(--uk-pagination-item-hover-bg) var(--uk-pagination-item-hover-bg-o),
4084
+ transparent
4085
+ );
4086
+ --uk-pagination-item-hover-color-computed: color-mix(
4087
+ in srgb,
4088
+ var(--uk-pagination-item-hover-color)
4089
+ var(--uk-pagination-item-hover-color-o),
4090
+ transparent
4091
+ );
4092
+ background-color: var(--uk-pagination-item-bg-computed);
4093
+ color: var(--uk-pagination-item-color-computed);
4094
+ }
4095
+ .uk-pagination-warning > * > *:hover,
4096
+ .uk-pagination-warning > * > *.uk-active {
4097
+ background-color: var(--uk-pagination-item-hover-bg-computed);
4098
+ color: var(--uk-pagination-item-hover-color-computed);
4099
+ }
4100
+ .uk-pagination-info > * > * {
4101
+ --uk-pagination-item-bg: var(--uk-info);
4102
+ --uk-pagination-item-bg-o: 100%;
4103
+ --uk-pagination-item-color: #fff;
4104
+ --uk-pagination-item-color-o: 100%;
4105
+ --uk-pagination-item-hover-bg: var(--uk-info);
4106
+ --uk-pagination-item-hover-bg-o: 90%;
4107
+ --uk-pagination-item-hover-color: #fff;
4108
+ --uk-pagination-item-hover-color-o: 100%;
4109
+ --uk-pagination-item-bg-computed: color-mix(
4110
+ in srgb,
4111
+ var(--uk-pagination-item-bg) var(--uk-pagination-item-bg-o),
4112
+ transparent
4113
+ );
4114
+ --uk-pagination-item-color-computed: color-mix(
4115
+ in srgb,
4116
+ var(--uk-pagination-item-color) var(--uk-pagination-item-color-o),
4117
+ transparent
4118
+ );
4119
+ --uk-pagination-item-hover-bg-computed: color-mix(
4120
+ in srgb,
4121
+ var(--uk-pagination-item-hover-bg) var(--uk-pagination-item-hover-bg-o),
4122
+ transparent
4123
+ );
4124
+ --uk-pagination-item-hover-color-computed: color-mix(
4125
+ in srgb,
4126
+ var(--uk-pagination-item-hover-color)
4127
+ var(--uk-pagination-item-hover-color-o),
4128
+ transparent
4129
+ );
4130
+ background-color: var(--uk-pagination-item-bg-computed);
4131
+ color: var(--uk-pagination-item-color-computed);
4132
+ }
4133
+ .uk-pagination-info > * > *:hover,
4134
+ .uk-pagination-info > * > *.uk-active {
4135
+ background-color: var(--uk-pagination-item-hover-bg-computed);
4136
+ color: var(--uk-pagination-item-hover-color-computed);
4137
+ }
4024
4138
  .uk-tab {
4025
4139
  --uk-tab-item-padding: 0.3125rem 0.625rem;
4026
4140
  --uk-tab-link-gap: 0.25em;