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

Cleaned Footer Code, beginning to compontentize SCSS

Browse Source
This commit is contained in:
Dominic Masters
2018-10-23 17:56:05 +11:00
parent 0b52fd1550
commit fa24078037
7 changed files with 81 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
public/styles/common.scss Normal file
View File

@ -0,0 +1,51 @@
// Copyright (c) 2018 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
/*
* Common Stylesheet
* Provides common element styling, particularly those that do not have a
* component to go by.
*
* Version:
* 2.0.0 - 2018/10/23
*/
@import './global.scss';
//Elements
@import './elements/all.scss';
@import './elements/button.scss';
@import './elements/html.scss';
@import './elements/img.scss';
@import './elements/inputs.scss';
@import './elements/_a.scss';
@import './elements/_body.scss';
@import './elements/_headings.scss';
//Utilities
@import './utilities/text-align.scss';
@import './utilities/_responsive.scss';
//Vendor
@import './vendor/_fonts.scss';

61
public/styles/components/_footer.scss
View File

@ -1,61 +0,0 @@
/*
* Footer
* Site Footer!
*
* Dependencies:
* styles/settings/colors.scss
* styles/settings/typography.scss
* styles/tools/flex.scss
* styles/tools/_box-shadow.scss
*
* Version:
* 1.0.0 - 2018/05/16
*/
$c-footer--link-color: red;
$c-footer--link-hover-color: blue;
.c-footer {
@extend %t-dp--shadow-3d;
padding-top: 8em;
padding-bottom: 10em;
position: relative;
overflow: hidden;
background-image: url($s-asset--directory+'images/banners/palms.svg');
background-size: cover;
&__inner {
text-align: center;
position: relative;
padding: 1em 0;
}
&__copyright {
font-size: 1.2em;
font-family: $s-font--stack-headings;
}
&__links {
padding-bottom: 1em;
}
&__link {
color: $s-color--footer__link;
&:hover {
color: $s-color--footer__link-hover;
}
+ #{&} {
display: inline-block;
margin-left: 1em;
}
}
&__part {
position: absolute;
left: 0;
width: 100%;
height: 100%;
bottom: 0;
}
}

67
public/styles/index.scss → public/styles/global.scss
View File

@ -21,6 +21,14 @@
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
/*
* Global Stylesheet
* Global stylesheet provides tools and common utilities for use throughout
* all stylesheets. This includes settings, mixins and pseudo-classes.
*
* Version:
* 1.0.0 - 2018/10/23
*/
@charset "UTF-8";
//Settings
@ -45,62 +53,3 @@
@import './tools/_absolute-centering.scss';
@import './tools/_input.scss';
@import './tools/_shadow.scss';
//Resets
//Elements
@import './elements/all.scss';
@import './elements/button.scss';
@import './elements/html.scss';
@import './elements/img.scss';
@import './elements/inputs.scss';
@import './elements/_a.scss';
@import './elements/_body.scss';
@import './elements/_headings.scss';
//Objects
@import './objects/_background.scss';
@import './objects/_button.scss';
@import './objects/_box-sizer.scss';
@import './objects/_content-box.scss';
@import './objects/_element-scroll-fader.scss';
@import './objects/_floating-content-box.scss';
@import './objects/_form.scss';
@import './objects/_input.scss';
@import './objects/_loadable-image.scss';
@import './objects/_loader.scss';
@import './objects/_modal.scss';
@import './objects/_page-transition.scss';
@import './objects/_title.scss';
@import './objects/_video.scss';
@import './objects/_window95.scss';
//Components
@import './components/_app.scss';
@import './components/_body-section.scss';
@import './components/_clear-section.scss';
@import './components/_footer.scss';
@import './components/_hamburger-menu.scss';
@import './components/_image-section.scss';
@import './components/_main.scss';
@import './components/_navbar.scss';
@import './components/_page.scss';
@import './components/_section.scss';
@import './components/_split-section.scss';
@import './components/_video-section.scss';
//Pages
@import './pages/_contact-page.scss';
@import './pages/_home-page.scss';
@import './pages/_privacy-policy-page.scss';
//Utilities
@import './utilities/text-align.scss';
@import './utilities/_responsive.scss';
//Vendor
@import './vendor/_fonts.scss';
//Trumps