Skip to content

Commit 9789243

Browse files
SamuelMarksSamuelMarks
committed
[src/app/slash/slash.component.html] Responsive layout fix ; [src/assets/styles/flex.scss] Helper classes for responsive layout
Triggered by commit: offscale/offscale-www@84e6428
1 parent cb3e570 commit 9789243

6 files changed

Lines changed: 27 additions & 4 deletions

File tree

388.c5a57f09bcdb9e70.js renamed to 388.2344e2be26d263dc.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎404.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,5 +14,5 @@
1414
<style>html,body{margin:0;font-family:Avenir Next,Helvetica Neue,sans-serif;-moz-osx-font-smoothing:grayscale;font-size:1rem;font-weight:400;line-height:1.5;max-width:100%;overflow-x:hidden}</style><link rel="stylesheet" href="styles.66e7553dede4ad90.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.66e7553dede4ad90.css"></noscript></head>
1515
<body>
1616
<app-root></app-root>
17-
<script src="runtime.6864fe0318ef8637.js" type="module"></script><script src="polyfills.f84ce651ad273867.js" type="module"></script><script src="main.65e9fd3e1912dcee.js" type="module"></script></body>
17+
<script src="runtime.5e8b04e821dfdcc6.js" type="module"></script><script src="polyfills.f84ce651ad273867.js" type="module"></script><script src="main.65e9fd3e1912dcee.js" type="module"></script></body>
1818
</html>

‎assets/styles/flex.scss‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,10 @@
3131
max-width: 33%;
3232
}
3333

34+
.width-pc-33-lt-md-100 {
35+
max-width: 33%;
36+
}
37+
3438
.width-pc-50 {
3539
max-width: 50%;
3640
}
@@ -47,6 +51,7 @@
4751

4852
section {
4953
padding: 0;
54+
margin: 0;
5055
}
5156

5257
#github-logo {
@@ -68,11 +73,29 @@
6873
.width-pc-50-lt-md-100 {
6974
max-width: 100%;
7075
}
76+
77+
.width-pc-33-lt-md-100 {
78+
max-width: 100%;
79+
}
80+
81+
.gt-md-padding-right-100px {
82+
padding-right: 0;
83+
}
7184
}
7285

7386
/* gt-md */
7487
@media screen and (min-width: 1280px) {
88+
.gt-md-padding-right-100px {
89+
padding-right: 100px;
90+
}
91+
7592
.gt-md-width-pc-50 {
7693
max-width: 50%;
7794
}
95+
96+
.padding-pc-18-gt-md {
97+
padding: 0 18%
98+
}
99+
100+
78101
}

‎index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,5 +14,5 @@
1414
<style>html,body{margin:0;font-family:Avenir Next,Helvetica Neue,sans-serif;-moz-osx-font-smoothing:grayscale;font-size:1rem;font-weight:400;line-height:1.5;max-width:100%;overflow-x:hidden}</style><link rel="stylesheet" href="styles.66e7553dede4ad90.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.66e7553dede4ad90.css"></noscript></head>
1515
<body>
1616
<app-root></app-root>
17-
<script src="runtime.6864fe0318ef8637.js" type="module"></script><script src="polyfills.f84ce651ad273867.js" type="module"></script><script src="main.65e9fd3e1912dcee.js" type="module"></script></body>
17+
<script src="runtime.5e8b04e821dfdcc6.js" type="module"></script><script src="polyfills.f84ce651ad273867.js" type="module"></script><script src="main.65e9fd3e1912dcee.js" type="module"></script></body>
1818
</html>

‎runtime.5e8b04e821dfdcc6.js‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎runtime.6864fe0318ef8637.js‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

0 commit comments

Comments
 (0)