@rolster/styles-foundations 1.1.3 → 1.1.5
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.
package/dist/rolster-styles.css
CHANGED
|
@@ -955,6 +955,126 @@
|
|
|
955
955
|
--border-1-theme-100: var(--border-1) solid var(--border-dark-100);
|
|
956
956
|
--border-2-theme-100: var(--border-2) solid var(--border-dark-100);
|
|
957
957
|
--border-4-theme-100: var(--border-4) solid var(--border-dark-100);
|
|
958
|
+
--shadow-bottom-theme-2: var(--shadow-bottom-light-2);
|
|
959
|
+
--shadow-bottom-theme-4: var(--shadow-bottom-light-4);
|
|
960
|
+
--shadow-bottom-theme-8: var(--shadow-bottom-light-8);
|
|
961
|
+
--shadow-bottom-theme-16: var(--shadow-bottom-light-16);
|
|
962
|
+
--shadow-bottom-theme-24: var(--shadow-bottom-light-24);
|
|
963
|
+
--shadow-bottom-theme-32: var(--shadow-bottom-light-32);
|
|
964
|
+
--shadow-top-theme-2: var(--shadow-top-light-2);
|
|
965
|
+
--shadow-top-theme-4: var(--shadow-top-light-4);
|
|
966
|
+
--shadow-top-theme-8: var(--shadow-top-light-8);
|
|
967
|
+
--shadow-top-theme-16: var(--shadow-top-light-16);
|
|
968
|
+
--shadow-top-theme-24: var(--shadow-top-light-24);
|
|
969
|
+
--shadow-top-theme-32: var(--shadow-top-light-32);
|
|
970
|
+
--shadow-right-theme-2: var(--shadow-right-light-2);
|
|
971
|
+
--shadow-right-theme-4: var(--shadow-right-light-4);
|
|
972
|
+
--shadow-right-theme-8: var(--shadow-right-light-8);
|
|
973
|
+
--shadow-right-theme-16: var(--shadow-right-light-16);
|
|
974
|
+
--shadow-right-theme-24: var(--shadow-right-light-24);
|
|
975
|
+
--shadow-right-theme-32: var(--shadow-right-light-32);
|
|
976
|
+
--shadow-left-theme-2: var(--shadow-left-light-2);
|
|
977
|
+
--shadow-left-theme-4: var(--shadow-left-light-4);
|
|
978
|
+
--shadow-left-theme-8: var(--shadow-left-light-8);
|
|
979
|
+
--shadow-left-theme-16: var(--shadow-left-light-16);
|
|
980
|
+
--shadow-left-theme-24: var(--shadow-left-light-24);
|
|
981
|
+
--shadow-left-theme-32: var(--shadow-left-light-32);
|
|
982
|
+
--shadow-center-theme-2: var(--shadow-center-light-2);
|
|
983
|
+
--shadow-center-theme-4: var(--shadow-center-light-4);
|
|
984
|
+
--shadow-center-theme-8: var(--shadow-center-light-8);
|
|
985
|
+
--shadow-center-theme-16: var(--shadow-center-light-16);
|
|
986
|
+
--shadow-center-theme-24: var(--shadow-center-light-24);
|
|
987
|
+
--shadow-center-theme-32: var(--shadow-center-light-32);
|
|
988
|
+
--border-1-base-100: var(--border-1) solid var(--color-base-100);
|
|
989
|
+
--border-2-base-100: var(--border-2) solid var(--color-base-100);
|
|
990
|
+
--border-4-base-100: var(--border-4) solid var(--color-base-100);
|
|
991
|
+
--border-1-base-300: var(--border-1) solid var(--color-base-300);
|
|
992
|
+
--border-2-base-300: var(--border-2) solid var(--color-base-300);
|
|
993
|
+
--border-4-base-300: var(--border-4) solid var(--color-base-300);
|
|
994
|
+
--border-1-base-500: var(--border-1) solid var(--color-base-500);
|
|
995
|
+
--border-2-base-500: var(--border-2) solid var(--color-base-500);
|
|
996
|
+
--border-4-base-500: var(--border-4) solid var(--color-base-500);
|
|
997
|
+
--border-1-base-700: var(--border-1) solid var(--color-base-700);
|
|
998
|
+
--border-2-base-700: var(--border-2) solid var(--color-base-700);
|
|
999
|
+
--border-4-base-700: var(--border-4) solid var(--color-base-700);
|
|
1000
|
+
--border-1-base-900: var(--border-1) solid var(--color-base-900);
|
|
1001
|
+
--border-2-base-900: var(--border-2) solid var(--color-base-900);
|
|
1002
|
+
--border-4-base-900: var(--border-4) solid var(--color-base-900);
|
|
1003
|
+
--border-1-success-100: var(--border-1) solid var(--color-success-100);
|
|
1004
|
+
--border-2-success-100: var(--border-2) solid var(--color-success-100);
|
|
1005
|
+
--border-4-success-100: var(--border-4) solid var(--color-success-100);
|
|
1006
|
+
--border-1-success-300: var(--border-1) solid var(--color-success-300);
|
|
1007
|
+
--border-2-success-300: var(--border-2) solid var(--color-success-300);
|
|
1008
|
+
--border-4-success-300: var(--border-4) solid var(--color-success-300);
|
|
1009
|
+
--border-1-success-500: var(--border-1) solid var(--color-success-500);
|
|
1010
|
+
--border-2-success-500: var(--border-2) solid var(--color-success-500);
|
|
1011
|
+
--border-4-success-500: var(--border-4) solid var(--color-success-500);
|
|
1012
|
+
--border-1-success-700: var(--border-1) solid var(--color-success-700);
|
|
1013
|
+
--border-2-success-700: var(--border-2) solid var(--color-success-700);
|
|
1014
|
+
--border-4-success-700: var(--border-4) solid var(--color-success-700);
|
|
1015
|
+
--border-1-success-900: var(--border-1) solid var(--color-success-900);
|
|
1016
|
+
--border-2-success-900: var(--border-2) solid var(--color-success-900);
|
|
1017
|
+
--border-4-success-900: var(--border-4) solid var(--color-success-900);
|
|
1018
|
+
--border-1-info-100: var(--border-1) solid var(--color-info-100);
|
|
1019
|
+
--border-2-info-100: var(--border-2) solid var(--color-info-100);
|
|
1020
|
+
--border-4-info-100: var(--border-4) solid var(--color-info-100);
|
|
1021
|
+
--border-1-info-300: var(--border-1) solid var(--color-info-300);
|
|
1022
|
+
--border-2-info-300: var(--border-2) solid var(--color-info-300);
|
|
1023
|
+
--border-4-info-300: var(--border-4) solid var(--color-info-300);
|
|
1024
|
+
--border-1-info-500: var(--border-1) solid var(--color-info-500);
|
|
1025
|
+
--border-2-info-500: var(--border-2) solid var(--color-info-500);
|
|
1026
|
+
--border-4-info-500: var(--border-4) solid var(--color-info-500);
|
|
1027
|
+
--border-1-info-700: var(--border-1) solid var(--color-info-700);
|
|
1028
|
+
--border-2-info-700: var(--border-2) solid var(--color-info-700);
|
|
1029
|
+
--border-4-info-700: var(--border-4) solid var(--color-info-700);
|
|
1030
|
+
--border-1-info-900: var(--border-1) solid var(--color-info-900);
|
|
1031
|
+
--border-2-info-900: var(--border-2) solid var(--color-info-900);
|
|
1032
|
+
--border-4-info-900: var(--border-4) solid var(--color-info-900);
|
|
1033
|
+
--border-1-warning-100: var(--border-1) solid var(--color-warning-100);
|
|
1034
|
+
--border-2-warning-100: var(--border-2) solid var(--color-warning-100);
|
|
1035
|
+
--border-4-warning-100: var(--border-4) solid var(--color-warning-100);
|
|
1036
|
+
--border-1-warning-300: var(--border-1) solid var(--color-warning-300);
|
|
1037
|
+
--border-2-warning-300: var(--border-2) solid var(--color-warning-300);
|
|
1038
|
+
--border-4-warning-300: var(--border-4) solid var(--color-warning-300);
|
|
1039
|
+
--border-1-warning-500: var(--border-1) solid var(--color-warning-500);
|
|
1040
|
+
--border-2-warning-500: var(--border-2) solid var(--color-warning-500);
|
|
1041
|
+
--border-4-warning-500: var(--border-4) solid var(--color-warning-500);
|
|
1042
|
+
--border-1-warning-700: var(--border-1) solid var(--color-warning-700);
|
|
1043
|
+
--border-2-warning-700: var(--border-2) solid var(--color-warning-700);
|
|
1044
|
+
--border-4-warning-700: var(--border-4) solid var(--color-warning-700);
|
|
1045
|
+
--border-1-warning-900: var(--border-1) solid var(--color-warning-900);
|
|
1046
|
+
--border-2-warning-900: var(--border-2) solid var(--color-warning-900);
|
|
1047
|
+
--border-4-warning-900: var(--border-4) solid var(--color-warning-900);
|
|
1048
|
+
--border-1-happy-100: var(--border-1) solid var(--color-happy-100);
|
|
1049
|
+
--border-2-happy-100: var(--border-2) solid var(--color-happy-100);
|
|
1050
|
+
--border-4-happy-100: var(--border-4) solid var(--color-happy-100);
|
|
1051
|
+
--border-1-happy-300: var(--border-1) solid var(--color-happy-300);
|
|
1052
|
+
--border-2-happy-300: var(--border-2) solid var(--color-happy-300);
|
|
1053
|
+
--border-4-happy-300: var(--border-4) solid var(--color-happy-300);
|
|
1054
|
+
--border-1-happy-500: var(--border-1) solid var(--color-happy-500);
|
|
1055
|
+
--border-2-happy-500: var(--border-2) solid var(--color-happy-500);
|
|
1056
|
+
--border-4-happy-500: var(--border-4) solid var(--color-happy-500);
|
|
1057
|
+
--border-1-happy-700: var(--border-1) solid var(--color-happy-700);
|
|
1058
|
+
--border-2-happy-700: var(--border-2) solid var(--color-happy-700);
|
|
1059
|
+
--border-4-happy-700: var(--border-4) solid var(--color-happy-700);
|
|
1060
|
+
--border-1-happy-900: var(--border-1) solid var(--color-happy-900);
|
|
1061
|
+
--border-2-happy-900: var(--border-2) solid var(--color-happy-900);
|
|
1062
|
+
--border-4-happy-900: var(--border-4) solid var(--color-happy-900);
|
|
1063
|
+
--border-1-danger-100: var(--border-1) solid var(--color-danger-100);
|
|
1064
|
+
--border-2-danger-100: var(--border-2) solid var(--color-danger-100);
|
|
1065
|
+
--border-4-danger-100: var(--border-4) solid var(--color-danger-100);
|
|
1066
|
+
--border-1-danger-300: var(--border-1) solid var(--color-danger-300);
|
|
1067
|
+
--border-2-danger-300: var(--border-2) solid var(--color-danger-300);
|
|
1068
|
+
--border-4-danger-300: var(--border-4) solid var(--color-danger-300);
|
|
1069
|
+
--border-1-danger-500: var(--border-1) solid var(--color-danger-500);
|
|
1070
|
+
--border-2-danger-500: var(--border-2) solid var(--color-danger-500);
|
|
1071
|
+
--border-4-danger-500: var(--border-4) solid var(--color-danger-500);
|
|
1072
|
+
--border-1-danger-700: var(--border-1) solid var(--color-danger-700);
|
|
1073
|
+
--border-2-danger-700: var(--border-2) solid var(--color-danger-700);
|
|
1074
|
+
--border-4-danger-700: var(--border-4) solid var(--color-danger-700);
|
|
1075
|
+
--border-1-danger-900: var(--border-1) solid var(--color-danger-900);
|
|
1076
|
+
--border-2-danger-900: var(--border-2) solid var(--color-danger-900);
|
|
1077
|
+
--border-4-danger-900: var(--border-4) solid var(--color-danger-900);
|
|
958
1078
|
--color-rolster-900: var(--color-base-900);
|
|
959
1079
|
--color-rolster-700: var(--color-base-700);
|
|
960
1080
|
--color-rolster-500: var(--color-base-500);
|
|
@@ -963,69 +1083,24 @@
|
|
|
963
1083
|
--skeleton-rolster-500: var(--skeleton-base-500);
|
|
964
1084
|
--skeleton-rolster-300: var(--skeleton-base-300);
|
|
965
1085
|
--skeleton-rolster-100: var(--skeleton-base-100);
|
|
966
|
-
--border-1-rolster-base: var(--border-1) solid var(--color-900-base);
|
|
967
|
-
--border-2-rolster-base: var(--border-2) solid var(--color-900-base);
|
|
968
|
-
--border-4-rolster-base: var(--border-4) solid var(--color-900-base);
|
|
969
|
-
--border-1-900-base: var(--border-1) solid var(--color-900-base);
|
|
970
|
-
--border-2-900-base: var(--border-2) solid var(--color-900-base);
|
|
971
|
-
--border-4-900-base: var(--border-4) solid var(--color-900-base);
|
|
972
|
-
--border-1-rolster-base: var(--border-1) solid var(--color-700-base);
|
|
973
|
-
--border-2-rolster-base: var(--border-2) solid var(--color-700-base);
|
|
974
|
-
--border-4-rolster-base: var(--border-4) solid var(--color-700-base);
|
|
975
|
-
--border-1-700-base: var(--border-1) solid var(--color-700-base);
|
|
976
|
-
--border-2-700-base: var(--border-2) solid var(--color-700-base);
|
|
977
|
-
--border-4-700-base: var(--border-4) solid var(--color-700-base);
|
|
978
|
-
--border-1-rolster-base: var(--border-1) solid var(--color-500-base);
|
|
979
|
-
--border-2-rolster-base: var(--border-2) solid var(--color-500-base);
|
|
980
|
-
--border-4-rolster-base: var(--border-4) solid var(--color-500-base);
|
|
981
|
-
--border-1-500-base: var(--border-1) solid var(--color-500-base);
|
|
982
|
-
--border-2-500-base: var(--border-2) solid var(--color-500-base);
|
|
983
|
-
--border-4-500-base: var(--border-4) solid var(--color-500-base);
|
|
984
|
-
--border-1-rolster-base: var(--border-1) solid var(--color-300-base);
|
|
985
|
-
--border-2-rolster-base: var(--border-2) solid var(--color-300-base);
|
|
986
|
-
--border-4-rolster-base: var(--border-4) solid var(--color-300-base);
|
|
987
|
-
--border-1-300-base: var(--border-1) solid var(--color-300-base);
|
|
988
|
-
--border-2-300-base: var(--border-2) solid var(--color-300-base);
|
|
989
|
-
--border-4-300-base: var(--border-4) solid var(--color-300-base);
|
|
990
|
-
--border-1-rolster-base: var(--border-1) solid var(--color-100-base);
|
|
991
|
-
--border-2-rolster-base: var(--border-2) solid var(--color-100-base);
|
|
992
|
-
--border-4-rolster-base: var(--border-4) solid var(--color-100-base);
|
|
993
|
-
--border-1-100-base: var(--border-1) solid var(--color-100-base);
|
|
994
|
-
--border-2-100-base: var(--border-2) solid var(--color-100-base);
|
|
995
|
-
--border-4-100-base: var(--border-4) solid var(--color-100-base);
|
|
996
1086
|
--box-shadow-rolster-500: var(--box-shadow-base-500);
|
|
997
1087
|
--backdrop-rolster-500: var(--backdrop-base-500);
|
|
998
1088
|
--gradient-rolster-500: var(--gradient-base-500);
|
|
999
|
-
--
|
|
1000
|
-
--
|
|
1001
|
-
--
|
|
1002
|
-
--
|
|
1003
|
-
--
|
|
1004
|
-
--
|
|
1005
|
-
--
|
|
1006
|
-
--
|
|
1007
|
-
--
|
|
1008
|
-
--
|
|
1009
|
-
--
|
|
1010
|
-
--
|
|
1011
|
-
--
|
|
1012
|
-
--
|
|
1013
|
-
--
|
|
1014
|
-
--shadow-light-theme-16: var(--shadow-light-right-16);
|
|
1015
|
-
--shadow-light-theme-24: var(--shadow-light-right-24);
|
|
1016
|
-
--shadow-light-theme-32: var(--shadow-light-right-32);
|
|
1017
|
-
--shadow-light-theme-2: var(--shadow-light-left-2);
|
|
1018
|
-
--shadow-light-theme-4: var(--shadow-light-left-4);
|
|
1019
|
-
--shadow-light-theme-8: var(--shadow-light-left-8);
|
|
1020
|
-
--shadow-light-theme-16: var(--shadow-light-left-16);
|
|
1021
|
-
--shadow-light-theme-24: var(--shadow-light-left-24);
|
|
1022
|
-
--shadow-light-theme-32: var(--shadow-light-left-32);
|
|
1023
|
-
--shadow-light-theme-2: var(--shadow-light-center-2);
|
|
1024
|
-
--shadow-light-theme-4: var(--shadow-light-center-4);
|
|
1025
|
-
--shadow-light-theme-8: var(--shadow-light-center-8);
|
|
1026
|
-
--shadow-light-theme-16: var(--shadow-light-center-16);
|
|
1027
|
-
--shadow-light-theme-24: var(--shadow-light-center-24);
|
|
1028
|
-
--shadow-light-theme-32: var(--shadow-light-center-32);
|
|
1089
|
+
--border-1-rolster-900: var(--border-1) solid var(--color-base-900);
|
|
1090
|
+
--border-2-rolster-900: var(--border-2) solid var(--color-base-900);
|
|
1091
|
+
--border-4-rolster-900: var(--border-4) solid var(--color-base-900);
|
|
1092
|
+
--border-1-rolster-700: var(--border-1) solid var(--color-base-700);
|
|
1093
|
+
--border-2-rolster-700: var(--border-2) solid var(--color-base-700);
|
|
1094
|
+
--border-4-rolster-700: var(--border-4) solid var(--color-base-700);
|
|
1095
|
+
--border-1-rolster-500: var(--border-1) solid var(--color-base-500);
|
|
1096
|
+
--border-2-rolster-500: var(--border-2) solid var(--color-base-500);
|
|
1097
|
+
--border-4-rolster-500: var(--border-4) solid var(--color-base-500);
|
|
1098
|
+
--border-1-rolster-300: var(--border-1) solid var(--color-base-300);
|
|
1099
|
+
--border-2-rolster-300: var(--border-2) solid var(--color-base-300);
|
|
1100
|
+
--border-4-rolster-300: var(--border-4) solid var(--color-base-300);
|
|
1101
|
+
--border-1-rolster-100: var(--border-1) solid var(--color-base-100);
|
|
1102
|
+
--border-2-rolster-100: var(--border-2) solid var(--color-base-100);
|
|
1103
|
+
--border-4-rolster-100: var(--border-4) solid var(--color-base-100);
|
|
1029
1104
|
}
|
|
1030
1105
|
|
|
1031
1106
|
*[rls-theme='success'] {
|
|
@@ -1037,39 +1112,24 @@
|
|
|
1037
1112
|
--skeleton-rolster-500: var(--skeleton-success-500);
|
|
1038
1113
|
--skeleton-rolster-300: var(--skeleton-success-300);
|
|
1039
1114
|
--skeleton-rolster-100: var(--skeleton-success-100);
|
|
1040
|
-
--border-1-rolster-success: var(--border-1) solid var(--color-900-success);
|
|
1041
|
-
--border-2-rolster-success: var(--border-2) solid var(--color-900-success);
|
|
1042
|
-
--border-4-rolster-success: var(--border-4) solid var(--color-900-success);
|
|
1043
|
-
--border-1-900-success: var(--border-1) solid var(--color-900-success);
|
|
1044
|
-
--border-2-900-success: var(--border-2) solid var(--color-900-success);
|
|
1045
|
-
--border-4-900-success: var(--border-4) solid var(--color-900-success);
|
|
1046
|
-
--border-1-rolster-success: var(--border-1) solid var(--color-700-success);
|
|
1047
|
-
--border-2-rolster-success: var(--border-2) solid var(--color-700-success);
|
|
1048
|
-
--border-4-rolster-success: var(--border-4) solid var(--color-700-success);
|
|
1049
|
-
--border-1-700-success: var(--border-1) solid var(--color-700-success);
|
|
1050
|
-
--border-2-700-success: var(--border-2) solid var(--color-700-success);
|
|
1051
|
-
--border-4-700-success: var(--border-4) solid var(--color-700-success);
|
|
1052
|
-
--border-1-rolster-success: var(--border-1) solid var(--color-500-success);
|
|
1053
|
-
--border-2-rolster-success: var(--border-2) solid var(--color-500-success);
|
|
1054
|
-
--border-4-rolster-success: var(--border-4) solid var(--color-500-success);
|
|
1055
|
-
--border-1-500-success: var(--border-1) solid var(--color-500-success);
|
|
1056
|
-
--border-2-500-success: var(--border-2) solid var(--color-500-success);
|
|
1057
|
-
--border-4-500-success: var(--border-4) solid var(--color-500-success);
|
|
1058
|
-
--border-1-rolster-success: var(--border-1) solid var(--color-300-success);
|
|
1059
|
-
--border-2-rolster-success: var(--border-2) solid var(--color-300-success);
|
|
1060
|
-
--border-4-rolster-success: var(--border-4) solid var(--color-300-success);
|
|
1061
|
-
--border-1-300-success: var(--border-1) solid var(--color-300-success);
|
|
1062
|
-
--border-2-300-success: var(--border-2) solid var(--color-300-success);
|
|
1063
|
-
--border-4-300-success: var(--border-4) solid var(--color-300-success);
|
|
1064
|
-
--border-1-rolster-success: var(--border-1) solid var(--color-100-success);
|
|
1065
|
-
--border-2-rolster-success: var(--border-2) solid var(--color-100-success);
|
|
1066
|
-
--border-4-rolster-success: var(--border-4) solid var(--color-100-success);
|
|
1067
|
-
--border-1-100-success: var(--border-1) solid var(--color-100-success);
|
|
1068
|
-
--border-2-100-success: var(--border-2) solid var(--color-100-success);
|
|
1069
|
-
--border-4-100-success: var(--border-4) solid var(--color-100-success);
|
|
1070
1115
|
--box-shadow-rolster-500: var(--box-shadow-success-500);
|
|
1071
1116
|
--backdrop-rolster-500: var(--backdrop-success-500);
|
|
1072
1117
|
--gradient-rolster-500: var(--gradient-success-500);
|
|
1118
|
+
--border-1-rolster-900: var(--border-1) solid var(--color-success-900);
|
|
1119
|
+
--border-2-rolster-900: var(--border-2) solid var(--color-success-900);
|
|
1120
|
+
--border-4-rolster-900: var(--border-4) solid var(--color-success-900);
|
|
1121
|
+
--border-1-rolster-700: var(--border-1) solid var(--color-success-700);
|
|
1122
|
+
--border-2-rolster-700: var(--border-2) solid var(--color-success-700);
|
|
1123
|
+
--border-4-rolster-700: var(--border-4) solid var(--color-success-700);
|
|
1124
|
+
--border-1-rolster-500: var(--border-1) solid var(--color-success-500);
|
|
1125
|
+
--border-2-rolster-500: var(--border-2) solid var(--color-success-500);
|
|
1126
|
+
--border-4-rolster-500: var(--border-4) solid var(--color-success-500);
|
|
1127
|
+
--border-1-rolster-300: var(--border-1) solid var(--color-success-300);
|
|
1128
|
+
--border-2-rolster-300: var(--border-2) solid var(--color-success-300);
|
|
1129
|
+
--border-4-rolster-300: var(--border-4) solid var(--color-success-300);
|
|
1130
|
+
--border-1-rolster-100: var(--border-1) solid var(--color-success-100);
|
|
1131
|
+
--border-2-rolster-100: var(--border-2) solid var(--color-success-100);
|
|
1132
|
+
--border-4-rolster-100: var(--border-4) solid var(--color-success-100);
|
|
1073
1133
|
}
|
|
1074
1134
|
|
|
1075
1135
|
*[rls-theme='info'] {
|
|
@@ -1081,39 +1141,24 @@
|
|
|
1081
1141
|
--skeleton-rolster-500: var(--skeleton-info-500);
|
|
1082
1142
|
--skeleton-rolster-300: var(--skeleton-info-300);
|
|
1083
1143
|
--skeleton-rolster-100: var(--skeleton-info-100);
|
|
1084
|
-
--border-1-rolster-info: var(--border-1) solid var(--color-900-info);
|
|
1085
|
-
--border-2-rolster-info: var(--border-2) solid var(--color-900-info);
|
|
1086
|
-
--border-4-rolster-info: var(--border-4) solid var(--color-900-info);
|
|
1087
|
-
--border-1-900-info: var(--border-1) solid var(--color-900-info);
|
|
1088
|
-
--border-2-900-info: var(--border-2) solid var(--color-900-info);
|
|
1089
|
-
--border-4-900-info: var(--border-4) solid var(--color-900-info);
|
|
1090
|
-
--border-1-rolster-info: var(--border-1) solid var(--color-700-info);
|
|
1091
|
-
--border-2-rolster-info: var(--border-2) solid var(--color-700-info);
|
|
1092
|
-
--border-4-rolster-info: var(--border-4) solid var(--color-700-info);
|
|
1093
|
-
--border-1-700-info: var(--border-1) solid var(--color-700-info);
|
|
1094
|
-
--border-2-700-info: var(--border-2) solid var(--color-700-info);
|
|
1095
|
-
--border-4-700-info: var(--border-4) solid var(--color-700-info);
|
|
1096
|
-
--border-1-rolster-info: var(--border-1) solid var(--color-500-info);
|
|
1097
|
-
--border-2-rolster-info: var(--border-2) solid var(--color-500-info);
|
|
1098
|
-
--border-4-rolster-info: var(--border-4) solid var(--color-500-info);
|
|
1099
|
-
--border-1-500-info: var(--border-1) solid var(--color-500-info);
|
|
1100
|
-
--border-2-500-info: var(--border-2) solid var(--color-500-info);
|
|
1101
|
-
--border-4-500-info: var(--border-4) solid var(--color-500-info);
|
|
1102
|
-
--border-1-rolster-info: var(--border-1) solid var(--color-300-info);
|
|
1103
|
-
--border-2-rolster-info: var(--border-2) solid var(--color-300-info);
|
|
1104
|
-
--border-4-rolster-info: var(--border-4) solid var(--color-300-info);
|
|
1105
|
-
--border-1-300-info: var(--border-1) solid var(--color-300-info);
|
|
1106
|
-
--border-2-300-info: var(--border-2) solid var(--color-300-info);
|
|
1107
|
-
--border-4-300-info: var(--border-4) solid var(--color-300-info);
|
|
1108
|
-
--border-1-rolster-info: var(--border-1) solid var(--color-100-info);
|
|
1109
|
-
--border-2-rolster-info: var(--border-2) solid var(--color-100-info);
|
|
1110
|
-
--border-4-rolster-info: var(--border-4) solid var(--color-100-info);
|
|
1111
|
-
--border-1-100-info: var(--border-1) solid var(--color-100-info);
|
|
1112
|
-
--border-2-100-info: var(--border-2) solid var(--color-100-info);
|
|
1113
|
-
--border-4-100-info: var(--border-4) solid var(--color-100-info);
|
|
1114
1144
|
--box-shadow-rolster-500: var(--box-shadow-info-500);
|
|
1115
1145
|
--backdrop-rolster-500: var(--backdrop-info-500);
|
|
1116
1146
|
--gradient-rolster-500: var(--gradient-info-500);
|
|
1147
|
+
--border-1-rolster-900: var(--border-1) solid var(--color-info-900);
|
|
1148
|
+
--border-2-rolster-900: var(--border-2) solid var(--color-info-900);
|
|
1149
|
+
--border-4-rolster-900: var(--border-4) solid var(--color-info-900);
|
|
1150
|
+
--border-1-rolster-700: var(--border-1) solid var(--color-info-700);
|
|
1151
|
+
--border-2-rolster-700: var(--border-2) solid var(--color-info-700);
|
|
1152
|
+
--border-4-rolster-700: var(--border-4) solid var(--color-info-700);
|
|
1153
|
+
--border-1-rolster-500: var(--border-1) solid var(--color-info-500);
|
|
1154
|
+
--border-2-rolster-500: var(--border-2) solid var(--color-info-500);
|
|
1155
|
+
--border-4-rolster-500: var(--border-4) solid var(--color-info-500);
|
|
1156
|
+
--border-1-rolster-300: var(--border-1) solid var(--color-info-300);
|
|
1157
|
+
--border-2-rolster-300: var(--border-2) solid var(--color-info-300);
|
|
1158
|
+
--border-4-rolster-300: var(--border-4) solid var(--color-info-300);
|
|
1159
|
+
--border-1-rolster-100: var(--border-1) solid var(--color-info-100);
|
|
1160
|
+
--border-2-rolster-100: var(--border-2) solid var(--color-info-100);
|
|
1161
|
+
--border-4-rolster-100: var(--border-4) solid var(--color-info-100);
|
|
1117
1162
|
}
|
|
1118
1163
|
|
|
1119
1164
|
*[rls-theme='happy'] {
|
|
@@ -1125,39 +1170,24 @@
|
|
|
1125
1170
|
--skeleton-rolster-500: var(--skeleton-happy-500);
|
|
1126
1171
|
--skeleton-rolster-300: var(--skeleton-happy-300);
|
|
1127
1172
|
--skeleton-rolster-100: var(--skeleton-happy-100);
|
|
1128
|
-
--border-1-rolster-happy: var(--border-1) solid var(--color-900-happy);
|
|
1129
|
-
--border-2-rolster-happy: var(--border-2) solid var(--color-900-happy);
|
|
1130
|
-
--border-4-rolster-happy: var(--border-4) solid var(--color-900-happy);
|
|
1131
|
-
--border-1-900-happy: var(--border-1) solid var(--color-900-happy);
|
|
1132
|
-
--border-2-900-happy: var(--border-2) solid var(--color-900-happy);
|
|
1133
|
-
--border-4-900-happy: var(--border-4) solid var(--color-900-happy);
|
|
1134
|
-
--border-1-rolster-happy: var(--border-1) solid var(--color-700-happy);
|
|
1135
|
-
--border-2-rolster-happy: var(--border-2) solid var(--color-700-happy);
|
|
1136
|
-
--border-4-rolster-happy: var(--border-4) solid var(--color-700-happy);
|
|
1137
|
-
--border-1-700-happy: var(--border-1) solid var(--color-700-happy);
|
|
1138
|
-
--border-2-700-happy: var(--border-2) solid var(--color-700-happy);
|
|
1139
|
-
--border-4-700-happy: var(--border-4) solid var(--color-700-happy);
|
|
1140
|
-
--border-1-rolster-happy: var(--border-1) solid var(--color-500-happy);
|
|
1141
|
-
--border-2-rolster-happy: var(--border-2) solid var(--color-500-happy);
|
|
1142
|
-
--border-4-rolster-happy: var(--border-4) solid var(--color-500-happy);
|
|
1143
|
-
--border-1-500-happy: var(--border-1) solid var(--color-500-happy);
|
|
1144
|
-
--border-2-500-happy: var(--border-2) solid var(--color-500-happy);
|
|
1145
|
-
--border-4-500-happy: var(--border-4) solid var(--color-500-happy);
|
|
1146
|
-
--border-1-rolster-happy: var(--border-1) solid var(--color-300-happy);
|
|
1147
|
-
--border-2-rolster-happy: var(--border-2) solid var(--color-300-happy);
|
|
1148
|
-
--border-4-rolster-happy: var(--border-4) solid var(--color-300-happy);
|
|
1149
|
-
--border-1-300-happy: var(--border-1) solid var(--color-300-happy);
|
|
1150
|
-
--border-2-300-happy: var(--border-2) solid var(--color-300-happy);
|
|
1151
|
-
--border-4-300-happy: var(--border-4) solid var(--color-300-happy);
|
|
1152
|
-
--border-1-rolster-happy: var(--border-1) solid var(--color-100-happy);
|
|
1153
|
-
--border-2-rolster-happy: var(--border-2) solid var(--color-100-happy);
|
|
1154
|
-
--border-4-rolster-happy: var(--border-4) solid var(--color-100-happy);
|
|
1155
|
-
--border-1-100-happy: var(--border-1) solid var(--color-100-happy);
|
|
1156
|
-
--border-2-100-happy: var(--border-2) solid var(--color-100-happy);
|
|
1157
|
-
--border-4-100-happy: var(--border-4) solid var(--color-100-happy);
|
|
1158
1173
|
--box-shadow-rolster-500: var(--box-shadow-happy-500);
|
|
1159
1174
|
--backdrop-rolster-500: var(--backdrop-happy-500);
|
|
1160
1175
|
--gradient-rolster-500: var(--gradient-happy-500);
|
|
1176
|
+
--border-1-rolster-900: var(--border-1) solid var(--color-happy-900);
|
|
1177
|
+
--border-2-rolster-900: var(--border-2) solid var(--color-happy-900);
|
|
1178
|
+
--border-4-rolster-900: var(--border-4) solid var(--color-happy-900);
|
|
1179
|
+
--border-1-rolster-700: var(--border-1) solid var(--color-happy-700);
|
|
1180
|
+
--border-2-rolster-700: var(--border-2) solid var(--color-happy-700);
|
|
1181
|
+
--border-4-rolster-700: var(--border-4) solid var(--color-happy-700);
|
|
1182
|
+
--border-1-rolster-500: var(--border-1) solid var(--color-happy-500);
|
|
1183
|
+
--border-2-rolster-500: var(--border-2) solid var(--color-happy-500);
|
|
1184
|
+
--border-4-rolster-500: var(--border-4) solid var(--color-happy-500);
|
|
1185
|
+
--border-1-rolster-300: var(--border-1) solid var(--color-happy-300);
|
|
1186
|
+
--border-2-rolster-300: var(--border-2) solid var(--color-happy-300);
|
|
1187
|
+
--border-4-rolster-300: var(--border-4) solid var(--color-happy-300);
|
|
1188
|
+
--border-1-rolster-100: var(--border-1) solid var(--color-happy-100);
|
|
1189
|
+
--border-2-rolster-100: var(--border-2) solid var(--color-happy-100);
|
|
1190
|
+
--border-4-rolster-100: var(--border-4) solid var(--color-happy-100);
|
|
1161
1191
|
}
|
|
1162
1192
|
|
|
1163
1193
|
*[rls-theme='warning'] {
|
|
@@ -1169,39 +1199,24 @@
|
|
|
1169
1199
|
--skeleton-rolster-500: var(--skeleton-warning-500);
|
|
1170
1200
|
--skeleton-rolster-300: var(--skeleton-warning-300);
|
|
1171
1201
|
--skeleton-rolster-100: var(--skeleton-warning-100);
|
|
1172
|
-
--border-1-rolster-warning: var(--border-1) solid var(--color-900-warning);
|
|
1173
|
-
--border-2-rolster-warning: var(--border-2) solid var(--color-900-warning);
|
|
1174
|
-
--border-4-rolster-warning: var(--border-4) solid var(--color-900-warning);
|
|
1175
|
-
--border-1-900-warning: var(--border-1) solid var(--color-900-warning);
|
|
1176
|
-
--border-2-900-warning: var(--border-2) solid var(--color-900-warning);
|
|
1177
|
-
--border-4-900-warning: var(--border-4) solid var(--color-900-warning);
|
|
1178
|
-
--border-1-rolster-warning: var(--border-1) solid var(--color-700-warning);
|
|
1179
|
-
--border-2-rolster-warning: var(--border-2) solid var(--color-700-warning);
|
|
1180
|
-
--border-4-rolster-warning: var(--border-4) solid var(--color-700-warning);
|
|
1181
|
-
--border-1-700-warning: var(--border-1) solid var(--color-700-warning);
|
|
1182
|
-
--border-2-700-warning: var(--border-2) solid var(--color-700-warning);
|
|
1183
|
-
--border-4-700-warning: var(--border-4) solid var(--color-700-warning);
|
|
1184
|
-
--border-1-rolster-warning: var(--border-1) solid var(--color-500-warning);
|
|
1185
|
-
--border-2-rolster-warning: var(--border-2) solid var(--color-500-warning);
|
|
1186
|
-
--border-4-rolster-warning: var(--border-4) solid var(--color-500-warning);
|
|
1187
|
-
--border-1-500-warning: var(--border-1) solid var(--color-500-warning);
|
|
1188
|
-
--border-2-500-warning: var(--border-2) solid var(--color-500-warning);
|
|
1189
|
-
--border-4-500-warning: var(--border-4) solid var(--color-500-warning);
|
|
1190
|
-
--border-1-rolster-warning: var(--border-1) solid var(--color-300-warning);
|
|
1191
|
-
--border-2-rolster-warning: var(--border-2) solid var(--color-300-warning);
|
|
1192
|
-
--border-4-rolster-warning: var(--border-4) solid var(--color-300-warning);
|
|
1193
|
-
--border-1-300-warning: var(--border-1) solid var(--color-300-warning);
|
|
1194
|
-
--border-2-300-warning: var(--border-2) solid var(--color-300-warning);
|
|
1195
|
-
--border-4-300-warning: var(--border-4) solid var(--color-300-warning);
|
|
1196
|
-
--border-1-rolster-warning: var(--border-1) solid var(--color-100-warning);
|
|
1197
|
-
--border-2-rolster-warning: var(--border-2) solid var(--color-100-warning);
|
|
1198
|
-
--border-4-rolster-warning: var(--border-4) solid var(--color-100-warning);
|
|
1199
|
-
--border-1-100-warning: var(--border-1) solid var(--color-100-warning);
|
|
1200
|
-
--border-2-100-warning: var(--border-2) solid var(--color-100-warning);
|
|
1201
|
-
--border-4-100-warning: var(--border-4) solid var(--color-100-warning);
|
|
1202
1202
|
--box-shadow-rolster-500: var(--box-shadow-warning-500);
|
|
1203
1203
|
--backdrop-rolster-500: var(--backdrop-warning-500);
|
|
1204
1204
|
--gradient-rolster-500: var(--gradient-warning-500);
|
|
1205
|
+
--border-1-rolster-900: var(--border-1) solid var(--color-warning-900);
|
|
1206
|
+
--border-2-rolster-900: var(--border-2) solid var(--color-warning-900);
|
|
1207
|
+
--border-4-rolster-900: var(--border-4) solid var(--color-warning-900);
|
|
1208
|
+
--border-1-rolster-700: var(--border-1) solid var(--color-warning-700);
|
|
1209
|
+
--border-2-rolster-700: var(--border-2) solid var(--color-warning-700);
|
|
1210
|
+
--border-4-rolster-700: var(--border-4) solid var(--color-warning-700);
|
|
1211
|
+
--border-1-rolster-500: var(--border-1) solid var(--color-warning-500);
|
|
1212
|
+
--border-2-rolster-500: var(--border-2) solid var(--color-warning-500);
|
|
1213
|
+
--border-4-rolster-500: var(--border-4) solid var(--color-warning-500);
|
|
1214
|
+
--border-1-rolster-300: var(--border-1) solid var(--color-warning-300);
|
|
1215
|
+
--border-2-rolster-300: var(--border-2) solid var(--color-warning-300);
|
|
1216
|
+
--border-4-rolster-300: var(--border-4) solid var(--color-warning-300);
|
|
1217
|
+
--border-1-rolster-100: var(--border-1) solid var(--color-warning-100);
|
|
1218
|
+
--border-2-rolster-100: var(--border-2) solid var(--color-warning-100);
|
|
1219
|
+
--border-4-rolster-100: var(--border-4) solid var(--color-warning-100);
|
|
1205
1220
|
}
|
|
1206
1221
|
|
|
1207
1222
|
*[rls-theme='danger'] {
|
|
@@ -1213,39 +1228,24 @@
|
|
|
1213
1228
|
--skeleton-rolster-500: var(--skeleton-danger-500);
|
|
1214
1229
|
--skeleton-rolster-300: var(--skeleton-danger-300);
|
|
1215
1230
|
--skeleton-rolster-100: var(--skeleton-danger-100);
|
|
1216
|
-
--border-1-rolster-danger: var(--border-1) solid var(--color-900-danger);
|
|
1217
|
-
--border-2-rolster-danger: var(--border-2) solid var(--color-900-danger);
|
|
1218
|
-
--border-4-rolster-danger: var(--border-4) solid var(--color-900-danger);
|
|
1219
|
-
--border-1-900-danger: var(--border-1) solid var(--color-900-danger);
|
|
1220
|
-
--border-2-900-danger: var(--border-2) solid var(--color-900-danger);
|
|
1221
|
-
--border-4-900-danger: var(--border-4) solid var(--color-900-danger);
|
|
1222
|
-
--border-1-rolster-danger: var(--border-1) solid var(--color-700-danger);
|
|
1223
|
-
--border-2-rolster-danger: var(--border-2) solid var(--color-700-danger);
|
|
1224
|
-
--border-4-rolster-danger: var(--border-4) solid var(--color-700-danger);
|
|
1225
|
-
--border-1-700-danger: var(--border-1) solid var(--color-700-danger);
|
|
1226
|
-
--border-2-700-danger: var(--border-2) solid var(--color-700-danger);
|
|
1227
|
-
--border-4-700-danger: var(--border-4) solid var(--color-700-danger);
|
|
1228
|
-
--border-1-rolster-danger: var(--border-1) solid var(--color-500-danger);
|
|
1229
|
-
--border-2-rolster-danger: var(--border-2) solid var(--color-500-danger);
|
|
1230
|
-
--border-4-rolster-danger: var(--border-4) solid var(--color-500-danger);
|
|
1231
|
-
--border-1-500-danger: var(--border-1) solid var(--color-500-danger);
|
|
1232
|
-
--border-2-500-danger: var(--border-2) solid var(--color-500-danger);
|
|
1233
|
-
--border-4-500-danger: var(--border-4) solid var(--color-500-danger);
|
|
1234
|
-
--border-1-rolster-danger: var(--border-1) solid var(--color-300-danger);
|
|
1235
|
-
--border-2-rolster-danger: var(--border-2) solid var(--color-300-danger);
|
|
1236
|
-
--border-4-rolster-danger: var(--border-4) solid var(--color-300-danger);
|
|
1237
|
-
--border-1-300-danger: var(--border-1) solid var(--color-300-danger);
|
|
1238
|
-
--border-2-300-danger: var(--border-2) solid var(--color-300-danger);
|
|
1239
|
-
--border-4-300-danger: var(--border-4) solid var(--color-300-danger);
|
|
1240
|
-
--border-1-rolster-danger: var(--border-1) solid var(--color-100-danger);
|
|
1241
|
-
--border-2-rolster-danger: var(--border-2) solid var(--color-100-danger);
|
|
1242
|
-
--border-4-rolster-danger: var(--border-4) solid var(--color-100-danger);
|
|
1243
|
-
--border-1-100-danger: var(--border-1) solid var(--color-100-danger);
|
|
1244
|
-
--border-2-100-danger: var(--border-2) solid var(--color-100-danger);
|
|
1245
|
-
--border-4-100-danger: var(--border-4) solid var(--color-100-danger);
|
|
1246
1231
|
--box-shadow-rolster-500: var(--box-shadow-danger-500);
|
|
1247
1232
|
--backdrop-rolster-500: var(--backdrop-danger-500);
|
|
1248
1233
|
--gradient-rolster-500: var(--gradient-danger-500);
|
|
1234
|
+
--border-1-rolster-900: var(--border-1) solid var(--color-danger-900);
|
|
1235
|
+
--border-2-rolster-900: var(--border-2) solid var(--color-danger-900);
|
|
1236
|
+
--border-4-rolster-900: var(--border-4) solid var(--color-danger-900);
|
|
1237
|
+
--border-1-rolster-700: var(--border-1) solid var(--color-danger-700);
|
|
1238
|
+
--border-2-rolster-700: var(--border-2) solid var(--color-danger-700);
|
|
1239
|
+
--border-4-rolster-700: var(--border-4) solid var(--color-danger-700);
|
|
1240
|
+
--border-1-rolster-500: var(--border-1) solid var(--color-danger-500);
|
|
1241
|
+
--border-2-rolster-500: var(--border-2) solid var(--color-danger-500);
|
|
1242
|
+
--border-4-rolster-500: var(--border-4) solid var(--color-danger-500);
|
|
1243
|
+
--border-1-rolster-300: var(--border-1) solid var(--color-danger-300);
|
|
1244
|
+
--border-2-rolster-300: var(--border-2) solid var(--color-danger-300);
|
|
1245
|
+
--border-4-rolster-300: var(--border-4) solid var(--color-danger-300);
|
|
1246
|
+
--border-1-rolster-100: var(--border-1) solid var(--color-danger-100);
|
|
1247
|
+
--border-2-rolster-100: var(--border-2) solid var(--color-danger-100);
|
|
1248
|
+
--border-4-rolster-100: var(--border-4) solid var(--color-danger-100);
|
|
1249
1249
|
}
|
|
1250
1250
|
|
|
1251
1251
|
:root {
|