opdavies/rebuilding-acquia
Archived
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Extract app.css

Browse source
This commit is contained in:
Oliver Davies 2019-05-07 18:46:37 +01:00
parent 61461fd0b8
commit 38f2fe2120
2 changed files with 37 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
src/App.vue
View file

@ -6,41 +6,4 @@
</div> </div>
</template> </template>
<style lang="postcss"> <style src="./css/app.css"/>
@tailwind base;
html {
line-height: 1.15;
}
@tailwind components;
h1,
h2 {
@apply font-bold
}
h2 {
@apply text-2xl
}
.btn {
@apply text-sm font-thin antialiased text-white px-4 py-3 no-underline rounded mx-1 bg-blue-300;
&:hover,
&:focus {
@apply bg-blue-400
}
}
.btn.is-secondary {
@apply bg-gray-500;
&:hover,
&:focus {
@apply bg-gray-600
}
}
@tailwind utilities;
</style>

36
src/css/app.css Normal file
View file

@ -0,0 +1,36 @@
@tailwind base;
html {
line-height: 1.15;
}
@tailwind components;
h1,
h2 {
@apply font-bold
}
h2 {
@apply text-2xl
}
.btn {
@apply text-sm font-thin antialiased text-white px-4 py-3 no-underline rounded mx-1 bg-blue-300;
&:hover,
&:focus {
@apply bg-blue-400
}
}
.btn.is-secondary {
@apply bg-gray-500;
&:hover,
&:focus {
@apply bg-gray-600
}
}
@tailwind utilities;