Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2024-11-27 08:02:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

page: Update Nuxt uvp and tweaks on CSS

Browse Source
This commit is contained in:
Sébastien Chopin 2018-10-30 16:01:33 +01:00
parent 39b558f59c
commit b5522f627b
1 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
packages/vue-app/template/pages/index.vue
View File

@ -10,7 +10,7 @@
</div> </div>
<h1 class="Landscape__Logo__Title">NUXT</h1> <h1 class="Landscape__Logo__Title">NUXT</h1>
</div> </div>
<h2 class="Landscape__Title">Universal Vue.js Applications</h2> <h2 class="Landscape__Title">The Vue.js Developers Framework</h2>
<a href="https://nuxtjs.org/guide/installation#starting-from-scratch" target="_blank" class="button"> <a href="https://nuxtjs.org/guide/installation#starting-from-scratch" target="_blank" class="button">
Get Started Get Started
</a> </a>
@ -21,17 +21,17 @@
<style> <style>
.Landscape { .Landscape {
min-height: calc(100vh - 50px); min-height: calc(100vh - 200px);
background-color: #fff; background-color: #fff;
padding: 70px 15px; padding: 70px 15px;
padding-top: 100px; padding-top: 80px;
text-align: center; text-align: center;
} }
@media (min-width: 992px) { @media (min-width: 992px) {
.Landscape { .Landscape {
padding: 140px 30px; padding: 0 30px;
padding-top: 200px; padding-top: 140px;
} }
} }
@ -39,13 +39,12 @@
margin:0; margin:0;
padding:0; padding:0;
font-family: "Quicksand", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-family: "Quicksand", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 20px;
display: block; display: block;
font-weight: 300; font-weight: 300;
font-size: 100px; font-size: 100px;
color: #35495e; color: #35495e;
letter-spacing: 1px; letter-spacing: 1px;
padding: 25px 15px; padding: 0 15px;
} }
@media (min-width: 992px) { @media (min-width: 992px) {
@ -62,7 +61,8 @@
font-size: 45px; font-size: 45px;
font-weight: 300; font-weight: 300;
line-height: normal; line-height: normal;
margin: 30px 0; margin: 0;
margin-top: 10px;
color: #526488; color: #526488;
word-spacing: 5px; word-spacing: 5px;
} }
@ -171,5 +171,6 @@
border-radius: 4px; border-radius: 4px;
letter-spacing: 1px; letter-spacing: 1px;
border: 1px solid #3b8070; border: 1px solid #3b8070;
margin-top: 40px;
} }
</style> </style>