Merge pull request #75 from locomotivemtl/develop

Minor cross-browser enhancements & quality of life changes 🤠
This commit is contained in:
Deven Caron
2020-10-26 16:13:59 -04:00
committed by GitHub
10 changed files with 18 additions and 16 deletions

View File

@@ -139,7 +139,7 @@ export default class extends module {
} }
loadMore() { loadMore() {
this.$('main').classList.add('is-loading'); this.$('main')[0].classList.add('is-loading');
} }
} }
``` ```

View File

@@ -20,10 +20,11 @@ window.onload = (event) => {
}; };
function init() { function init() {
app.init(app);
globals(); globals();
app.init(app);
html.classList.add('is-loaded', 'is-ready'); html.classList.add('is-loaded');
html.classList.add('is-ready');
html.classList.remove('is-loading'); html.classList.remove('is-loading');
} }

View File

@@ -18,15 +18,15 @@ html {
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
@media (max-width: $to-small) { @media (max-width: $to-small) {
font-size: 12px; font-size: $font-size - 2px;
} }
@media (min-width: $from-small) and (max-width: $to-medium) { @media (min-width: $from-small) and (max-width: $to-medium) {
font-size: 13px; font-size: $font-size - 2px;
} }
@media (min-width: $from-medium) and (max-width: $to-large) { @media (min-width: $from-medium) and (max-width: $to-large) {
font-size: 14px; font-size: $font-size - 1px;
} }
@media (min-width: $from-large) and (max-width: $to-huge) { @media (min-width: $from-large) and (max-width: $to-huge) {
@@ -34,15 +34,15 @@ html {
} }
@media (min-width: $from-huge) and (max-width: $to-gigantic) { @media (min-width: $from-huge) and (max-width: $to-gigantic) {
font-size: 18px; font-size: $font-size + 1px;
} }
@media (min-width: $from-gigantic) and (max-width: $to-colossal) { @media (min-width: $from-gigantic) and (max-width: $to-colossal) {
font-size: 21px; font-size: $font-size + 2px;
} }
@media (min-width: $from-colossal) { @media (min-width: $from-colossal) {
font-size: 24px; font-size: $font-size + 4px;
} }
&.is-loading { &.is-loading {

View File

@@ -8,7 +8,8 @@ function serve(done) {
notify: false, notify: false,
proxy: paths.url, proxy: paths.url,
host: paths.url, host: paths.url,
open: 'external' open: false,
ghostMode: false
}); });
done(); done();
} }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -96,7 +96,7 @@
</div> </div>
<script nomodule src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.6.0/polyfill.min.js" crossorigin="anonymous"></script> <script nomodule src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.6.0/polyfill.min.js" crossorigin="anonymous"></script>
<script nomodule src="https://polyfill.io/v3/polyfill.min.js?features=fetch%2CCustomEvent%2CElement.prototype.matches%2CNodeList.prototype.forEach%2CAbortController" crossorigin="anonymous"></script> <script nomodule src="https://polyfill.io/v3/polyfill.min.js?features=Element.prototype.remove%2CElement.prototype.append%2Cfetch%2CCustomEvent%2CElement.prototype.matches%2CNodeList.prototype.forEach%2CAbortController" crossorigin="anonymous"></script>
<script src="assets/scripts/vendors.js" defer></script> <script src="assets/scripts/vendors.js" defer></script>
<script src="assets/scripts/app.js" defer></script> <script src="assets/scripts/app.js" defer></script>

View File

@@ -84,7 +84,7 @@
</div> </div>
<script nomodule src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.6.0/polyfill.min.js" crossorigin="anonymous"></script> <script nomodule src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.6.0/polyfill.min.js" crossorigin="anonymous"></script>
<script nomodule src="https://polyfill.io/v3/polyfill.min.js?features=fetch%2CCustomEvent%2CElement.prototype.matches%2CNodeList.prototype.forEach%2CAbortController" crossorigin="anonymous"></script> <script nomodule src="https://polyfill.io/v3/polyfill.min.js?features=Element.prototype.remove%2CElement.prototype.append%2Cfetch%2CCustomEvent%2CElement.prototype.matches%2CNodeList.prototype.forEach%2CAbortController" crossorigin="anonymous"></script>
<script src="assets/scripts/vendors.js" defer></script> <script src="assets/scripts/vendors.js" defer></script>
<script src="assets/scripts/app.js" defer></script> <script src="assets/scripts/app.js" defer></script>

View File

@@ -42,7 +42,7 @@
</div> </div>
<script nomodule src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.6.0/polyfill.min.js" crossorigin="anonymous"></script> <script nomodule src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.6.0/polyfill.min.js" crossorigin="anonymous"></script>
<script nomodule src="https://polyfill.io/v3/polyfill.min.js?features=fetch%2CCustomEvent%2CElement.prototype.matches%2CNodeList.prototype.forEach%2CAbortController" crossorigin="anonymous"></script> <script nomodule src="https://polyfill.io/v3/polyfill.min.js?features=Element.prototype.remove%2CElement.prototype.append%2Cfetch%2CCustomEvent%2CElement.prototype.matches%2CNodeList.prototype.forEach%2CAbortController" crossorigin="anonymous"></script>
<script src="assets/scripts/vendors.js" defer></script> <script src="assets/scripts/vendors.js" defer></script>
<script src="assets/scripts/app.js" defer></script> <script src="assets/scripts/app.js" defer></script>