@guardian/interactive-component-library 0.1.0-alpha.13 → 0.1.0-alpha.15
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
|
@@ -1930,6 +1930,148 @@ body.android {
|
|
|
1930
1930
|
--top-inset: 58px;
|
|
1931
1931
|
}
|
|
1932
1932
|
|
|
1933
|
+
._grid_xps7m_9 {
|
|
1934
|
+
--grid-border: 1px solid var(--border-divider-color);
|
|
1935
|
+
display: grid;
|
|
1936
|
+
}
|
|
1937
|
+
|
|
1938
|
+
@media (max-width: 46.24em) {
|
|
1939
|
+
._grid_xps7m_9[data-grid-type=small] {
|
|
1940
|
+
display: grid;
|
|
1941
|
+
grid-template-columns: repeat(2, 1fr);
|
|
1942
|
+
}
|
|
1943
|
+
._grid_xps7m_9[data-grid-type=small] > * {
|
|
1944
|
+
border-right: var(--grid-border);
|
|
1945
|
+
border-bottom: var(--grid-border);
|
|
1946
|
+
}
|
|
1947
|
+
._grid_xps7m_9[data-grid-type=small] > *:nth-child(2n+2) {
|
|
1948
|
+
border-right: 0;
|
|
1949
|
+
}
|
|
1950
|
+
._grid_xps7m_9[data-grid-type=small] > *:nth-child(2n+1):nth-last-child(-n+2), ._grid_xps7m_9[data-grid-type=small] > *:nth-child(2n+1):nth-last-child(-n+2) ~ * {
|
|
1951
|
+
border-bottom: 0;
|
|
1952
|
+
}
|
|
1953
|
+
}
|
|
1954
|
+
@media (min-width: 46.25em) and (max-width: 61.24em) {
|
|
1955
|
+
._grid_xps7m_9[data-grid-type=small] {
|
|
1956
|
+
display: grid;
|
|
1957
|
+
grid-template-columns: repeat(3, 1fr);
|
|
1958
|
+
}
|
|
1959
|
+
._grid_xps7m_9[data-grid-type=small] > * {
|
|
1960
|
+
border-right: var(--grid-border);
|
|
1961
|
+
border-bottom: var(--grid-border);
|
|
1962
|
+
}
|
|
1963
|
+
._grid_xps7m_9[data-grid-type=small] > *:nth-child(3n+3) {
|
|
1964
|
+
border-right: 0;
|
|
1965
|
+
}
|
|
1966
|
+
._grid_xps7m_9[data-grid-type=small] > *:nth-child(3n+1):nth-last-child(-n+3), ._grid_xps7m_9[data-grid-type=small] > *:nth-child(3n+1):nth-last-child(-n+3) ~ * {
|
|
1967
|
+
border-bottom: 0;
|
|
1968
|
+
}
|
|
1969
|
+
}
|
|
1970
|
+
@media (min-width: 61.25em) {
|
|
1971
|
+
._grid_xps7m_9[data-grid-type=small] {
|
|
1972
|
+
display: grid;
|
|
1973
|
+
grid-template-columns: repeat(5, 1fr);
|
|
1974
|
+
}
|
|
1975
|
+
._grid_xps7m_9[data-grid-type=small] > * {
|
|
1976
|
+
border-right: var(--grid-border);
|
|
1977
|
+
border-bottom: var(--grid-border);
|
|
1978
|
+
}
|
|
1979
|
+
._grid_xps7m_9[data-grid-type=small] > *:nth-child(5n+5) {
|
|
1980
|
+
border-right: 0;
|
|
1981
|
+
}
|
|
1982
|
+
._grid_xps7m_9[data-grid-type=small] > *:nth-child(5n+1):nth-last-child(-n+5), ._grid_xps7m_9[data-grid-type=small] > *:nth-child(5n+1):nth-last-child(-n+5) ~ * {
|
|
1983
|
+
border-bottom: 0;
|
|
1984
|
+
}
|
|
1985
|
+
}
|
|
1986
|
+
|
|
1987
|
+
@media (max-width: 46.24em) {
|
|
1988
|
+
._grid_xps7m_9[data-grid-type=medium] {
|
|
1989
|
+
display: grid;
|
|
1990
|
+
grid-template-columns: repeat(1, 1fr);
|
|
1991
|
+
}
|
|
1992
|
+
._grid_xps7m_9[data-grid-type=medium] > * {
|
|
1993
|
+
border-right: var(--grid-border);
|
|
1994
|
+
border-bottom: var(--grid-border);
|
|
1995
|
+
}
|
|
1996
|
+
._grid_xps7m_9[data-grid-type=medium] > *:nth-child(1n+1) {
|
|
1997
|
+
border-right: 0;
|
|
1998
|
+
}
|
|
1999
|
+
._grid_xps7m_9[data-grid-type=medium] > *:nth-child(1n+1):nth-last-child(-n+1), ._grid_xps7m_9[data-grid-type=medium] > *:nth-child(1n+1):nth-last-child(-n+1) ~ * {
|
|
2000
|
+
border-bottom: 0;
|
|
2001
|
+
}
|
|
2002
|
+
}
|
|
2003
|
+
@media (min-width: 46.25em) and (max-width: 61.24em) {
|
|
2004
|
+
._grid_xps7m_9[data-grid-type=medium] {
|
|
2005
|
+
display: grid;
|
|
2006
|
+
grid-template-columns: repeat(2, 1fr);
|
|
2007
|
+
}
|
|
2008
|
+
._grid_xps7m_9[data-grid-type=medium] > * {
|
|
2009
|
+
border-right: var(--grid-border);
|
|
2010
|
+
border-bottom: var(--grid-border);
|
|
2011
|
+
}
|
|
2012
|
+
._grid_xps7m_9[data-grid-type=medium] > *:nth-child(2n+2) {
|
|
2013
|
+
border-right: 0;
|
|
2014
|
+
}
|
|
2015
|
+
._grid_xps7m_9[data-grid-type=medium] > *:nth-child(2n+1):nth-last-child(-n+2), ._grid_xps7m_9[data-grid-type=medium] > *:nth-child(2n+1):nth-last-child(-n+2) ~ * {
|
|
2016
|
+
border-bottom: 0;
|
|
2017
|
+
}
|
|
2018
|
+
}
|
|
2019
|
+
@media (min-width: 61.25em) {
|
|
2020
|
+
._grid_xps7m_9[data-grid-type=medium] {
|
|
2021
|
+
display: grid;
|
|
2022
|
+
grid-template-columns: repeat(3, 1fr);
|
|
2023
|
+
}
|
|
2024
|
+
._grid_xps7m_9[data-grid-type=medium] > * {
|
|
2025
|
+
border-right: var(--grid-border);
|
|
2026
|
+
border-bottom: var(--grid-border);
|
|
2027
|
+
}
|
|
2028
|
+
._grid_xps7m_9[data-grid-type=medium] > *:nth-child(3n+3) {
|
|
2029
|
+
border-right: 0;
|
|
2030
|
+
}
|
|
2031
|
+
._grid_xps7m_9[data-grid-type=medium] > *:nth-child(3n+1):nth-last-child(-n+3), ._grid_xps7m_9[data-grid-type=medium] > *:nth-child(3n+1):nth-last-child(-n+3) ~ * {
|
|
2032
|
+
border-bottom: 0;
|
|
2033
|
+
}
|
|
2034
|
+
}
|
|
2035
|
+
|
|
2036
|
+
@media (max-width: 61.24em) {
|
|
2037
|
+
._grid_xps7m_9[data-grid-type=large] {
|
|
2038
|
+
display: grid;
|
|
2039
|
+
grid-template-columns: repeat(1, 1fr);
|
|
2040
|
+
}
|
|
2041
|
+
._grid_xps7m_9[data-grid-type=large] > * {
|
|
2042
|
+
border-right: var(--grid-border);
|
|
2043
|
+
border-bottom: var(--grid-border);
|
|
2044
|
+
}
|
|
2045
|
+
._grid_xps7m_9[data-grid-type=large] > *:nth-child(1n+1) {
|
|
2046
|
+
border-right: 0;
|
|
2047
|
+
}
|
|
2048
|
+
._grid_xps7m_9[data-grid-type=large] > *:nth-child(1n+1):nth-last-child(-n+1), ._grid_xps7m_9[data-grid-type=large] > *:nth-child(1n+1):nth-last-child(-n+1) ~ * {
|
|
2049
|
+
border-bottom: 0;
|
|
2050
|
+
}
|
|
2051
|
+
}
|
|
2052
|
+
@media (min-width: 61.25em) {
|
|
2053
|
+
._grid_xps7m_9[data-grid-type=large] {
|
|
2054
|
+
display: grid;
|
|
2055
|
+
grid-template-columns: repeat(2, 1fr);
|
|
2056
|
+
}
|
|
2057
|
+
._grid_xps7m_9[data-grid-type=large] > * {
|
|
2058
|
+
border-right: var(--grid-border);
|
|
2059
|
+
border-bottom: var(--grid-border);
|
|
2060
|
+
}
|
|
2061
|
+
._grid_xps7m_9[data-grid-type=large] > *:nth-child(2n+2) {
|
|
2062
|
+
border-right: 0;
|
|
2063
|
+
}
|
|
2064
|
+
._grid_xps7m_9[data-grid-type=large] > *:nth-child(2n+1):nth-last-child(-n+2), ._grid_xps7m_9[data-grid-type=large] > *:nth-child(2n+1):nth-last-child(-n+2) ~ * {
|
|
2065
|
+
border-bottom: 0;
|
|
2066
|
+
}
|
|
2067
|
+
}body {
|
|
2068
|
+
--top-inset: 0;
|
|
2069
|
+
}
|
|
2070
|
+
|
|
2071
|
+
body.android {
|
|
2072
|
+
--top-inset: 58px;
|
|
2073
|
+
}
|
|
2074
|
+
|
|
1933
2075
|
._coalitionsWrapper_1ahqy_9 {
|
|
1934
2076
|
max-width: 100%;
|
|
1935
2077
|
position: relative;
|