@guardian/interactive-component-library 0.1.0-alpha.45 → 0.1.0-alpha.46
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/style.css
CHANGED
|
@@ -2916,24 +2916,24 @@ body.android {
|
|
|
2916
2916
|
--top-inset: 58px;
|
|
2917
2917
|
}
|
|
2918
2918
|
|
|
2919
|
-
.
|
|
2919
|
+
._ticker_1jg88_9 {
|
|
2920
2920
|
position: relative;
|
|
2921
2921
|
padding-bottom: 44px;
|
|
2922
2922
|
--ticker-item-width: 100%;
|
|
2923
2923
|
}
|
|
2924
2924
|
@media (min-width: 30em) {
|
|
2925
|
-
.
|
|
2925
|
+
._ticker_1jg88_9 {
|
|
2926
2926
|
--ticker-item-width: 200px;
|
|
2927
2927
|
padding: 0;
|
|
2928
2928
|
}
|
|
2929
2929
|
}
|
|
2930
2930
|
|
|
2931
|
-
.
|
|
2931
|
+
._tickerItems_1jg88_21 {
|
|
2932
2932
|
width: 100%;
|
|
2933
2933
|
overflow: clip;
|
|
2934
2934
|
}
|
|
2935
2935
|
|
|
2936
|
-
.
|
|
2936
|
+
._tickerScroll_1jg88_26 {
|
|
2937
2937
|
display: flex;
|
|
2938
2938
|
flex-direction: column;
|
|
2939
2939
|
row-gap: var(--space-2);
|
|
@@ -2942,7 +2942,7 @@ body.android {
|
|
|
2942
2942
|
overflow: visible;
|
|
2943
2943
|
}
|
|
2944
2944
|
@media (min-width: 30em) {
|
|
2945
|
-
.
|
|
2945
|
+
._tickerScroll_1jg88_26 {
|
|
2946
2946
|
flex-direction: row;
|
|
2947
2947
|
column-gap: var(--space-2);
|
|
2948
2948
|
transform: translateX(var(--ticker-offset));
|
|
@@ -2950,19 +2950,19 @@ body.android {
|
|
|
2950
2950
|
}
|
|
2951
2951
|
}
|
|
2952
2952
|
|
|
2953
|
-
.
|
|
2953
|
+
._tickerItem_1jg88_21 {
|
|
2954
2954
|
width: var(--ticker-item-width);
|
|
2955
2955
|
flex-shrink: 0;
|
|
2956
2956
|
}
|
|
2957
2957
|
|
|
2958
|
-
.
|
|
2958
|
+
._controls_1jg88_48 {
|
|
2959
2959
|
position: absolute;
|
|
2960
2960
|
bottom: 0;
|
|
2961
2961
|
width: 100%;
|
|
2962
2962
|
height: 130px;
|
|
2963
2963
|
}
|
|
2964
2964
|
@media (min-width: 30em) {
|
|
2965
|
-
.
|
|
2965
|
+
._controls_1jg88_48 {
|
|
2966
2966
|
top: 0;
|
|
2967
2967
|
right: 0;
|
|
2968
2968
|
width: 86px;
|
|
@@ -2970,23 +2970,23 @@ body.android {
|
|
|
2970
2970
|
}
|
|
2971
2971
|
}
|
|
2972
2972
|
|
|
2973
|
-
.
|
|
2973
|
+
._gradient_1jg88_63 {
|
|
2974
2974
|
width: 100%;
|
|
2975
2975
|
height: 86px;
|
|
2976
2976
|
}
|
|
2977
2977
|
@media (min-width: 30em) {
|
|
2978
|
-
.
|
|
2978
|
+
._gradient_1jg88_63 {
|
|
2979
2979
|
width: auto;
|
|
2980
2980
|
height: 100%;
|
|
2981
2981
|
right: 0;
|
|
2982
2982
|
}
|
|
2983
2983
|
}
|
|
2984
2984
|
|
|
2985
|
-
.
|
|
2985
|
+
._buttons_1jg88_75 {
|
|
2986
2986
|
display: none;
|
|
2987
2987
|
}
|
|
2988
2988
|
@media (min-width: 30em) {
|
|
2989
|
-
.
|
|
2989
|
+
._buttons_1jg88_75 {
|
|
2990
2990
|
position: absolute;
|
|
2991
2991
|
top: 0;
|
|
2992
2992
|
right: var(--space-5);
|
|
@@ -2997,34 +2997,35 @@ body.android {
|
|
|
2997
2997
|
}
|
|
2998
2998
|
}
|
|
2999
2999
|
|
|
3000
|
-
.
|
|
3000
|
+
._button_1jg88_75 {
|
|
3001
3001
|
min-height: 40px;
|
|
3002
3002
|
background-color: var(--tertiary-bg-color);
|
|
3003
|
+
padding-bottom: 20px;
|
|
3003
3004
|
}
|
|
3004
3005
|
@media (min-width: 30em) {
|
|
3005
|
-
.
|
|
3006
|
+
._button_1jg88_75 {
|
|
3006
3007
|
display: none;
|
|
3007
3008
|
}
|
|
3008
3009
|
}
|
|
3009
3010
|
|
|
3010
|
-
.
|
|
3011
|
+
._buttonInner_1jg88_101 {
|
|
3011
3012
|
background-color: var(--tertiary-bg-color);
|
|
3012
3013
|
}
|
|
3013
3014
|
|
|
3014
|
-
.
|
|
3015
|
+
._ticker_1jg88_9[data-expanded=true] {
|
|
3015
3016
|
padding-bottom: 0;
|
|
3016
3017
|
}
|
|
3017
3018
|
|
|
3018
|
-
.
|
|
3019
|
+
._ticker_1jg88_9[data-expanded=true] ._tickerScroll_1jg88_26 {
|
|
3019
3020
|
max-height: fit-content;
|
|
3020
3021
|
margin-bottom: -40px;
|
|
3021
3022
|
}
|
|
3022
3023
|
|
|
3023
|
-
.
|
|
3024
|
+
._ticker_1jg88_9[data-expanded=true] ._controls_1jg88_48 {
|
|
3024
3025
|
position: sticky;
|
|
3025
3026
|
margin-top: -40px;
|
|
3026
3027
|
}
|
|
3027
|
-
.
|
|
3028
|
+
._ticker_1jg88_9[data-expanded=true] ._controls_1jg88_48 ._button_1jg88_75 {
|
|
3028
3029
|
position: absolute;
|
|
3029
3030
|
width: 100%;
|
|
3030
3031
|
left: 0;
|