Merge pull request #75 from locomotivemtl/develop
Minor cross-browser enhancements & quality of life changes 🤠
This commit is contained in:
@@ -139,7 +139,7 @@ export default class extends module {
|
|||||||
}
|
}
|
||||||
|
|
||||||
loadMore() {
|
loadMore() {
|
||||||
this.$('main').classList.add('is-loading');
|
this.$('main')[0].classList.add('is-loading');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|||||||
@@ -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');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
@@ -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
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user