YourWishes/domsPlace
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactoring a lot of code

Browse Source
This commit is contained in:
Dominic Masters
2018-04-09 07:05:06 +10:00
parent 914b1beef8
commit 63d1e21b9a
26 changed files with 314 additions and 406 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
public/styles/components/_navbar.scss
View File

@ -69,8 +69,8 @@ $c-navbar--link-offset: 5px;
@include t-media-query($s-small-up) {
.c-navbar {
width: 90%;
top:3em;
left: 2%;
top: 1em;
left: 1em;
@include t-box-shadow(-10px, 10px, 0px, rgba(0, 0, 0, 0.5));
}

3
public/styles/components/_page.scss
View File

@ -12,9 +12,10 @@
.c-page {
min-height: 100%;
@include t-flex-grow(1);
//@include t-gradient-directional($s-color--background-bottom, $s-color--background-top, 45deg);
@include t-gradient-directional($s-color--background-bottom, $s-color--background-top, 45deg);
padding-bottom: 5em;
//background-attachment: fixed;
//background-color: #000019;
//background-image: url('./../images/space.png');

27
public/styles/components/_scene-component.scss Normal file
View File

@ -0,0 +1,27 @@
/*
* Scene Component
* Styles for THREE JS Scene elements.
*
* Dependencies:
*
* Version:
* 1.0.0 - 2018/04/08
*/
.c-scene-component {
position: relative;
width: 100%;
height: 100%;
}
.c-scene-component__canvas-space {
width: 100%;
height: 100%;
}
.c-scene-component__canvas {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

3
public/styles/components/_section--style-body.scss
View File

@ -19,9 +19,6 @@
}
@include t-media-query($s-small-up) {
.c-section--style-body {
padding-left: 4%;
}
.c-section--style-body__inner {
@include t-box-shadow(-10px, 10px, 0px, rgba(0, 0, 0, 0.5));

10
public/styles/components/_section--style-poly.scss
View File

@ -1,10 +0,0 @@
/*
* Section Style Poly
* Styles for poly section elements
*
* Dependencies:
* styles/components/_section.scss
*
* Version:
* 1.0.0 - 2018/02/28
*/

24
public/styles/components/_section--style-three.scss
View File

@ -1,24 +0,0 @@
/*
* Section Style Three
* Styles for Three JS section elements
*
* Dependencies:
* styles/components/_section.scss
*
* Version:
* 1.0.0 - 2018/02/28
*/
.c-section--style-three {
height: 60vmin;
position: relative;
z-index: 0;
overflow-y: visible;
}
.c-section--style-three__canvas {
width: 100%;
height: 100vh;
top: 0;
left: 0;
position: absolute;
}

29
public/styles/components/_section--style-title.scss Normal file
View File

@ -0,0 +1,29 @@
/*
* Section Title Style
* Styles for title section
*
* Dependencies:
*
* Version:
* 1.0.0 - 2018/04/06
*/
$c-section--style-title__title-z-index: 5;
.c-section--style-title {
padding-top: 30vmin;
padding-bottom: 20vmin;
padding-left: 1em;
position: relative;
}
.c-section--style-title__model-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.c-section--style-title__title {
position: relative;
z-index: $c-section--style-title__title-z-index;
}

4
public/styles/index.scss
View File

@ -53,12 +53,12 @@
@import './components/_menu.scss';
@import './components/_navbar.scss';
@import './components/_page.scss';
@import './components/_scene-component.scss';
@import './components/_section.scss';
@import './components/_section--style-blank-promo.scss';
@import './components/_section--style-body.scss';
@import './components/_section--style-poly.scss';
@import './components/_section--style-split.scss';
@import './components/_section--style-three.scss';
@import './components/_section--style-title.scss';
@import './components/_w95.scss';
@import './components/_page--style-about.scss';