Skip to content

Commit dc1b18d

Browse files
tugcekucukoglutugcekucukoglu
committed
Template page updates
1 parent 8039d3c commit dc1b18d

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

42 files changed

+5925
-20
lines changed

‎assets/styles/layout/_mixins.scss

+7-1
Original file line numberDiff line numberDiff line change
@@ -16,4 +16,10 @@
1616
&:hover {
1717
text-decoration: underline;
1818
}
19-
}
19+
}
20+
21+
@mixin mobile {
22+
@media (max-width: 900px) {
23+
@content;
24+
}
25+
}

‎assets/styles/layout/layout.scss

+10
Original file line numberDiff line numberDiff line change
@@ -15,3 +15,13 @@
1515
@import './_docsearch';
1616
@import './_responsive';
1717
@import './landing/_landing';
18+
@import './templates/_apollo';
19+
@import './templates/_atlantis';
20+
@import './templates/_ultima';
21+
@import './templates/_freya';
22+
@import './templates/_verona';
23+
@import './templates/_diamond';
24+
@import './templates/_avalon';
25+
@import './templates/_poseidon';
26+
@import './templates/_sakai';
27+
@import './templates/_templates';

‎assets/styles/layout/templates/_apollo.scss

+31
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
.apollo {
2+
.template {
3+
&-hero {
4+
&-pattern {
5+
width: 96rem;
6+
height: auto;
7+
position: absolute;
8+
bottom: 0;
9+
left: 0;
10+
z-index: 6;
11+
mix-blend-mode: overlay;
12+
}
13+
}
14+
}
15+
16+
}
17+
18+
@media only screen and (max-width: 768px) {
19+
.apollo {
20+
.template {
21+
&-hero {
22+
&-pattern {
23+
width: 90rem;
24+
bottom: 20rem;
25+
}
26+
27+
}
28+
}
29+
30+
}
31+
}

‎assets/styles/layout/templates/_atlantis.scss

+49
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
.atlantis {
2+
.template {
3+
&-hero {
4+
&-pattern {
5+
width: 50rem;
6+
height: auto;
7+
position: absolute;
8+
bottom: -7rem;
9+
left: -7rem;
10+
z-index: 6;
11+
}
12+
&-dashboard1,
13+
&-dashboard2{
14+
border-radius: 1.12rem;
15+
}
16+
}
17+
}
18+
19+
}
20+
21+
@media only screen and (max-width: 1200px) {
22+
.atlantis {
23+
.template{
24+
&-hero {
25+
&-pattern {
26+
width: 45rem;
27+
bottom: -5.75rem;
28+
left: -9.5rem;
29+
}
30+
}
31+
}
32+
33+
}
34+
}
35+
36+
@media only screen and (max-width: 768px) {
37+
.atlantis {
38+
.template{
39+
&-hero {
40+
&-pattern {
41+
width: 50rem;
42+
bottom: 16.75rem;
43+
left: -10.5rem;
44+
}
45+
}
46+
}
47+
48+
}
49+
}

‎assets/styles/layout/templates/_avalon.scss

+60
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
.avalon {
2+
.template {
3+
&-hero {
4+
&-pattern {
5+
width: 56rem;
6+
height: auto;
7+
position: absolute;
8+
bottom: 0px;
9+
left: -3.06;
10+
z-index: 6;
11+
12+
13+
}
14+
&-rectangle{
15+
opacity: 0.5;
16+
}
17+
&-light{
18+
opacity: 0.75;
19+
}
20+
}
21+
&-separator {
22+
&-icon {
23+
width: 7rem;
24+
height: 3.5rem;
25+
border-radius: 99px;
26+
}
27+
}
28+
}
29+
30+
}
31+
@media only screen and (max-width: 1200px) {
32+
.avalon {
33+
.template{
34+
&-hero {
35+
&-pattern {
36+
width: 68rem;
37+
height: auto;
38+
bottom: -8rem;
39+
left: -12rem;
40+
}
41+
}
42+
}
43+
44+
}
45+
}
46+
@media only screen and (max-width: 768px) {
47+
.avalon {
48+
.template{
49+
&-hero {
50+
&-pattern {
51+
width: 88rem;
52+
height: auto;
53+
bottom: 0rem;
54+
left: -16rem;
55+
}
56+
}
57+
}
58+
59+
}
60+
}

‎assets/styles/layout/templates/_diamond.scss

+45
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
.diamond {
2+
.template {
3+
&-hero {
4+
&-pattern {
5+
width: 62.3125rem;
6+
height: 44.8125rem;
7+
position: absolute;
8+
top: -3.62;
9+
left: -3.06;
10+
z-index: 6;
11+
}
12+
}
13+
}
14+
15+
}
16+
@media only screen and (max-width: 1200px) {
17+
.diamond {
18+
.template{
19+
&-hero {
20+
&-pattern {
21+
width: 60rem;
22+
height: auto;
23+
bottom: -8rem;
24+
left: -8rem;
25+
}
26+
}
27+
}
28+
29+
}
30+
}
31+
@media only screen and (max-width: 768px) {
32+
.diamond {
33+
.template{
34+
&-hero {
35+
&-pattern {
36+
width: 64rem;
37+
height: auto;
38+
bottom: 2rem;
39+
left: -8rem;
40+
}
41+
}
42+
}
43+
44+
}
45+
}

‎assets/styles/layout/templates/_freya.scss

+33
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
.freya {
2+
.template {
3+
&-hero {
4+
5+
&-pattern {
6+
height: auto;
7+
width: 45rem;
8+
position: absolute;
9+
bottom: -9rem;
10+
left: 0rem;
11+
z-index: 6;
12+
}
13+
}
14+
}
15+
16+
}
17+
18+
@media only screen and (max-width: 768px) {
19+
.freya {
20+
.template {
21+
&-hero {
22+
23+
&-pattern {
24+
width: 55rem;
25+
height: auto;
26+
bottom: -2rem;
27+
left: 0;
28+
}
29+
}
30+
}
31+
32+
}
33+
}

‎assets/styles/layout/templates/_poseidon.scss

+47
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
.poseidon {
2+
.template {
3+
&-hero {
4+
&-pattern {
5+
width: 102.3125rem;
6+
height: auto;
7+
position: absolute;
8+
bottom: 0rem;
9+
left: -26rem;
10+
z-index: 6;
11+
}
12+
&-dashboard1,
13+
&-dashboard2{
14+
width: 45rem;
15+
}
16+
}
17+
}
18+
19+
}
20+
@media only screen and (max-width: 1200px) {
21+
.poseidon {
22+
.template{
23+
&-hero {
24+
&-pattern {
25+
height: auto;
26+
bottom: 0rem;
27+
left: -34rem;
28+
}
29+
}
30+
}
31+
32+
}
33+
}
34+
@media only screen and (max-width: 768px) {
35+
.poseidon {
36+
.template{
37+
&-hero {
38+
&-pattern {
39+
height: auto;
40+
bottom: 21rem;
41+
left: -35rem;
42+
}
43+
}
44+
}
45+
46+
}
47+
}

‎assets/styles/layout/templates/_sakai.scss

+54
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
.sakai {
2+
.template {
3+
&-hero {
4+
&-pattern {
5+
width: 72.3125rem;
6+
height: auto;
7+
position: absolute;
8+
bottom: -1rem;
9+
left: -1rem;
10+
z-index: 6;
11+
}
12+
&-dashboard1,
13+
&-dashboard2{
14+
width: 42rem;
15+
}
16+
}
17+
&-features-horizontal-card{
18+
width: 30rem;
19+
}
20+
}
21+
22+
}
23+
24+
@media only screen and (max-width: 1200px) {
25+
.sakai {
26+
.template {
27+
&-hero {
28+
&-pattern {
29+
width: 72.3125rem;
30+
height: auto;
31+
bottom: -1rem;
32+
left: -2rem;
33+
}
34+
}
35+
}
36+
37+
}
38+
}
39+
40+
@media only screen and (max-width: 768px) {
41+
.sakai {
42+
.template {
43+
&-hero {
44+
&-pattern {
45+
width: 64.3125rem;
46+
height: auto;
47+
bottom: 20rem;
48+
left: -2rem;
49+
}
50+
}
51+
}
52+
53+
}
54+
}

0 commit comments

Comments
 (0)