@digital-b2c/coreui-kit 0.11.1 → 0.11.3

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/index.css CHANGED
@@ -1926,49 +1926,116 @@ a:hover.Card_module_card {
1926
1926
  padding-bottom: 24px;
1927
1927
  }
1928
1928
  }
1929
+ .Footer_module_support-section {
1930
+ display: flex;
1931
+ flex-direction: column;
1932
+ gap: 32px;
1933
+ }
1934
+ @media (max-width: 768px) {
1935
+ .Footer_module_support-section {
1936
+ gap: 32px;
1937
+ align-items: center;
1938
+ text-align: center;
1939
+ margin-bottom: 1rem;
1940
+ }
1941
+ }
1942
+ .Footer_module_support-heading {
1943
+ font-size: var(--font-size-md);
1944
+ font-weight: var(--font-weight-medium);
1945
+ text-transform: uppercase;
1946
+ letter-spacing: 0.15em;
1947
+ color: var(--color-white);
1948
+ }
1929
1949
  .Footer_module_support {
1930
1950
  display: flex;
1931
1951
  justify-content: space-between;
1932
- gap: 32px;
1952
+ gap: clamp(16px, 2.5vw, 32px);
1933
1953
  }
1934
1954
  @media (max-width: 768px) {
1935
1955
  .Footer_module_support {
1936
1956
  flex-direction: column;
1937
- gap: 24px;
1957
+ gap: 56px;
1958
+ }
1959
+ }
1960
+ .Footer_module_support-column {
1961
+ display: flex;
1962
+ flex-direction: column;
1963
+ gap: 32px;
1964
+ }
1965
+ @media (max-width: 768px) {
1966
+ .Footer_module_support-column {
1967
+ align-items: center;
1968
+ text-align: center;
1969
+ width: 343px;
1970
+ }
1971
+ .Footer_module_support-column:not(:last-child) .Footer_module_support-title,
1972
+ .Footer_module_support-column:not(:last-child) .Footer_module_support-subtitle {
1973
+ font-weight: var(--font-weight-regular);
1938
1974
  }
1939
1975
  }
1940
1976
  .Footer_module_support-group {
1941
- flex: 1;
1977
+ display: flex;
1978
+ flex-direction: column;
1979
+ gap: 8px;
1980
+ min-width: 0;
1942
1981
  }
1943
1982
  .Footer_module_support-title {
1944
- font-size: var(--font-size-sm);
1945
- font-weight: var(--font-weight-bold);
1946
- text-transform: uppercase;
1947
- letter-spacing: 0.05em;
1948
- margin-bottom: 16px;
1983
+ font-size: var(--font-size-md);
1984
+ font-weight: var(--font-weight-medium);
1985
+ letter-spacing: -0.08px;
1986
+ line-height: 1.5;
1987
+ color: var(--color-light-gray);
1988
+ }
1989
+ .Footer_module_support-subtitle {
1990
+ font-size: var(--font-size-md);
1991
+ font-weight: var(--font-weight-medium);
1992
+ line-height: 1.5;
1949
1993
  color: var(--color-white);
1950
1994
  }
1951
- .Footer_module_support-list {
1952
- list-style: none;
1953
- padding: 0;
1995
+ .Footer_module_support-subtitle p {
1954
1996
  margin: 0;
1955
- display: flex;
1956
- flex-direction: column;
1957
- gap: 8px;
1958
1997
  }
1959
- .Footer_module_support-item {
1960
- display: flex;
1961
- flex-direction: column;
1962
- gap: 2px;
1998
+ .Footer_module_support-subtitle p:not(:last-child) {
1999
+ margin-bottom: 8px;
1963
2000
  }
1964
- .Footer_module_support-value {
1965
- font-size: var(--font-size-sm);
2001
+ .Footer_module_support-subtitle a {
1966
2002
  color: var(--color-white);
1967
2003
  text-decoration: none;
2004
+ overflow-wrap: anywhere;
1968
2005
  }
1969
- .Footer_module_support-value:hover {
2006
+ .Footer_module_support-subtitle a:hover {
1970
2007
  text-decoration: underline;
1971
2008
  }
2009
+ .Footer_module_support-subtitle table {
2010
+ border-collapse: collapse;
2011
+ width: 100%;
2012
+ }
2013
+ .Footer_module_support-subtitle td {
2014
+ padding: 0 0 2px;
2015
+ vertical-align: top;
2016
+ }
2017
+ .Footer_module_support-subtitle td:not(:last-child) {
2018
+ padding-right: 16px;
2019
+ }
2020
+ @media (max-width: 768px) {
2021
+ .Footer_module_support-subtitle table,
2022
+ .Footer_module_support-subtitle tbody {
2023
+ display: block;
2024
+ width: 100%;
2025
+ }
2026
+ .Footer_module_support-subtitle tr {
2027
+ display: flex;
2028
+ width: 100%;
2029
+ }
2030
+ .Footer_module_support-subtitle td {
2031
+ flex: 1 1 0;
2032
+ min-width: 0;
2033
+ text-align: left;
2034
+ }
2035
+ .Footer_module_support-subtitle td:last-child:not(:only-child) {
2036
+ text-align: right;
2037
+ }
2038
+ }
1972
2039
  .Footer_module_bottom {
1973
2040
  display: flex;
1974
2041
  justify-content: space-between;
@@ -4579,4 +4646,7 @@ a:hover {
4579
4646
  padding: 4px;
4580
4647
  border-radius: var(--rounded-full);
4581
4648
  }
4649
+ .BlogSearchResultsList_module_search-results-list .BlogSearchResultsList_module_pagination {
4650
+ align-self: center;
4651
+ }
4582
4652
  /*# sourceMappingURL=index.css.map */