KevinMidboe/seasoned
1
0
Fork 0
Code Issues 12 Pull Requests 1 Packages Projects Releases 1 Wiki Activity

Removed unused stylings

Browse Source
This commit is contained in:
Kevin
2019-06-02 17:17:23 +02:00
parent 7456579e55
commit 33750f6a65
2 changed files with 32 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
src/components/Home.vue
View File

@@ -35,79 +35,9 @@ export default {
@import "./src/scss/variables"; @import "./src/scss/variables";
@import "./src/scss/media-queries"; @import "./src/scss/media-queries";
.home{ .home{
&__header{
width: 100%;
height: 200px;
display: flex;
align-items: center;
justify-content: center;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
position: relative; position: relative;
background-color: $c-dark; padding: 50px 0 0;
background-image: url('~assets/arrival.jpg');
@include tablet-min{
height: 284px;
}
&:before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba($c-light, 0.7);
}
&-wrap{
text-align: center;
position: relative;
}
&-title{
font-weight: 500;
font-size: 22px;
text-transform: uppercase;
letter-spacing: 0.5px;
color: $c-dark;
margin: 0;
@include tablet-min{
font-size: 28px;
}
}
&-subtitle{
display: block;
font-size: 14px;
font-weight: 300;
color: $c-dark;
margin: 5px 0;
@include tablet-min{
font-size: 16px;
}
}
&-link{
text-decoration: none;
color: $c-dark;
font-size: 13px;
font-weight: 300;
opacity: 0.7;
transition: opacity 0.5s ease;
&:hover{
opacity: 1;
}
span{
display: inline-block;
vertical-align: middle;
}
&-icon{
display: inline-block;
vertical-align: middle;
margin-right: 2px;
width: 16px;
height: 15px;
fill: $c-dark;
}
}
}
.wrapper{ .wrapper{
min-height: 0; min-height: 0;
} }

35
src/components/LandingBanner.vue
View File

@@ -44,11 +44,10 @@ header {
background-position: 50% 50%; background-position: 50% 50%;
position: relative; position: relative;
background-color: $c-dark; background-color: $c-dark;
// background-image: url('~assets/arrival.jpg'); @include tablet-min {
@include tablet-min{
height: 284px; height: 284px;
} }
&:before{ &:before {
content: ""; content: "";
position: absolute; position: absolute;
top: 0; top: 0;
@@ -58,12 +57,12 @@ header {
background: rgba($c-light, 0.7); background: rgba($c-light, 0.7);
} }
.container{ .container {
text-align: center; text-align: center;
position: relative; position: relative;
} }
.title{ .title {
font-weight: 500; font-weight: 500;
font-size: 22px; font-size: 22px;
text-transform: uppercase; text-transform: uppercase;
@@ -75,7 +74,7 @@ header {
} }
} }
.subtitle{ .subtitle {
display: block; display: block;
font-size: 14px; font-size: 14px;
font-weight: 300; font-weight: 300;
@@ -85,5 +84,29 @@ header {
font-size: 16px; font-size: 16px;
} }
} }
.link {
text-decoration: none;
color: $c-dark;
font-size: 13px;
font-weight: 300;
opacity: 0.7;
transition: opacity 0.5s ease;
&:hover {
opacity: 1;
}
span {
display: inline-block;
vertical-align: middle;
}
&-icon {
display: inline-block;
vertical-align: middle;
margin-right: 2px;
width: 16px;
height: 15px;
fill: $c-dark;
}
}
} }
</style> </style>