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

Cleaned Content Boxes, removed Background Object (unused)

Browse Source
This commit is contained in:
Dominic Masters
2018-10-24 17:38:24 +11:00
parent b9b69ef222
commit 704ce6e4c1
13 changed files with 36 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
public/styles/objects/_content-box.scss
View File

@ -1,22 +0,0 @@
/*
* Content Box
* Simple box to hold content, comes with great settings!
*
* Dependencies:
* styles/settings/colors.scss
* styles/tools/_shadow.scss
*
* Version:
* 1.0.0 - 2018/06/19
*/
$o-content-box--padding: 1em;
.o-content-box {
position: relative;
&.is-box {
@extend %t-dp--shadow;
background: $s-color--background;
padding: $o-content-box--padding;
}
}

49
public/styles/objects/_floating-content-box.scss
View File

@ -1,49 +0,0 @@
/*
* Floating Content Box
* Simple Floating Box, designed to sit content inside it.
*
* Dependencies:
* styles/settings/responsive.scss
* styles/tools/_absolute-centering.scss
* styles/tools/_responsive.scss
*
* Version:
* 1.0.0 - 2018/05/11
*/
$o-floating--inset: 5%;
.o-floating-content-box {
@include t-absolute-position-options($o-floating--inset);
max-width: 100% - ($o-floating--inset * 2);
&.is-medium,&.is-large {
width: 100%;
}
&__inner {
position: relative;
}
//Media Queries
@include t-media-query($s-xsmall-up) {
&.is-medium {
width: 450px;
}
}
@include t-media-query($s-small-up) {
&.is-large {
width: 700px;
}
}
@include t-media-query($s-large-up) {
&.is-medium {
width: 550px;
}
&.is-large {
width: 750px;
}
}
}