PPBe/parley_landing_page
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Made the landing page

Browse Source 
* Unneeded demo files where removed
* Content was added
* I changed things to make the site work without javascript
    * It still uses javascript, but disabeling javascript made it that text wasn't shown, this isn't the case any more
        * I just removed the class from the body element
        * When opening the site it has a weird "jump" effect instead of comming up. This could be better, but is good enough for now
        * I only removed the class in the html, not from the css or javascript
            * This should also be done, but feels like too much work for now
    * Images didn't properly fit any more when javascript was disabled. This has been fixed with css and there is no distinction anymore between js and non-js
        * This probably means that there is javascript or something that should be removed. I didn't do that
* The "Our Services" section had three shades for the children, but then fell back on the first shade for other sections. It now uses two shades, one for odd children and one for even children
This commit is contained in:
Ilja
2020-07-17 20:58:16 +02:00
parent 6a441062e7
commit c462687bbe
80 changed files with 24732 additions and 3930 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
original/assets/sass/components/_actions.scss Normal file
View File

@@ -0,0 +1,101 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Actions */
ul.actions {
@include vendor('display', 'flex');
cursor: default;
list-style: none;
margin-left: (_size(element-margin) * -0.5);
padding-left: 0;
li {
padding: 0 0 0 (_size(element-margin) * 0.5);
vertical-align: middle;
}
&.special {
@include vendor('justify-content', 'center');
width: 100%;
margin-left: 0;
li {
&:first-child {
padding-left: 0;
}
}
}
&.stacked {
@include vendor('flex-direction', 'column');
margin-left: 0;
li {
padding: (_size(element-margin) * 0.65) 0 0 0;
&:first-child {
padding-top: 0;
}
}
}
&.fit {
width: calc(100% + #{_size(element-margin) * 0.5});
li {
@include vendor('flex-grow', '1');
@include vendor('flex-shrink', '1');
width: 100%;
> * {
width: 100%;
}
}
&.stacked {
width: 100%;
}
}
@include breakpoint('<=xsmall') {
&:not(.fixed) {
@include vendor('flex-direction', 'column');
margin-left: 0;
width: 100% !important;
li {
@include vendor('flex-grow', '1');
@include vendor('flex-shrink', '1');
padding: (_size(element-margin) * 0.5) 0 0 0;
text-align: center;
width: 100%;
> * {
width: 100%;
}
&:first-child {
padding-top: 0;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
width: 100%;
&.icon {
&:before {
margin-left: -0.5rem;
}
}
}
}
}
}
}

26
original/assets/sass/components/_box.scss Normal file
View File

@@ -0,0 +1,26 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Box */
.box {
border-radius: _size(border-radius);
border: solid _size(border-width) _palette(border);
margin-bottom: _size(element-margin);
padding: 1.5em;
> :last-child,
> :last-child > :last-child,
> :last-child > :last-child > :last-child {
margin-bottom: 0;
}
&.alt {
border: 0;
border-radius: 0;
padding: 0;
}
}

106
original/assets/sass/components/_button.scss Normal file
View File

@@ -0,0 +1,106 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Button */
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
@include vendor('appearance', 'none');
@include vendor('transition', (
'border-color #{_duration(transition)} ease'
));
background-color: transparent;
border: solid 1px !important;
border-color: _palette(border) !important;
border-radius: 3em;
color: _palette(fg-bold) !important;
cursor: pointer;
display: inline-block;
font-size: 0.6em;
font-weight: _font(weight-bold);
height: calc(4.75em + 2px);
letter-spacing: _font(kerning-alt);
line-height: 4.75em;
outline: 0;
padding: 0 3.75em;
position: relative;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
&:after {
@include vendor('transform', 'scale(0.25)');
@include vendor('pointer-events', 'none');
@include vendor('transition', (
'opacity #{_duration(transition)} ease',
'transform #{_duration(transition)} ease'
));
background: _palette(fg-bold);
border-radius: 3em;
content: '';
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
}
&.icon {
&:before {
margin-right: 0.75em;
}
}
&.fit {
width: 100%;
}
&.small {
font-size: 0.4em;
}
&.large {
font-size: 0.8em;
}
&.primary {
background-color: _palette(fg-bold);
color: _palette(bg) !important;
&:after {
display: none;
}
}
&.disabled,
&:disabled {
cursor: default;
opacity: 0.5;
@include vendor('pointer-events', 'none');
}
&:hover {
border-color: _palette(fg) !important;
&:after {
opacity: 0.05;
@include vendor('transform', 'scale(1)');
}
&:active {
border-color: _palette(fg-bold) !important;
&:after {
opacity: 0.1;
}
}
}
}

21
original/assets/sass/components/_contact.scss Normal file
View File

@@ -0,0 +1,21 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Contact */
ul.contact {
list-style: none;
padding: 0;
> li {
padding: 0;
margin: 1.5em 0 0 0;
&:first-child {
margin-top: 0;
}
}
}

98
original/assets/sass/components/_features.scss Normal file
View File

@@ -0,0 +1,98 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Features */
.features {
@include vendor('display', 'flex');
@include vendor('flex-wrap', 'wrap');
border-radius: _size(border-radius);
border: solid 1px _palette(border);
background: _palette(border-bg);
margin: 0 0 _size(element-margin) 0;
section {
@include padding(3em, 3em, (0.5em, 0, 0, 4em));
width: 50%;
border-top: solid 1px _palette(border);
position: relative;
&:nth-child(-n + 2) {
border-top-width: 0;
}
&:nth-child(2n) {
border-left: solid 1px _palette(border);
}
.icon {
@include vendor('transition', (
'opacity #{_duration(activation) * 0.5} ease',
'transform #{_duration(activation) * 0.5} ease'
));
@include vendor('transition-delay', '1s');
@include vendor('transform', 'scale(1)');
position: absolute;
left: 3em;
top: 3em;
opacity: 1;
}
@for $i from 1 through _misc(max-features) {
&:nth-child(#{$i}) {
.icon {
@include vendor('transition-delay', '#{(_duration(transition) * 0.75 * $i)}');
}
}
}
}
&.inactive {
section {
.icon {
@include vendor('transform', 'scale(0.5)');
opacity: 0;
}
}
}
@include breakpoint('<=medium') {
display: block;
section {
border-top-width: 1px !important;
border-left-width: 0 !important;
width: 100%;
&:first-child {
border-top-width: 0 !important;
}
}
}
@include breakpoint('<=small') {
section {
@include padding(2em, 1.5em, (0.5em, 0, 0, 4em));
.icon {
left: 1.5em;
top: 2em;
}
}
}
@include breakpoint('<=xsmall') {
section {
@include padding(2em, 1.5em, (0, 0, 0, 0));
.icon {
left: 0;
position: relative;
top: 0;
}
}
}
}

237
original/assets/sass/components/_form.scss Normal file
View File

@@ -0,0 +1,237 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Form */
form {
margin: 0 0 _size(element-margin) 0;
> :last-child {
margin-bottom: 0;
}
> .fields {
$gutter: (_size(element-margin) * 0.75);
@include vendor('display', 'flex');
@include vendor('flex-wrap', 'wrap');
width: calc(100% + #{$gutter * 2});
margin: ($gutter * -1) 0 _size(element-margin) ($gutter * -1);
> .field {
@include vendor('flex-grow', '0');
@include vendor('flex-shrink', '0');
padding: $gutter 0 0 $gutter;
width: calc(100% - #{$gutter * 1});
&.half {
width: calc(50% - #{$gutter * 0.5});
}
&.third {
width: calc(#{100% / 3} - #{$gutter * (1 / 3)});
}
&.quarter {
width: calc(25% - #{$gutter * 0.25});
}
}
}
@include breakpoint('<=xsmall') {
> .fields {
$gutter: (_size(element-margin) * 0.75);
width: calc(100% + #{$gutter * 2});
margin: ($gutter * -1) 0 _size(element-margin) ($gutter * -1);
> .field {
padding: $gutter 0 0 $gutter;
width: calc(100% - #{$gutter * 1});
&.half {
width: calc(100% - #{$gutter * 1});
}
&.third {
width: calc(100% - #{$gutter * 1});
}
&.quarter {
width: calc(100% - #{$gutter * 1});
}
}
}
}
}
label {
color: _palette(fg-bold);
font-weight: _font(weight-bold);
line-height: 1.5;
margin: 0 0 (_size(element-margin) * 0.35) 0;
display: block;
font-size: 1.1em;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
select,
textarea {
@include vendor('appearance', 'none');
background: _palette(border-bg);
border-radius: _size(border-radius);
border: none;
border: solid _size(border-width) _palette(border);
color: inherit;
display: block;
outline: 0;
padding: 0 1em;
text-decoration: none;
width: 100%;
&:invalid {
box-shadow: none;
}
&:focus {
border-color: _palette(fg-bold);
box-shadow: 0 0 0 _size(border-width) _palette(fg-bold);
}
}
select {
background-image: svg-url("<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'><path d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='#{_palette(border)}' /></svg>");
background-size: 1.25rem;
background-repeat: no-repeat;
background-position: calc(100% - 1rem) center;
height: _size(element-height);
padding-right: _size(element-height);
text-overflow: ellipsis;
option {
color: _palette(fg-bold);
background: _palette(bg);
}
&:focus {
&::-ms-value {
background-color: transparent;
}
}
&::-ms-expand {
display: none;
}
}
input[type="text"],
input[type="password"],
input[type="email"],
select {
height: _size(element-height);
}
textarea {
padding: 0.75em 1em;
body.is-ie & {
min-height: 10em;
}
}
input[type="checkbox"],
input[type="radio"], {
@include vendor('appearance', 'none');
display: block;
float: left;
margin-right: -2em;
opacity: 0;
width: 1em;
z-index: -1;
& + label {
@include icon(false, solid);
color: _palette(fg);
cursor: pointer;
display: inline-block;
font-size: 1em;
font-weight: _font(weight);
padding-left: (_size(element-height) * 0.6) + 0.75em;
padding-right: 0.75em;
position: relative;
&:before {
background: _palette(border-bg);
border-radius: _size(border-radius);
border: solid _size(border-width) _palette(border);
content: '';
display: inline-block;
font-size: 0.8em;
height: (_size(element-height) * 0.75);
left: 0;
line-height: (_size(element-height) * 0.75);
position: absolute;
text-align: center;
top: 0;
width: (_size(element-height) * 0.75);
}
}
&:checked + label {
&:before {
background: _palette(fg-bold);
border-color: _palette(fg-bold);
color: _palette(accent3);
content: '\f00c';
}
}
&:focus + label {
&:before {
border-color: _palette(fg-bold);
box-shadow: 0 0 0 _size(border-width) _palette(fg-bold);
}
}
}
input[type="checkbox"] {
& + label {
&:before {
border-radius: _size(border-radius);
}
}
}
input[type="radio"] {
& + label {
&:before {
border-radius: 100%;
}
}
}
::-webkit-input-placeholder {
color: _palette(fg-light) !important;
opacity: 1.0;
}
:-moz-placeholder {
color: _palette(fg-light) !important;
opacity: 1.0;
}
::-moz-placeholder {
color: _palette(fg-light) !important;
opacity: 1.0;
}
:-ms-input-placeholder {
color: _palette(fg-light) !important;
opacity: 1.0;
}

73
original/assets/sass/components/_icon.scss Normal file
View File

@@ -0,0 +1,73 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Icon */
.icon {
@include icon;
border-bottom: none;
position: relative;
> .label {
display: none;
}
&:before {
line-height: inherit;
}
&.solid {
&:before {
font-weight: 900;
}
}
&.brands {
&:before {
font-family: 'Font Awesome 5 Brands';
}
}
&.major {
width: 2.5em;
height: 2.5em;
display: block;
background: _palette(fg-bold);
border-radius: 100%;
color: _palette(bg);
text-align: center;
line-height: 2.5em;
margin: 0 0 (_size(element-margin) * 0.65) 0;
&:before {
font-size: 1.25em;
.wrapper.style1 & {
color: _palette(accent1);
}
.wrapper.style1-alt & {
color: _palette(accent1-alt);
}
.wrapper.style2 & {
color: _palette(accent2);
}
.wrapper.style2-alt & {
color: _palette(accent2-alt);
}
.wrapper.style3 & {
color: _palette(accent3);
}
.wrapper.style3-alt & {
color: _palette(accent3-alt);
}
}
}
}

30
original/assets/sass/components/_icons.scss Normal file
View File

@@ -0,0 +1,30 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Icons */
ul.icons {
cursor: default;
list-style: none;
padding-left: 0;
li {
display: inline-block;
padding: 0 0.75em 0 0;
&:last-child {
padding-right: 0;
}
> a, > span {
border: 0;
.label {
display: none;
}
}
}
}

60
original/assets/sass/components/_image.scss Normal file
View File

@@ -0,0 +1,60 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Image */
.image {
border-radius: _size(border-radius);
border: 0;
display: inline-block;
position: relative;
img {
border-radius: _size(border-radius);
display: block;
}
&.left,
&.right {
max-width: 40%;
img {
width: 100%;
}
}
&.left {
float: left;
margin: 0 1.5em 1em 0;
top: 0.25em;
}
&.right {
float: right;
margin: 0 0 1em 1.5em;
top: 0.25em;
}
&.fit {
display: block;
margin: 0 0 _size(element-margin) 0;
width: 100%;
img {
width: 100%;
}
}
&.main {
display: block;
margin: 0 0 (_size(element-margin) * 1.5) 0;
width: 100%;
img {
width: 100%;
}
}
}

56
original/assets/sass/components/_list.scss Normal file
View File

@@ -0,0 +1,56 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* List */
ol {
list-style: decimal;
margin: 0 0 _size(element-margin) 0;
padding-left: 1.25em;
li {
padding-left: 0.25em;
}
}
ul {
list-style: disc;
margin: 0 0 _size(element-margin) 0;
padding-left: 1em;
li {
padding-left: 0.5em;
}
&.alt {
list-style: none;
padding-left: 0;
li {
border-top: solid _size(border-width) _palette(border);
padding: 0.5em 0;
&:first-child {
border-top: 0;
padding-top: 0;
}
}
}
}
dl {
margin: 0 0 _size(element-margin) 0;
dt {
display: block;
font-weight: _font(weight-bold);
margin: 0 0 (_size(element-margin) * 0.5) 0;
}
dd {
margin-left: _size(element-margin);
}
}

36
original/assets/sass/components/_menu.scss Normal file
View File

@@ -0,0 +1,36 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Menu */
ul.menu {
list-style: none;
padding: 0;
> li {
border-left: solid 1px _palette(border);
display: inline-block;
line-height: 1;
margin-left: 1.5em;
padding: 0 0 0 1.5em;
&:first-child {
border-left: 0;
margin: 0;
padding-left: 0;
}
}
@include breakpoint('<=xsmall') {
> li {
border-left: 0;
display: block;
line-height: inherit;
margin: 0.5em 0 0 0;
padding-left: 0;
}
}
}

31
original/assets/sass/components/_row.scss Normal file
View File

@@ -0,0 +1,31 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Row */
.row {
@include html-grid(1.5em);
@include breakpoint('<=xlarge') {
@include html-grid(1.5em, 'xlarge');
}
@include breakpoint('<=large') {
@include html-grid(1.5em, 'large');
}
@include breakpoint('<=medium') {
@include html-grid(1.5em, 'medium');
}
@include breakpoint('<=small') {
@include html-grid(1.5em, 'small');
}
@include breakpoint('<=xsmall') {
@include html-grid(1.5em, 'xsmall');
}
}

41
original/assets/sass/components/_section.scss Normal file
View File

@@ -0,0 +1,41 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Section/Article */
section, article {
&.special {
text-align: center;
}
}
header {
p {
color: _palette(fg-light);
position: relative;
margin: 0 0 (_size(element-margin) * 0.75) 0;
}
h2 + p {
font-size: 1.25em;
margin-top: (_size(element-margin) * -0.5);
line-height: 1.5em;
}
h3 + p {
font-size: 1.1em;
margin-top: (_size(element-margin) * -0.4);
line-height: 1.5em;
}
h4 + p,
h5 + p,
h6 + p {
font-size: 0.9em;
margin-top: (_size(element-margin) * -0.3);
line-height: 1.5em;
}
}

91
original/assets/sass/components/_split.scss Normal file
View File

@@ -0,0 +1,91 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Split */
.split {
@include vendor('display', 'flex');
> * {
width: calc(50% - 2.5em);
}
> :nth-child(2n - 1) {
padding-right: 2.5em;
border-right: solid 1px _palette(border);
}
> :nth-child(2n) {
padding-left: 2.5em;
}
&.style1 {
> :nth-child(2n - 1) {
width: calc(66.66666% - 2.5em);
}
> :nth-child(2n) {
width: calc(33.33333% - 2.5em);
}
}
@include breakpoint('<=xlarge') {
> * {
width: calc(50% - 2em);
}
> :nth-child(2n - 1) {
padding-right: 2em;
}
> :nth-child(2n) {
padding-left: 2em;
}
&.style1 {
> :nth-child(2n - 1) {
width: calc(66.66666% - 2em);
}
> :nth-child(2n) {
width: calc(33.33333% - 2em);
}
}
}
@include breakpoint('<=medium') {
display: block;
> * {
border-top: solid 1px _palette(border);
margin: 4em 0 0 0;
padding: 4em 0 0 0;
width: 100% !important;
}
> :nth-child(2n - 1) {
border-right: 0;
padding-right: 0;
}
> :nth-child(2n) {
padding-left: 0;
}
> :first-child {
border-top: 0;
margin-top: 0;
padding-top: 0;
}
}
@include breakpoint('<=small') {
> * {
margin: 3em 0 0 0;
padding: 3em 0 0 0;
}
}
}

131
original/assets/sass/components/_spotlights.scss Normal file
View File

@@ -0,0 +1,131 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Spotlights */
.spotlights {
> section {
@include vendor('display', 'flex');
@include vendor('flex-direction', 'row');
min-height: 22.5em;
body.is-ie & {
min-height: 0;
}
> .image {
background-position: center center;
background-size: cover;
border-radius: 0;
display: block;
position: relative;
width: 25em;
img {
border-radius: 0;
display: block;
}
&:before {
@include vendor('transition', 'opacity #{_duration(activation)} ease');
background: transparentize(_palette(bg), 0.1);
content: '';
display: block;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
}
}
> .content {
@include padding(4em, 5em);
@include vendor('display', 'flex');
@include vendor('flex-direction', 'column');
@include vendor('justify-content', 'center');
width: #{_size(inner-width) - 25em};
-ms-flex: 1;
> .inner {
@include vendor('transform', 'translateX(0) translateY(0)');
@include vendor('transition', (
'opacity #{_duration(activation)} ease',
'transform #{_duration(activation)} ease'
));
opacity: 1;
}
}
&:nth-child(1) {
}
&:nth-child(2) {
background-color: rgba(0,0,0,0.05);
}
&:nth-child(3) {
background-color: rgba(0,0,0,0.1);
}
&.inactive,
body.is-preload & {
> .image {
&:before {
opacity: 1;
}
}
> .content {
> .inner {
@include vendor('transform', 'translateX(-1em)');
opacity: 0;
}
}
}
@include breakpoint('<=xlarge') {
> .content {
@include padding(4em, 4em);
}
}
@include breakpoint('<=medium') {
display: block;
> .image {
width: 100%;
height: 50vh;
}
> .content {
width: 100%;
}
&.inactive,
body.is-preload & {
> .content {
> .inner {
@include vendor('transform', 'translateY(1em)');
}
}
}
}
@include breakpoint('<=small') {
> .image {
height: 50vh;
min-height: 15em;
}
> .content {
@include padding(3em, 2em);
}
}
}
}

81
original/assets/sass/components/_table.scss Normal file
View File

@@ -0,0 +1,81 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Table */
.table-wrapper {
-webkit-overflow-scrolling: touch;
overflow-x: auto;
}
table {
margin: 0 0 _size(element-margin) 0;
width: 100%;
tbody {
tr {
border: solid _size(border-width) _palette(border);
border-left: 0;
border-right: 0;
&:nth-child(2n + 1) {
background-color: _palette(border-bg);
}
}
}
td {
padding: 0.75em 0.75em;
}
th {
color: _palette(fg-bold);
font-size: 1em;
font-weight: _font(weight-bold);
padding: 0 0.75em 0.75em 0.75em;
text-align: left;
}
thead {
border-bottom: solid (_size(border-width) * 2) _palette(border);
}
tfoot {
border-top: solid (_size(border-width) * 2) _palette(border);
}
&.alt {
border-collapse: separate;
tbody {
tr {
td {
border: solid _size(border-width) _palette(border);
border-left-width: 0;
border-top-width: 0;
&:first-child {
border-left-width: _size(border-width);
}
}
&:first-child {
td {
border-top-width: _size(border-width);
}
}
}
}
thead {
border-bottom: 0;
}
tfoot {
border-top: 0;
}
}
}

139
original/assets/sass/components/_wrapper.scss Normal file
View File

@@ -0,0 +1,139 @@
///
/// Hyperspace by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Wrapper */
.wrapper {
position: relative;
> .inner {
@include padding(5em, 5em);
max-width: 100%;
width: _size(inner-width);
@include breakpoint('<=xlarge') {
@include padding(4em, 4em);
}
@include breakpoint('<=large') {
width: 100%;
}
@include breakpoint('<=small') {
@include padding(3em, 2em);
}
}
&.alt {
background-color: _palette(bg-alt);
}
&.style1 {
background-color: _palette(accent1);
}
&.style1-alt {
background-color: _palette(accent1-alt);
}
&.style2 {
background-color: _palette(accent2);
}
&.style2-alt {
background-color: _palette(accent2-alt);
}
&.style3 {
background-color: _palette(accent3);
}
&.style3-alt {
background-color: _palette(accent3-alt);
}
&.fullscreen {
@include vendor('display', 'flex');
@include vendor('flex-direction', 'column');
@include vendor('justify-content', 'center');
min-height: 100vh;
body.is-ie & {
height: 100vh;
}
@include breakpoint('<=large') {
min-height: calc(100vh - 2.5em);
body.is-ie & {
height: calc(100vh - 2.5em);
}
}
@include breakpoint('<=small') {
padding: 2em 0;
min-height: 0;
body.is-ie & {
height: auto;
}
}
}
&.fade-up {
> .inner {
@include vendor('transform', 'translateY(0)');
@include vendor('transition', (
'opacity #{_duration(activation)} ease',
'transform #{_duration(activation)} ease'
));
opacity: 1.0;
}
&.inactive,
body.is-preload & {
> .inner {
opacity: 0;
@include vendor('transform', 'translateY(1em)');
}
}
}
&.fade-down {
> .inner {
@include vendor('transform', 'translateY(0)');
@include vendor('transition', (
'opacity #{_duration(activation)} ease',
'transform #{_duration(activation)} ease'
));
opacity: 1.0;
}
&.inactive,
body.is-preload & {
> .inner {
opacity: 0;
@include vendor('transform', 'translateY(-1em)');
}
}
}
&.fade {
> .inner {
@include vendor('transition', (
'opacity #{_duration(activation)} ease'
));
opacity: 1.0;
}
&.inactive,
body.is-preload & {
> .inner {
opacity: 0;
}
}
}
}