Defined new breakpoint names.

This commit is contained in:
ThePendulum 2020-07-05 04:40:57 +02:00
parent e4144409f0
commit f8a32e841c
3 changed files with 12 additions and 5 deletions

View File

@ -168,7 +168,7 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import 'theme'; @import 'breakpoints';
.info { .info {
display: flex; display: flex;
@ -231,7 +231,7 @@ export default {
display: none; display: none;
} }
@media(max-width: $breakpoint0) { @media(max-width: $breakpoint-micro) {
.logo-parent, .logo-parent,
.link-child .icon { .link-child .icon {
display: none; display: none;

View File

@ -178,7 +178,7 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import 'theme'; @import 'breakpoints';
.header { .header {
height: 3rem; height: 3rem;
@ -320,7 +320,7 @@ export default {
} }
} }
@media(max-width: $breakpoint2) { @media(max-width: $breakpoint-kilo) {
.search-full { .search-full {
display: none; display: none;
} }
@ -334,7 +334,7 @@ export default {
} }
} }
@media(max-width: $breakpoint0) { @media(max-width: $breakpoint-micro) {
.nav { .nav {
display: none; display: none;
} }
@ -347,4 +347,10 @@ export default {
padding: 0 0 0 .5rem; padding: 0 0 0 .5rem;
} }
} }
@media(max-width: $breakpoint-nano) {
.header-toggles {
display: none;
}
}
</style> </style>

View File

@ -67,6 +67,7 @@ export default {
resolve: { resolve: {
alias: { alias: {
theme: path.join(__dirname, 'assets/css/_theme.scss'), theme: path.join(__dirname, 'assets/css/_theme.scss'),
breakpoints: path.join(__dirname, 'assets/css/_breakpoints.scss'),
config: path.join(__dirname, `assets/js/config/${process.env.NODE_ENV || 'default'}.js`), config: path.join(__dirname, `assets/js/config/${process.env.NODE_ENV || 'default'}.js`),
}, },
}, },