Skip to content

Commit fe665a4

Browse files
anastaschoanastascho
committed
improvements on responsive design for lower white section
1 parent 72156ed commit fe665a4

File tree

4 files changed

+36
-49
lines changed

4 files changed

+36
-49
lines changed

‎src/css/sections-footer.css‎

Lines changed: 6 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -38,31 +38,10 @@
3838
font-size: 1rem;
3939
}
4040

41-
/* .sections-page .footer {
42-
background-color: #2945a3;
43-
color: white;
44-
font-size: calc(15 / var(--rem-base) * 1rem);
45-
line-height: var(--footer-line-height);
46-
padding: 1.5rem;
47-
position: relative;
48-
bottom: 0;
49-
width: 100%;
50-
height: 12vh;
51-
}
52-
53-
.sections-page .footer-container {
54-
display: flex;
55-
max-width: 66.66667rem;
56-
margin: 0 auto;
57-
justify-content: space-between;
58-
height: 12vh;
59-
}
60-
61-
.sections-footer p {
62-
margin: 0.5rem 0;
63-
}
64-
65-
.sections-footer a {
66-
color: var(--footer-link-font-color);
41+
@media screen and (max-width: 800px) {
42+
.sections-footer {
43+
font-size: 0.5rem;
44+
line-height: unset;
45+
padding: 1rem;
46+
}
6747
}
68-
*/

‎src/css/sections.css‎

Lines changed: 14 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -283,20 +283,19 @@
283283
.sectionbody > .sectionBlue {
284284
height: unset;
285285
}
286+
287+
.sectionWhite-heading-blue > p {
288+
font-size: 1.25rem;
289+
}
286290
}
287291

288292
@media screen and (max-width: 640px) {
289293
.tile {
290294
width: 100%;
291295
}
292296

293-
.get-started-button {
294-
padding: 0.5rem 4rem;
295-
font-size: 0.5rem;
296-
}
297-
298297
.sectionWhite-heading-blue > p {
299-
font-size: 1.25rem;
298+
font-size: 1rem;
300299
}
301300

302301
.sectionbody > .sectionPurple,
@@ -313,4 +312,13 @@
313312
.doc > h1 {
314313
display: none;
315314
}
315+
316+
.sectionWhite-heading-blue > p {
317+
font-size: 1.25rem;
318+
}
319+
320+
.get-started-button {
321+
padding: 0.25rem 1rem;
322+
font-size: 0.25rem;
323+
}
316324
}

‎src/partials/sections-header-content.hbs‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -35,24 +35,24 @@
3535
</div>
3636
<div id="sections-topbar-nav" class="sections-navbar-menu">
3737
<ul class="sections-nav-list">
38-
<li><a href="https://projects.eclipse.org/proposals/eclipse-semantic-modeling-framework-esmf">About ESMF</a></li>
38+
<li><a href="https://projects.eclipse.org/proposals/eclipse-semantic-modeling-framework-esmf" target="_blank">About ESMF</a></li>
3939
<div class="sections-dropdown">
4040
<button class="sections-dropdown-button">Modeling <i class="fa fa-angle-right" aria-hidden="true"></i></button>
4141
<ul class="sections-dropdown-content">
42-
<li><a href="https://eclipse-esmf.github.io/samm-specification/snapshot/index.html">SAMM</a></li>
43-
<li><a href="https://eclipse-esmf.github.io/ame-guide/introduction.html">Aspect Model Editor</a></li>
44-
<li><a href="https://eclipse-esmf.github.io/esmf-developer-guide/tooling-guide/samm-cli.html">SAMM CLI</a></li>
42+
<li><a href="https://eclipse-esmf.github.io/samm-specification/snapshot/index.html" target="_blank">SAMM</a></li>
43+
<li><a href="https://eclipse-esmf.github.io/ame-guide/introduction.html" target="_blank">Aspect Model Editor</a></li>
44+
<li><a href="https://eclipse-esmf.github.io/esmf-developer-guide/tooling-guide/samm-cli.html" target="_blank">SAMM CLI</a></li>
4545
</ul>
4646
</div>
4747
<div class="sections-dropdown">
4848
<button class="sections-dropdown-button">Developing <i class="fa fa-angle-right" aria-hidden="true"></i></button>
4949
<ul class="sections-dropdown-content">
50-
<li><a href="https://eclipse-esmf.github.io/esmf-developer-guide/tooling-guide/java-aspect-tooling.html">Java SDK</a></li>
51-
<li><a href="https://eclipse-esmf.github.io/python-sdk-guide/index.html">Python SDK</a></li>
52-
<li><a href="https://eclipse-esmf.github.io/js-sdk-aml-guide/index.html">JavaScript SDK</a></li>
50+
<li><a href="https://eclipse-esmf.github.io/esmf-developer-guide/tooling-guide/java-aspect-tooling.html" target="_blank">Java SDK</a></li>
51+
<li><a href="https://eclipse-esmf.github.io/python-sdk-guide/index.html" target="_blank">Python SDK</a></li>
52+
<li><a href="https://eclipse-esmf.github.io/js-sdk-aml-guide/index.html" target="_blank">JavaScript SDK</a></li>
5353
</ul>
5454
</div>
55-
<li><a href="https://eclipse-esmf.github.io/samm-specification/snapshot/index.html">SAMM</a></li>
55+
<li><a href="https://eclipse-esmf.github.io/samm-specification/snapshot/index.html" target="_blank">SAMM</a></li>
5656
</ul>
5757
{{!-- <div class="sections-navbar-end">
5858
<div class="sections-navbar-item">

‎src/partials/sections-nav-mobile.hbs‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,22 @@
11
<div class="sections-navbar-mobile">
22
<ul class="sections-nav-list-mobile">
3-
<li><a href="https://projects.eclipse.org/proposals/eclipse-semantic-modeling-framework-esmf">About ESMF</a></li>
3+
<li><a href="https://projects.eclipse.org/proposals/eclipse-semantic-modeling-framework-esmf" target="_blank">About ESMF</a></li>
44
<div class="sections-dropdown-mobile">
55
<button class="sections-dropdown-button">Modeling <i class="fa fa-angle-right" aria-hidden="true"></i></button>
66
<ul class="sections-dropdown-content">
7-
<li><a href="https://eclipse-esmf.github.io/samm-specification/snapshot/index.html">SAMM</a></li>
8-
<li><a href="https://eclipse-esmf.github.io/ame-guide/introduction.html">Aspect Model Editor</a></li>
9-
<li><a href="https://eclipse-esmf.github.io/esmf-developer-guide/tooling-guide/samm-cli.html">SAMM CLI</a></li>
7+
<li><a href="https://eclipse-esmf.github.io/samm-specification/snapshot/index.html" target="_blank">SAMM</a></li>
8+
<li><a href="https://eclipse-esmf.github.io/ame-guide/introduction.html" target="_blank">Aspect Model Editor</a></li>
9+
<li><a href="https://eclipse-esmf.github.io/esmf-developer-guide/tooling-guide/samm-cli.html" target="_blank">SAMM CLI</a></li>
1010
</ul>
1111
</div>
1212
<div class="sections-dropdown-mobile">
1313
<button class="sections-dropdown-button">Developing <i class="fa fa-angle-right" aria-hidden="true"></i></button>
1414
<ul class="sections-dropdown-content">
15-
<li><a href="https://eclipse-esmf.github.io/esmf-developer-guide/tooling-guide/java-aspect-tooling.html">Java SDK</a></li>
16-
<li><a href="https://eclipse-esmf.github.io/python-sdk-guide/index.html">Python SDK</a></li>
17-
<li><a href="https://eclipse-esmf.github.io/js-sdk-aml-guide/index.html">JavaScript SDK</a></li>
15+
<li><a href="https://eclipse-esmf.github.io/esmf-developer-guide/tooling-guide/java-aspect-tooling.html" target="_blank">Java SDK</a></li>
16+
<li><a href="https://eclipse-esmf.github.io/python-sdk-guide/index.html" target="_blank">Python SDK</a></li>
17+
<li><a href="https://eclipse-esmf.github.io/js-sdk-aml-guide/index.html" target="_blank">JavaScript SDK</a></li>
1818
</ul>
1919
</div>
20-
<li><a href="https://eclipse-esmf.github.io/samm-specification/snapshot/index.html">SAMM</a></li>
20+
<li><a href="https://eclipse-esmf.github.io/samm-specification/snapshot/index.html" target="_blank">SAMM</a></li>
2121
</ul>
2222
</div>

0 commit comments

Comments
 (0)