@appartmint/mint 2.6.21 → 2.7.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.
Files changed (7) hide show
  1. package/dist/css/mint.css +54 -43
  2. package/dist/css/mint.css.map +1 -1
  3. package/dist/css/mint.min.css +1 -1
  4. package/dist/css/mint.min.css.map +1 -1
  5. package/package.json +1 -1
  6. package/src/scss/imports/global/_grid.scss +34 -33
  7. package/src/scss/imports/global/_inputs.scss +14 -2
package/dist/css/mint.css CHANGED
@@ -1861,10 +1861,13 @@ iframe {
1861
1861
  }
1862
1862
  @media (min-width: 768px) {
1863
1863
  .mint-grid.mint-2 {
1864
- grid-template-columns: repeat(2, 1fr);
1864
+ grid-template-columns: repeat(12, 1fr);
1865
+ }
1866
+ .mint-grid.mint-2 > * .mint-card {
1867
+ grid-column: span 6;
1865
1868
  }
1866
1869
  .mint-grid.mint-2 > :last-child:nth-child(odd) .mint-card {
1867
- grid-column: span 2;
1870
+ grid-column: span 12;
1868
1871
  width: 50%;
1869
1872
  margin-left: auto;
1870
1873
  margin-right: auto;
@@ -1872,10 +1875,13 @@ iframe {
1872
1875
  }
1873
1876
  @media (min-width: 768px) {
1874
1877
  .mint-grid.mint-3 {
1875
- grid-template-columns: repeat(2, 1fr);
1878
+ grid-template-columns: repeat(12, 1fr);
1879
+ }
1880
+ .mint-grid.mint-3 > * .mint-card {
1881
+ grid-column: span 6;
1876
1882
  }
1877
1883
  .mint-grid.mint-3 > :last-child:nth-child(odd) .mint-card {
1878
- grid-column: span 2;
1884
+ grid-column: span 12;
1879
1885
  width: 50%;
1880
1886
  margin-left: auto;
1881
1887
  margin-right: auto;
@@ -1883,28 +1889,34 @@ iframe {
1883
1889
  }
1884
1890
  @media (min-width: 1200px) {
1885
1891
  .mint-grid.mint-3 {
1886
- grid-template-columns: repeat(3, 1fr);
1892
+ grid-template-columns: repeat(12, 1fr);
1893
+ }
1894
+ .mint-grid.mint-3 > * .mint-card {
1895
+ grid-column: span 4;
1887
1896
  }
1888
1897
  .mint-grid.mint-3 > :last-child:nth-child(odd) .mint-card {
1889
- grid-column: span 1;
1898
+ grid-column: span 4;
1890
1899
  width: 100%;
1891
1900
  }
1892
1901
  .mint-grid.mint-3 > :last-child:nth-child(3n+1) .mint-card {
1893
- grid-column: 2;
1902
+ grid-column: 4/span 6;
1894
1903
  }
1895
1904
  .mint-grid.mint-3 > :last-child:nth-child(3n+2) .mint-card {
1896
- grid-column: 3;
1905
+ grid-column: 7/span 6;
1897
1906
  }
1898
1907
  .mint-grid.mint-3 > :nth-last-child(2):nth-child(3n+1) .mint-card {
1899
- grid-column: 1;
1908
+ grid-column: 1/span 6;
1900
1909
  }
1901
1910
  }
1902
1911
  @media (min-width: 768px) {
1903
1912
  .mint-grid.mint-4 {
1904
- grid-template-columns: repeat(2, 1fr);
1913
+ grid-template-columns: repeat(12, 1fr);
1914
+ }
1915
+ .mint-grid.mint-4 > * .mint-card {
1916
+ grid-column: span 6;
1905
1917
  }
1906
1918
  .mint-grid.mint-4 > :last-child:nth-child(odd) .mint-card {
1907
- grid-column: span 2;
1919
+ grid-column: span 12;
1908
1920
  width: 50%;
1909
1921
  margin-left: auto;
1910
1922
  margin-right: auto;
@@ -1912,59 +1924,53 @@ iframe {
1912
1924
  }
1913
1925
  @media (min-width: 1200px) {
1914
1926
  .mint-grid.mint-4 {
1915
- grid-template-columns: repeat(3, 1fr);
1927
+ grid-template-columns: repeat(12, 1fr);
1928
+ }
1929
+ .mint-grid.mint-4 > * .mint-card {
1930
+ grid-column: span 4;
1916
1931
  }
1917
1932
  .mint-grid.mint-4 > :last-child:nth-child(odd) .mint-card {
1918
- grid-column: span 1;
1933
+ grid-column: span 4;
1919
1934
  width: 100%;
1920
1935
  }
1921
1936
  .mint-grid.mint-4 > :last-child:nth-child(3n+1) .mint-card {
1922
- grid-column: 2;
1937
+ grid-column: 4/span 6;
1923
1938
  }
1924
1939
  .mint-grid.mint-4 > :last-child:nth-child(3n+2) .mint-card {
1925
- grid-column: 3;
1940
+ grid-column: 7/span 6;
1926
1941
  }
1927
1942
  .mint-grid.mint-4 > :nth-last-child(2):nth-child(3n+1) .mint-card {
1928
- grid-column: 1;
1943
+ grid-column: 1/span 6;
1929
1944
  }
1930
1945
  }
1931
1946
  @media (min-width: 1440px) {
1932
1947
  .mint-grid.mint-4 {
1933
- grid-template-columns: repeat(4, 1fr);
1948
+ grid-template-columns: repeat(12, 1fr);
1949
+ }
1950
+ .mint-grid.mint-4 > * .mint-card {
1951
+ grid-column: span 3;
1934
1952
  }
1935
1953
  .mint-grid.mint-4 > :last-child:nth-child(odd) .mint-card, .mint-grid.mint-4 > :last-child:nth-child(3n+1) .mint-card, .mint-grid.mint-4 > :last-child:nth-child(3n+2) .mint-card, .mint-grid.mint-4 > :nth-last-child(2):nth-child(3n+1) .mint-card {
1936
- grid-column: span 1;
1954
+ grid-column: span 3;
1937
1955
  width: 100%;
1938
1956
  }
1939
1957
  .mint-grid.mint-4 > :last-child:nth-child(4n+1) .mint-card {
1940
- grid-column: 2/span 2;
1941
- width: 50%;
1942
- margin-left: auto;
1943
- margin-right: auto;
1958
+ grid-column: 4/span 6;
1944
1959
  }
1945
1960
  .mint-grid.mint-4 > :last-child:nth-child(4n+2) .mint-card {
1946
- grid-column: 3/span 2;
1947
- width: 50%;
1948
- margin-left: auto;
1949
- margin-right: auto;
1961
+ grid-column: 7/span 6;
1950
1962
  }
1951
1963
  .mint-grid.mint-4 > :nth-last-child(2):nth-child(4n+1) .mint-card {
1952
- grid-column: 1/span 2;
1953
- width: 50%;
1954
- margin-left: auto;
1955
- margin-right: auto;
1964
+ grid-column: 1/span 6;
1956
1965
  }
1957
1966
  .mint-grid.mint-4 > :last-child:nth-child(4n+3) .mint-card {
1958
- grid-column: 4;
1967
+ grid-column: 9/span 4;
1959
1968
  }
1960
1969
  .mint-grid.mint-4 > :nth-last-child(2):nth-child(4n+2) .mint-card {
1961
- grid-column: 2/span 2;
1962
- width: 50%;
1963
- margin-left: auto;
1964
- margin-right: auto;
1970
+ grid-column: 5/span 4;
1965
1971
  }
1966
1972
  .mint-grid.mint-4 > :nth-last-child(3):nth-child(4n+1) .mint-card {
1967
- grid-column: 1;
1973
+ grid-column: 1/span 4;
1968
1974
  }
1969
1975
  }
1970
1976
  .mint-grid .mint-portrait {
@@ -1972,12 +1978,7 @@ iframe {
1972
1978
  }
1973
1979
  @media (min-width: 768px) {
1974
1980
  .mint-grid .mint-landscape {
1975
- grid-column: span 2;
1976
- }
1977
- }
1978
- @media (min-width: 1200px) {
1979
- .mint-grid .mint-landscape {
1980
- grid-column: span 3;
1981
+ grid-column: span 12;
1981
1982
  }
1982
1983
  }
1983
1984
 
@@ -2043,9 +2044,13 @@ textarea {
2043
2044
  filter: grayscale(0);
2044
2045
  }
2045
2046
  .mint-check [type=checkbox]:checked + span i {
2047
+ opacity: 0;
2048
+ }
2049
+ .mint-check [type=checkbox]:checked + span i:first-child {
2046
2050
  opacity: 1;
2047
2051
  }
2048
2052
  .mint-check [type=checkbox] + span {
2053
+ position: relative;
2049
2054
  display: flex;
2050
2055
  align-items: center;
2051
2056
  justify-content: center;
@@ -2061,10 +2066,16 @@ textarea {
2061
2066
  transition: filter 300ms, background-color 300ms, left 300ms;
2062
2067
  }
2063
2068
  .mint-check [type=checkbox] + span i {
2069
+ position: absolute;
2070
+ top: 50%;
2071
+ left: 50%;
2072
+ transform: translate(-50%, -50%);
2064
2073
  color: var(--mint-back);
2065
- opacity: 0;
2066
2074
  transition: opacity 300ms;
2067
2075
  }
2076
+ .mint-check [type=checkbox] + span i:first-child {
2077
+ opacity: 0;
2078
+ }
2068
2079
  .mint-check + span {
2069
2080
  width: 1.5rem;
2070
2081
  text-align: center;