Restructuring folders [ Broken ]
This commit is contained in:
@ -20,7 +20,7 @@ $c-footer--link-hover-color: blue;
|
||||
padding-bottom: 10em;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background-image: url('./../images/banners/palms.svg');
|
||||
background-image: url($s-asset--directory+'images/banners/palms.svg');
|
||||
background-size: cover;
|
||||
|
||||
&__inner {
|
||||
|
@ -25,6 +25,7 @@
|
||||
|
||||
//Settings
|
||||
@import './settings/animation.scss';
|
||||
@import './settings/assets.scss';
|
||||
@import './settings/colors.scss';
|
||||
@import './settings/responsive.scss';
|
||||
@import './settings/typography.scss';
|
||||
|
@ -7,6 +7,7 @@
|
||||
* Version:
|
||||
* 1.0.0 - 2018/06/24
|
||||
*/
|
||||
|
||||
$o-window--color-background: #C0C0C0;
|
||||
$o-window--color-highlight: #0000BF;
|
||||
$o-window--color-disabled: #808080;
|
||||
@ -20,25 +21,25 @@ $o-window--one-third: #{"33.333333333%"};//I needed greater accuracy than SCSS p
|
||||
|
||||
@mixin o-window-border($thickness) {
|
||||
border: (3px * $thickness) solid black;
|
||||
border-image-source: url('./../images/window/window.svg');
|
||||
border-image-source: url($s-asset--directory+'images/window/window.svg');
|
||||
border-image-slice: $o-window--one-third;
|
||||
}
|
||||
|
||||
@mixin o-window-button($thickness) {
|
||||
border: (2px * $thickness) solid black;
|
||||
border-image-source: url('./../images/window/button.svg');
|
||||
border-image-source: url($s-asset--directory+'images/window/button.svg');
|
||||
border-image-slice: $o-window--one-third;
|
||||
display: inline-block;
|
||||
background: $o-window--color-background;
|
||||
|
||||
&:not(.is-disabled):active {
|
||||
border-image-source: url('./../images/window/button-inverted.svg');
|
||||
border-image-source: url($s-asset--directory+'images/window/button-inverted.svg');
|
||||
}
|
||||
}
|
||||
|
||||
@mixin o-window-frame($thickness) {
|
||||
border: (2px * $thickness) solid black;
|
||||
border-image: url('./../images/window/frame.svg') $o-window--one-third repeat;
|
||||
border-image: url($s-asset--directory+'images/window/frame.svg') $o-window--one-third repeat;
|
||||
}
|
||||
|
||||
//Classes
|
||||
@ -87,7 +88,7 @@ $o-window--one-third: #{"33.333333333%"};//I needed greater accuracy than SCSS p
|
||||
height: 14px * $o-window--scale;
|
||||
font-size: $o-window--font-size;
|
||||
|
||||
background-image: url('./../images/window/icons.png');
|
||||
background-image: url($s-asset--directory+'images/window/icons.png');
|
||||
background-position: 0px 0px;
|
||||
background-size: 48px*$o-window--scale 20px*$o-window--scale;
|
||||
|
||||
|
8
public/styles/settings/assets.scss
Normal file
8
public/styles/settings/assets.scss
Normal file
@ -0,0 +1,8 @@
|
||||
/*
|
||||
* Asset Settings
|
||||
* Provides basic settings for assets used throughout the SCSS
|
||||
*
|
||||
* Version:
|
||||
* 1.0.0 - 2018/10/22
|
||||
*/
|
||||
$s-asset--directory: './../assets/';
|
Reference in New Issue
Block a user