Skip to content

Commit c0af2a4

Browse files
committed
updates
1 parent 03167d2 commit c0af2a4

File tree

3 files changed

+96
-27
lines changed

3 files changed

+96
-27
lines changed

assets/css/main.css

Lines changed: 81 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1260,14 +1260,18 @@ input, select, textarea {
12601260
}
12611261

12621262
.poptrox-popup .caption {
1263-
padding: 2em 2em 0.1em 2em ;
1264-
bottom: 20%;
1263+
padding: 2em 2em 1em 2em;
1264+
bottom: 0;
12651265
cursor: default;
12661266
left: 0;
12671267
position: absolute;
12681268
text-align: center;
12691269
width: 100%;
12701270
z-index: 2;
1271+
max-height: 60%;
1272+
overflow-y: auto;
1273+
box-sizing: border-box;
1274+
background: rgba(16, 16, 16, 0.85);
12711275
}
12721276

12731277
.poptrox-popup .caption h2, .poptrox-popup .caption h3, .poptrox-popup .caption h4, .poptrox-popup .caption h5, .poptrox-popup .caption h6 {
@@ -1692,9 +1696,9 @@ input, select, textarea {
16921696
-webkit-transition-delay: 2.525s;
16931697
-ms-transition-delay: 2.525s;
16941698
transition-delay: 2.525s;
1695-
height: calc(50vh - 2em);
1696-
min-height: 50em;
1697-
width: 100%;
1699+
height: calc(33.333vh - 1.333em);
1700+
min-height: 12em;
1701+
width: 33.333333%;
16981702
}
16991703

17001704
#main .thumb:nth-child(1) {
@@ -1922,9 +1926,9 @@ input, select, textarea {
19221926
-webkit-transition-delay: 1.625s;
19231927
-ms-transition-delay: 1.625s;
19241928
transition-delay: 1.625s;
1925-
height: calc(40vh - 2em);
1926-
min-height: 20em;
1927-
width: 50%;
1929+
height: calc(33.333vh - 1.333em);
1930+
min-height: 18em;
1931+
width: 33.333333%;
19281932
}
19291933

19301934
#main .thumb:nth-child(1) {
@@ -1969,6 +1973,27 @@ input, select, textarea {
19691973
transition-delay: 1.4s;
19701974
}
19711975

1976+
#main .thumb:nth-child(7) {
1977+
-moz-transition-delay: 1.55s;
1978+
-webkit-transition-delay: 1.55s;
1979+
-ms-transition-delay: 1.55s;
1980+
transition-delay: 1.55s;
1981+
}
1982+
1983+
#main .thumb:nth-child(8) {
1984+
-moz-transition-delay: 1.7s;
1985+
-webkit-transition-delay: 1.7s;
1986+
-ms-transition-delay: 1.7s;
1987+
transition-delay: 1.7s;
1988+
}
1989+
1990+
#main .thumb:nth-child(9) {
1991+
-moz-transition-delay: 1.85s;
1992+
-webkit-transition-delay: 1.85s;
1993+
-ms-transition-delay: 1.85s;
1994+
transition-delay: 1.85s;
1995+
}
1996+
19721997
}
19731998

19741999
@media screen and (max-width: 980px) {
@@ -1978,9 +2003,9 @@ input, select, textarea {
19782003
-webkit-transition-delay: 2.075s;
19792004
-ms-transition-delay: 2.075s;
19802005
transition-delay: 2.075s;
1981-
height: calc(28.57143vh - 1.33333em);
1982-
min-height: 18em;
1983-
width: 50%;
2006+
height: calc(33.333vh - 1.333em);
2007+
min-height: 16em;
2008+
width: 33.333333%;
19842009
}
19852010

19862011
#main .thumb:nth-child(1) {
@@ -2055,11 +2080,9 @@ input, select, textarea {
20552080
-webkit-transition-delay: 1.175s;
20562081
-ms-transition-delay: 1.175s;
20572082
transition-delay: 1.175s;
2058-
height: calc(40vh - 2em);
2059-
min-height: 18em;
2060-
width: 100%;
2061-
overflow-y: scroll;
2062-
overflow-x: scroll;
2083+
height: calc(33.333vh - 1.333em);
2084+
min-height: 12em;
2085+
width: 33.333333%;
20632086
}
20642087

20652088
#main .thumb:nth-child(1) {
@@ -2083,6 +2106,48 @@ input, select, textarea {
20832106
transition-delay: 0.95s;
20842107
}
20852108

2109+
#main .thumb:nth-child(4) {
2110+
-moz-transition-delay: 1.1s;
2111+
-webkit-transition-delay: 1.1s;
2112+
-ms-transition-delay: 1.1s;
2113+
transition-delay: 1.1s;
2114+
}
2115+
2116+
#main .thumb:nth-child(5) {
2117+
-moz-transition-delay: 1.25s;
2118+
-webkit-transition-delay: 1.25s;
2119+
-ms-transition-delay: 1.25s;
2120+
transition-delay: 1.25s;
2121+
}
2122+
2123+
#main .thumb:nth-child(6) {
2124+
-moz-transition-delay: 1.4s;
2125+
-webkit-transition-delay: 1.4s;
2126+
-ms-transition-delay: 1.4s;
2127+
transition-delay: 1.4s;
2128+
}
2129+
2130+
#main .thumb:nth-child(7) {
2131+
-moz-transition-delay: 1.55s;
2132+
-webkit-transition-delay: 1.55s;
2133+
-ms-transition-delay: 1.55s;
2134+
transition-delay: 1.55s;
2135+
}
2136+
2137+
#main .thumb:nth-child(8) {
2138+
-moz-transition-delay: 1.7s;
2139+
-webkit-transition-delay: 1.7s;
2140+
-ms-transition-delay: 1.7s;
2141+
transition-delay: 1.7s;
2142+
}
2143+
2144+
#main .thumb:nth-child(9) {
2145+
-moz-transition-delay: 1.85s;
2146+
-webkit-transition-delay: 1.85s;
2147+
-ms-transition-delay: 1.85s;
2148+
transition-delay: 1.85s;
2149+
}
2150+
20862151
}
20872152

20882153
/* Footer */

assets/sass/components/_poptrox-popup.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -83,6 +83,10 @@
8383
text-align: left;
8484
width: 100%;
8585
z-index: 2;
86+
max-height: 60%;
87+
overflow-y: auto;
88+
box-sizing: border-box;
89+
background: rgba(16, 16, 16, 0.85);
8690

8791
h2, h3, h4, h5, h6 {
8892
margin: 0 0 (_size(element-margin) * 0.25) 0;

assets/sass/libs/_vars.scss

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -3,34 +3,34 @@
33
z-index-base: 10000,
44
main-layout: (
55
default: (
6-
rows: 2,
7-
columns: 4,
6+
rows: 3,
7+
columns: 3,
88
pad: 0.5,
99
minHeight: 20em
1010
),
1111
xlarge: (
12-
rows: 2,
12+
rows: 3,
1313
columns: 3,
1414
pad: 0.5,
1515
minHeight: 20em
1616
),
1717
large: (
18-
rows: 2,
19-
columns: 2,
18+
rows: 3,
19+
columns: 3,
2020
pad: 0.5,
21-
minHeight: 20em
21+
minHeight: 18em
2222
),
2323
medium: (
2424
rows: 3,
25-
columns: 2,
25+
columns: 3,
2626
pad: 0.5,
27-
minHeight: 18em
27+
minHeight: 16em
2828
),
2929
xsmall: (
30-
rows: 2,
31-
columns: 1,
30+
rows: 3,
31+
columns: 3,
3232
pad: 0.5,
33-
minHeight: 18em
33+
minHeight: 12em
3434
)
3535
)
3636
);

0 commit comments

Comments
 (0)