@appartmint/mint 2.6.21 → 2.7.1

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