Skip to content

Commit

Permalink
FTR
Browse files Browse the repository at this point in the history 
- CSS for the homepage
- Added SVG for homepage
  • Loading branch information
@sk5
sk5 committed Jan 13, 2020
1 parent e385363 commit e2d64a2
Show file tree
Hide file tree
Showing 6 changed files with 272 additions and 54 deletions.
Binary file modified .vs/fortherun/v15/.suo
View file
Binary file not shown.
12 changes: 0 additions & 12 deletions assets/css/_components.cart.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -53,18 +53,6 @@
position: relative;
//margin-bottom: 3rem;
padding: 2rem 0;
//
/*&:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
right: -20vw;
bottom: 0;
left: -20vw;
background: url("https://cdn.jsdelivr.net/gh/sk5/[email protected]/assets/images/polygon-background.svg"), linear-gradient(30deg, $yellow 0%, $orange 33%, $red 66%, $purple 100%);
background-size: cover;
}*/
}
//
&__title {
Expand Down
71 changes: 56 additions & 15 deletions assets/css/_components.products-listing.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -206,16 +206,27 @@
width: calc(100% + 40vw);
height: 40rem;
}
// Turn off for Your Inner Voice 1/13/2020
//&:before {
//content: "";
//position: absolute;
//z-index: 1;
//top: 0;
//right: -20vw;
//bottom: 0;
//left: -20vw;
//background: rgba(black, .3);
//}
//
&:before {
content: "";
position: absolute;
z-index: 1;
top: 0;
right: -20vw;
right: 0;
bottom: 0;
left: -20vw;
background: rgba(black, .3);
left: 0;
background-image: url("https://cdn.jsdelivr.net/gh/sk5/[email protected]/assets/images/LightningPattern.jpg");
background-repeat: repeat;
}
//
img {
Expand All @@ -238,25 +249,55 @@
}
}
//
// GENERIC HOMEPAGE HEADER 1/13/2020
//&__welcome {
//position: relative;
//z-index: 1;
//margin: 0 4rem;
//font-family: $brand-text;
//font-size: 2.75rem;
//line-height: .9375em;
//font-weight: 900;
//text-transform: uppercase;
//color: $white;
//
//@media screen and (min-width: 40.625em) { // 650px
// margin: 0 20vw;
// font-size: 5rem;
//}
//
//strong {
// font-weight: 900;
// color: $yellow;
//}
//}
// Your Inner Voice 1/13/2020
&__welcome {
position: relative;
z-index: 1;
margin: 0 4rem;
font-family: $brand-text;
font-size: 2.75rem;
line-height: .9375em;
font-weight: 900;
text-transform: uppercase;
color: $white;
width: 24rem;
height: 12rem;
background-image: url("https://cdn.jsdelivr.net/gh/sk5/[email protected]/assets/images/YourInnerVoice-Title.png");
background-repeat: no-repeat;
background-size: contain;
//
@media screen and (min-width: 40.625em) { // 650px
margin: 0 20vw;
font-size: 5rem;
height: 20rem;
}
//
strong {
font-weight: 900;
color: $yellow;
// 1/13/2020
.hidden {
position: absolute;
top: -99999px;
left: -99999px;
overflow: hidden;
height: .0625rem;
width: .0625rem;
clip: rect(.0625rem, .0625rem, .0625rem, .0625rem);
clip-path: inset(50%);
word-wrap: normal;
border: 0;
}
}
//
Expand Down
48 changes: 22 additions & 26 deletions assets/css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -661,12 +661,12 @@ button {
.feature__highlight:before {
content: "";
position: absolute;
z-index: 1;
top: 0;
right: -20vw;
right: 0;
bottom: 0;
left: -20vw;
background: rgba(0, 0, 0, 0.3); }
left: 0;
background-image: url("https://cdn.jsdelivr.net/gh/sk5/[email protected]/assets/images/LightningPattern.jpg");
background-repeat: repeat; }
.feature__highlight img {
position: absolute;
z-index: 0;
Expand All @@ -687,19 +687,26 @@ button {
position: relative;
z-index: 1;
margin: 0 4rem;
font-family: "Raleway", sans-serif;
font-size: 2.75rem;
line-height: .9375em;
font-weight: 900;
text-transform: uppercase;
color: #fff; }
width: 24rem;
height: 12rem;
background-image: url("https://cdn.jsdelivr.net/gh/sk5/[email protected]/assets/images/YourInnerVoice-Title.png");
background-repeat: no-repeat;
background-size: contain; }
@media screen and (min-width: 40.625em) {
.feature__welcome {
margin: 0 20vw;
font-size: 5rem; } }
.feature__welcome strong {
font-weight: 900;
color: #dbfc35; }
height: 20rem; } }
.feature__welcome .hidden {
position: absolute;
top: -99999px;
left: -99999px;
overflow: hidden;
height: .0625rem;
width: .0625rem;
clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
clip-path: inset(50%);
word-wrap: normal;
border: 0; }

.feature__title {
margin: 0 0 2rem 0;
Expand Down Expand Up @@ -1854,18 +1861,7 @@ button {

.cart__header {
position: relative;
padding: 2rem 0;
/*&:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
right: -20vw;
bottom: 0;
left: -20vw;
background: url("https://cdn.jsdelivr.net/gh/sk5/[email protected]/assets/images/polygon-background.svg"), linear-gradient(30deg, $yellow 0%, $orange 33%, $red 66%, $purple 100%);
background-size: cover;
}*/ }
padding: 2rem 0; }
@supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
.cart__header {
grid-column: 1;
Expand Down
2 changes: 1 addition & 1 deletion assets/css/styles.min.css
View file

Large diffs are not rendered by default.

Loading

0 comments on commit e2d64a2

Please sign in to comment.