KevinMidboe/seasoned
1
0
Fork 0
mirror of https://github.com/KevinMidboe/seasoned.git synced 2026-03-11 11:55:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Moved App.vue entry component styles to main.scss

Browse Source
This commit is contained in:
Kevin
2022-03-04 18:12:15 +01:00
parent 67de2a91fe
commit 86efb04eb8
2 changed files with 59 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
src/App.vue
View File

@@ -70,71 +70,6 @@ export default {
</script>
<style lang="scss">
// @import "./src/scss/main";
@import "./src/scss/variables";
@import "./src/scss/main";
@import "./src/scss/media-queries";
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
margin: 0;
padding: 0;
font-family: "Roboto", sans-serif;
line-height: 1.6;
background: $background-color;
color: $text-color;
transition: background-color 0.5s ease, color 0.5s ease;
* {
transition: background-color 0.5s ease, color 0.5s ease,
border-color 0.5s ease;
}
&.hidden {
overflow: hidden;
}
}
a:any-link {
color: inherit;
}
input,
textarea,
button {
font-family: "Roboto", sans-serif;
}
figure {
padding: 0;
margin: 0;
}
img {
display: block;
// max-width: 100%;
height: auto;
}
.no-scroll {
overflow: hidden;
}
.wrapper {
position: relative;
}
// router view transition
.fade-enter-active,
.fade-leave-active {
transition-property: opacity;
transition-duration: 0.25s;
}
.fade-enter-active {
transition-delay: 0.25s;
}
.fade-enter,
.fade-leave-active {
opacity: 0;
}
</style>