frankenstyle 0.3.4 → 0.3.5-next.0
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.
|
@@ -3735,6 +3735,292 @@
|
|
|
3735
3735
|
.uk-offcanvas-flip.uk-offcanvas-container-animation {
|
|
3736
3736
|
left: calc(var(--uk-offcanvas-bar-width) * -1);
|
|
3737
3737
|
}
|
|
3738
|
+
.uk-pagination {
|
|
3739
|
+
--uk-pagination-item-height: calc(
|
|
3740
|
+
var(--uk-global-font-size) * var(--uk-interactive-height-multiplier)
|
|
3741
|
+
);
|
|
3742
|
+
--uk-pagination-item-padding-block: calc(
|
|
3743
|
+
var(--uk-global-font-size) *
|
|
3744
|
+
var(--uk-interactive-padding-block-multiplier)
|
|
3745
|
+
);
|
|
3746
|
+
--uk-pagination-item-padding-inline: calc(
|
|
3747
|
+
var(--uk-global-font-size) *
|
|
3748
|
+
var(--uk-interactive-padding-inline-multiplier)
|
|
3749
|
+
);
|
|
3750
|
+
--uk-pagination-item-padding: var(--uk-pagination-item-padding-block)
|
|
3751
|
+
var(--uk-pagination-item-padding-inline);
|
|
3752
|
+
--uk-pagination-gap: calc(var(--uk-global-font-size) * 0.25);
|
|
3753
|
+
--uk-pagination-item-gap: calc(var(--uk-global-font-size) * 0.5);
|
|
3754
|
+
--uk-pagination-item-font-size: var(--uk-global-font-size);
|
|
3755
|
+
--uk-pagination-item-line-height: var(--uk-global-line-height);
|
|
3756
|
+
--uk-pagination-item-font-weight: 500;
|
|
3757
|
+
--uk-pagination-item-radius: var(--uk-global-radius);
|
|
3758
|
+
--uk-pagination-item-shadow: var(--uk-global-shadow-small);
|
|
3759
|
+
--uk-pagination-item-icon-size: calc(var(--uk-global-font-size) * 1);
|
|
3760
|
+
display: flex;
|
|
3761
|
+
flex-wrap: wrap;
|
|
3762
|
+
align-items: center;
|
|
3763
|
+
gap: var(--uk-pagination-gap);
|
|
3764
|
+
}
|
|
3765
|
+
.uk-pagination > * {
|
|
3766
|
+
position: relative;
|
|
3767
|
+
flex: none;
|
|
3768
|
+
}
|
|
3769
|
+
.uk-pagination > * > * {
|
|
3770
|
+
display: inline-flex;
|
|
3771
|
+
align-items: center;
|
|
3772
|
+
justify-content: center;
|
|
3773
|
+
gap: var(--uk-pagination-item-gap);
|
|
3774
|
+
box-sizing: border-box;
|
|
3775
|
+
width: auto;
|
|
3776
|
+
height: var(--uk-pagination-item-height);
|
|
3777
|
+
padding: var(--uk-pagination-item-padding);
|
|
3778
|
+
font-size: var(--uk-pagination-item-font-size);
|
|
3779
|
+
line-height: var(--uk-pagination-item-line-height);
|
|
3780
|
+
font-weight: var(--uk-pagination-item-font-weight);
|
|
3781
|
+
text-align: center;
|
|
3782
|
+
white-space: nowrap;
|
|
3783
|
+
border-radius: var(--uk-pagination-item-radius);
|
|
3784
|
+
box-shadow: var(--uk-pagination-item-shadow);
|
|
3785
|
+
border-width: 1px;
|
|
3786
|
+
border-style: solid;
|
|
3787
|
+
border-color: transparent;
|
|
3788
|
+
background-color: transparent;
|
|
3789
|
+
color: inherit;
|
|
3790
|
+
cursor: pointer;
|
|
3791
|
+
transition:
|
|
3792
|
+
background-color 150ms ease-in-out,
|
|
3793
|
+
color 150ms ease-in-out,
|
|
3794
|
+
border-color 150ms ease-in-out;
|
|
3795
|
+
}
|
|
3796
|
+
.uk-pagination > * > * svg {
|
|
3797
|
+
pointer-events: none;
|
|
3798
|
+
width: var(--uk-pagination-item-icon-size);
|
|
3799
|
+
height: var(--uk-pagination-item-icon-size);
|
|
3800
|
+
flex-shrink: 0;
|
|
3801
|
+
}
|
|
3802
|
+
.uk-pagination > * > *::-moz-focus-inner {
|
|
3803
|
+
border: 0;
|
|
3804
|
+
padding: 0;
|
|
3805
|
+
}
|
|
3806
|
+
.uk-pagination > .uk-active > * {
|
|
3807
|
+
opacity: 0.8;
|
|
3808
|
+
}
|
|
3809
|
+
.uk-pagination > .uk-disabled > *,
|
|
3810
|
+
.uk-pagination > * > *:disabled {
|
|
3811
|
+
opacity: 0.5;
|
|
3812
|
+
pointer-events: none;
|
|
3813
|
+
}
|
|
3814
|
+
.uk-pagination-xsmall > * > * {
|
|
3815
|
+
--uk-interactive-height-multiplier: 2;
|
|
3816
|
+
--uk-interactive-padding-block-multiplier: 0.5;
|
|
3817
|
+
--uk-interactive-padding-inline-multiplier: 1;
|
|
3818
|
+
--uk-pagination-item-icon-size: calc(var(--uk-global-font-size-small) * 1);
|
|
3819
|
+
--uk-pagination-item-font-size: var(--uk-global-font-size-small);
|
|
3820
|
+
--uk-pagination-item-line-height: var(--uk-global-line-height-small);
|
|
3821
|
+
}
|
|
3822
|
+
.uk-pagination-small > * > * {
|
|
3823
|
+
--uk-interactive-height-multiplier: 2.25;
|
|
3824
|
+
--uk-interactive-padding-block-multiplier: 0.5625;
|
|
3825
|
+
--uk-interactive-padding-inline-multiplier: 1.125;
|
|
3826
|
+
--uk-pagination-item-icon-size: calc(var(--uk-global-font-size-small) * 1);
|
|
3827
|
+
--uk-pagination-item-font-size: var(--uk-global-font-size-small);
|
|
3828
|
+
--uk-pagination-item-line-height: var(--uk-global-line-height-small);
|
|
3829
|
+
}
|
|
3830
|
+
.uk-pagination-medium > * > * {
|
|
3831
|
+
--uk-interactive-height-multiplier: 2.75;
|
|
3832
|
+
--uk-interactive-padding-block-multiplier: 0.6875;
|
|
3833
|
+
--uk-interactive-padding-inline-multiplier: 1.375;
|
|
3834
|
+
}
|
|
3835
|
+
.uk-pagination-large > * > * {
|
|
3836
|
+
--uk-interactive-height-multiplier: 3;
|
|
3837
|
+
--uk-interactive-padding-block-multiplier: 0.75;
|
|
3838
|
+
--uk-interactive-padding-inline-multiplier: 1.5;
|
|
3839
|
+
}
|
|
3840
|
+
.uk-pagination-default > * > * {
|
|
3841
|
+
--uk-pagination-item-border-color: var(--uk-border);
|
|
3842
|
+
--uk-pagination-item-border-color-o: 10%;
|
|
3843
|
+
--uk-pagination-item-bg: var(--uk-bg);
|
|
3844
|
+
--uk-pagination-item-bg-o: 100%;
|
|
3845
|
+
--uk-pagination-item-color: var(--uk-bg-f);
|
|
3846
|
+
--uk-pagination-item-color-o: 100%;
|
|
3847
|
+
--uk-pagination-item-hover-bg: var(--uk-accent);
|
|
3848
|
+
--uk-pagination-item-hover-bg-o: 4%;
|
|
3849
|
+
--uk-pagination-item-hover-color: var(--uk-accent-f);
|
|
3850
|
+
--uk-pagination-item-hover-color-o: 100%;
|
|
3851
|
+
--uk-pagination-item-border-color-computed: color-mix(
|
|
3852
|
+
in srgb,
|
|
3853
|
+
var(--uk-pagination-item-border-color)
|
|
3854
|
+
var(--uk-pagination-item-border-color-o),
|
|
3855
|
+
transparent
|
|
3856
|
+
);
|
|
3857
|
+
--uk-pagination-item-bg-computed: color-mix(
|
|
3858
|
+
in srgb,
|
|
3859
|
+
var(--uk-pagination-item-bg) var(--uk-pagination-item-bg-o),
|
|
3860
|
+
transparent
|
|
3861
|
+
);
|
|
3862
|
+
--uk-pagination-item-color-computed: color-mix(
|
|
3863
|
+
in srgb,
|
|
3864
|
+
var(--uk-pagination-item-color) var(--uk-pagination-item-color-o),
|
|
3865
|
+
transparent
|
|
3866
|
+
);
|
|
3867
|
+
--uk-pagination-item-hover-bg-computed: color-mix(
|
|
3868
|
+
in srgb,
|
|
3869
|
+
var(--uk-pagination-item-hover-bg) var(--uk-pagination-item-hover-bg-o),
|
|
3870
|
+
transparent
|
|
3871
|
+
);
|
|
3872
|
+
--uk-pagination-item-hover-color-computed: color-mix(
|
|
3873
|
+
in srgb,
|
|
3874
|
+
var(--uk-pagination-item-hover-color)
|
|
3875
|
+
var(--uk-pagination-item-hover-color-o),
|
|
3876
|
+
transparent
|
|
3877
|
+
);
|
|
3878
|
+
border-color: var(--uk-pagination-item-border-color-computed);
|
|
3879
|
+
background-color: var(--uk-pagination-item-bg-computed);
|
|
3880
|
+
color: var(--uk-pagination-item-color-computed);
|
|
3881
|
+
}
|
|
3882
|
+
.uk-pagination-default > * > *:hover,
|
|
3883
|
+
.uk-pagination-default > * > *.uk-active {
|
|
3884
|
+
background-color: var(--uk-pagination-item-hover-bg-computed);
|
|
3885
|
+
color: var(--uk-pagination-item-hover-color-computed);
|
|
3886
|
+
}
|
|
3887
|
+
.uk-pagination-primary > * > * {
|
|
3888
|
+
--uk-pagination-item-bg: var(--uk-primary);
|
|
3889
|
+
--uk-pagination-item-bg-o: 100%;
|
|
3890
|
+
--uk-pagination-item-color: var(--uk-primary-f);
|
|
3891
|
+
--uk-pagination-item-color-o: 100%;
|
|
3892
|
+
--uk-pagination-item-hover-bg: var(--uk-primary);
|
|
3893
|
+
--uk-pagination-item-hover-bg-o: 90%;
|
|
3894
|
+
--uk-pagination-item-hover-color: var(--uk-primary-f);
|
|
3895
|
+
--uk-pagination-item-hover-color-o: 100%;
|
|
3896
|
+
--uk-pagination-item-bg-computed: color-mix(
|
|
3897
|
+
in srgb,
|
|
3898
|
+
var(--uk-pagination-item-bg) var(--uk-pagination-item-bg-o),
|
|
3899
|
+
transparent
|
|
3900
|
+
);
|
|
3901
|
+
--uk-pagination-item-color-computed: color-mix(
|
|
3902
|
+
in srgb,
|
|
3903
|
+
var(--uk-pagination-item-color) var(--uk-pagination-item-color-o),
|
|
3904
|
+
transparent
|
|
3905
|
+
);
|
|
3906
|
+
--uk-pagination-item-hover-bg-computed: color-mix(
|
|
3907
|
+
in srgb,
|
|
3908
|
+
var(--uk-pagination-item-hover-bg) var(--uk-pagination-item-hover-bg-o),
|
|
3909
|
+
transparent
|
|
3910
|
+
);
|
|
3911
|
+
--uk-pagination-item-hover-color-computed: color-mix(
|
|
3912
|
+
in srgb,
|
|
3913
|
+
var(--uk-pagination-item-hover-color)
|
|
3914
|
+
var(--uk-pagination-item-hover-color-o),
|
|
3915
|
+
transparent
|
|
3916
|
+
);
|
|
3917
|
+
background-color: var(--uk-pagination-item-bg-computed);
|
|
3918
|
+
color: var(--uk-pagination-item-color-computed);
|
|
3919
|
+
}
|
|
3920
|
+
.uk-pagination-primary > * > *:hover,
|
|
3921
|
+
.uk-pagination-primary > * > *.uk-active {
|
|
3922
|
+
background-color: var(--uk-pagination-item-hover-bg-computed);
|
|
3923
|
+
color: var(--uk-pagination-item-hover-color-computed);
|
|
3924
|
+
}
|
|
3925
|
+
.uk-pagination-secondary > * > * {
|
|
3926
|
+
--uk-pagination-item-bg: var(--uk-secondary);
|
|
3927
|
+
--uk-pagination-item-bg-o: 4%;
|
|
3928
|
+
--uk-pagination-item-color: var(--uk-secondary-f);
|
|
3929
|
+
--uk-pagination-item-color-o: 100%;
|
|
3930
|
+
--uk-pagination-item-hover-bg: var(--uk-secondary);
|
|
3931
|
+
--uk-pagination-item-hover-bg-o: 8%;
|
|
3932
|
+
--uk-pagination-item-hover-color: var(--uk-secondary-f);
|
|
3933
|
+
--uk-pagination-item-hover-color-o: 100%;
|
|
3934
|
+
--uk-pagination-item-bg-computed: color-mix(
|
|
3935
|
+
in srgb,
|
|
3936
|
+
var(--uk-pagination-item-bg) var(--uk-pagination-item-bg-o),
|
|
3937
|
+
transparent
|
|
3938
|
+
);
|
|
3939
|
+
--uk-pagination-item-color-computed: color-mix(
|
|
3940
|
+
in srgb,
|
|
3941
|
+
var(--uk-pagination-item-color) var(--uk-pagination-item-color-o),
|
|
3942
|
+
transparent
|
|
3943
|
+
);
|
|
3944
|
+
--uk-pagination-item-hover-bg-computed: color-mix(
|
|
3945
|
+
in srgb,
|
|
3946
|
+
var(--uk-pagination-item-hover-bg) var(--uk-pagination-item-hover-bg-o),
|
|
3947
|
+
transparent
|
|
3948
|
+
);
|
|
3949
|
+
--uk-pagination-item-hover-color-computed: color-mix(
|
|
3950
|
+
in srgb,
|
|
3951
|
+
var(--uk-pagination-item-hover-color)
|
|
3952
|
+
var(--uk-pagination-item-hover-color-o),
|
|
3953
|
+
transparent
|
|
3954
|
+
);
|
|
3955
|
+
background-color: var(--uk-pagination-item-bg-computed);
|
|
3956
|
+
color: var(--uk-pagination-item-color-computed);
|
|
3957
|
+
}
|
|
3958
|
+
.uk-pagination-secondary > * > *:hover,
|
|
3959
|
+
.uk-pagination-secondary > * > *.uk-active {
|
|
3960
|
+
background-color: var(--uk-pagination-item-hover-bg-computed);
|
|
3961
|
+
color: var(--uk-pagination-item-hover-color-computed);
|
|
3962
|
+
}
|
|
3963
|
+
.uk-pagination-ghost > * > * {
|
|
3964
|
+
box-shadow: none;
|
|
3965
|
+
}
|
|
3966
|
+
.uk-pagination-ghost > * > *:not(:disabled):hover,
|
|
3967
|
+
.uk-pagination-ghost > * > *.uk-active {
|
|
3968
|
+
--uk-pagination-item-hover-bg: var(--uk-accent);
|
|
3969
|
+
--uk-pagination-item-hover-bg-o: 100%;
|
|
3970
|
+
--uk-pagination-item-hover-color: var(--uk-accent-f);
|
|
3971
|
+
--uk-pagination-item-hover-color-o: 100%;
|
|
3972
|
+
--uk-pagination-item-hover-bg-computed: color-mix(
|
|
3973
|
+
in srgb,
|
|
3974
|
+
var(--uk-pagination-item-hover-bg) var(--uk-pagination-item-hover-bg-o),
|
|
3975
|
+
transparent
|
|
3976
|
+
);
|
|
3977
|
+
--uk-pagination-item-hover-color-computed: color-mix(
|
|
3978
|
+
in srgb,
|
|
3979
|
+
var(--uk-pagination-item-hover-color)
|
|
3980
|
+
var(--uk-pagination-item-hover-color-o),
|
|
3981
|
+
transparent
|
|
3982
|
+
);
|
|
3983
|
+
background-color: var(--uk-pagination-item-hover-bg-computed);
|
|
3984
|
+
color: var(--uk-pagination-item-hover-color-computed);
|
|
3985
|
+
}
|
|
3986
|
+
.uk-pagination-danger > * > * {
|
|
3987
|
+
--uk-pagination-item-bg: var(--uk-danger);
|
|
3988
|
+
--uk-pagination-item-bg-o: 100%;
|
|
3989
|
+
--uk-pagination-item-color: #fff;
|
|
3990
|
+
--uk-pagination-item-color-o: 100%;
|
|
3991
|
+
--uk-pagination-item-hover-bg: var(--uk-danger);
|
|
3992
|
+
--uk-pagination-item-hover-bg-o: 90%;
|
|
3993
|
+
--uk-pagination-item-hover-color: #fff;
|
|
3994
|
+
--uk-pagination-item-hover-color-o: 100%;
|
|
3995
|
+
--uk-pagination-item-bg-computed: color-mix(
|
|
3996
|
+
in srgb,
|
|
3997
|
+
var(--uk-pagination-item-bg) var(--uk-pagination-item-bg-o),
|
|
3998
|
+
transparent
|
|
3999
|
+
);
|
|
4000
|
+
--uk-pagination-item-color-computed: color-mix(
|
|
4001
|
+
in srgb,
|
|
4002
|
+
var(--uk-pagination-item-color) var(--uk-pagination-item-color-o),
|
|
4003
|
+
transparent
|
|
4004
|
+
);
|
|
4005
|
+
--uk-pagination-item-hover-bg-computed: color-mix(
|
|
4006
|
+
in srgb,
|
|
4007
|
+
var(--uk-pagination-item-hover-bg) var(--uk-pagination-item-hover-bg-o),
|
|
4008
|
+
transparent
|
|
4009
|
+
);
|
|
4010
|
+
--uk-pagination-item-hover-color-computed: color-mix(
|
|
4011
|
+
in srgb,
|
|
4012
|
+
var(--uk-pagination-item-hover-color)
|
|
4013
|
+
var(--uk-pagination-item-hover-color-o),
|
|
4014
|
+
transparent
|
|
4015
|
+
);
|
|
4016
|
+
background-color: var(--uk-pagination-item-bg-computed);
|
|
4017
|
+
color: var(--uk-pagination-item-color-computed);
|
|
4018
|
+
}
|
|
4019
|
+
.uk-pagination-danger > * > *:hover,
|
|
4020
|
+
.uk-pagination-danger > * > *.uk-active {
|
|
4021
|
+
background-color: var(--uk-pagination-item-hover-bg-computed);
|
|
4022
|
+
color: var(--uk-pagination-item-hover-color-computed);
|
|
4023
|
+
}
|
|
3738
4024
|
.uk-tab {
|
|
3739
4025
|
--uk-tab-item-padding: 0.3125rem 0.625rem;
|
|
3740
4026
|
--uk-tab-link-gap: 0.25em;
|