Responsive

merge-requests/1/head
Matthew Ess 2018-02-08 20:31:59 -05:00
parent 1e14029bf2
commit b8bbe2d907
6 changed files with 18 additions and 15 deletions

View File

@ -24,8 +24,11 @@ export default {
</script> </script>
<style lang="sass" scoped> <style lang="sass" scoped>
@import '~bulma/sass/utilities/mixins'
section section
margin-bottom: 2rem margin-bottom: 2rem
.is-three-quarters +desktop
width: 75% .is-three-quarters
width: 75%
</style> </style>

View File

@ -1,5 +1,5 @@
<template lang="pug"> <template lang="pug">
#blog #blog.has-text-centered-mobile
h1.title coming soon! h1.title coming soon!
</template> </template>

View File

@ -9,7 +9,6 @@
i'm a communist, a i'm a communist, a
#[a(href='https://mattandmack.website' target='_blank') spouse-to-be], #[a(href='https://mattandmack.website' target='_blank') spouse-to-be],
a recently graduated student, and a software developer at yelp. a recently graduated student, and a software developer at yelp.
.tile.placeholder.notification.is-white
.tile.is-9 .tile.is-9
.notification.is-warning .notification.is-warning
h1.title.is-4 what's inspiring me now h1.title.is-4 what's inspiring me now
@ -39,8 +38,3 @@ export default {
name: 'Home', name: 'Home',
}; };
</script> </script>
<style lang="sass" scoped>
.placeholder
height: 1rem
</style>

View File

@ -1,5 +1,5 @@
<template lang="pug"> <template lang="pug">
#projects #projects.is-half.has-text-centered-mobile
p.content check out my #[a(href='https://github.com/matthewess') github account]! p.content check out my #[a(href='https://github.com/matthewess') github account]!
h1.title #[a(href='https://github.com/matthewess/boilertalk-frontend') Boilertalk] h1.title #[a(href='https://github.com/matthewess/boilertalk-frontend') Boilertalk]
p.content. p.content.
@ -34,6 +34,9 @@ export default {
</script> </script>
<style lang="sass" scoped> <style lang="sass" scoped>
#projects @import '~bulma/sass/utilities/mixins'
width: 50%
+desktop
.is-half
width: 50%
</style> </style>

View File

@ -1,5 +1,5 @@
<template lang="pug"> <template lang="pug">
#resume #resume.is-half.has-text-centered-mobile
.content .content
h1.title matthew ess h1.title matthew ess
h2.subtitle software developer h2.subtitle software developer
@ -48,12 +48,15 @@ export default {
</script> </script>
<style lang="sass" scoped> <style lang="sass" scoped>
@import '~bulma/sass/utilities/mixins'
$pink: #f8a5c2 $pink: #f8a5c2
hr hr
width: 75% width: 75%
height: 0.5rem height: 0.5rem
background: $pink background: $pink
.content +desktop
width: 50% .is-half
width: 50%
</style> </style>

0
static/.gitkeep Normal file
View File