autonomic-cooperative/autonomic.zone
Archived
4
0
Fork 0
Code Issues 15 Pull Requests 2 Releases Activity

Add editor config. Kill all tabs.

Browse Source 
Closes https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/issues/19.
This commit is contained in:
Luke Murphy
2017-09-24 00:54:08 +02:00
parent 6a12122b7e
commit 8cb8eb599a
51 changed files with 2989 additions and 2981 deletions
Download Patch File Download Diff File Expand all files Collapse all files

138
src/assets/styles/components/_banner.scss
View File

@ -2,87 +2,87 @@
/* Banner */
#banner {
@include vendor('display', 'flex');
@include vendor('flex-direction', 'column');
@include vendor('justify-content', 'center');
cursor: default;
height: 100vh;
min-height: 35em;
overflow: hidden;
position: relative;
text-align: center;
@include vendor('display', 'flex');
@include vendor('flex-direction', 'column');
@include vendor('justify-content', 'center');
cursor: default;
height: 100vh;
min-height: 35em;
overflow: hidden;
position: relative;
text-align: center;
h2 {
@include vendor('transform', 'scale(1)');
@include vendor('transition', ('transform 0.5s ease', 'opacity 0.5s ease'));
display: inline-block;
font-size: 1.75em;
opacity: 1;
padding: 0.35em 1em;
position: relative;
z-index: 1;
h2 {
@include vendor('transform', 'scale(1)');
@include vendor('transition', ('transform 0.5s ease', 'opacity 0.5s ease'));
display: inline-block;
font-size: 1.75em;
opacity: 1;
padding: 0.35em 1em;
position: relative;
z-index: 1;
&:before, &:after {
@include vendor('transition', 'width 1s ease');
@include vendor('transition-delay', '0.25s');
background: _palette(fg-bold);
content: '';
display: block;
height: 2px;
position: absolute;
width: 100%;
}
&:before, &:after {
@include vendor('transition', 'width 1s ease');
@include vendor('transition-delay', '0.25s');
background: _palette(fg-bold);
content: '';
display: block;
height: 2px;
position: absolute;
width: 100%;
}
&:before {
top: 0;
left: 0;
}
&:before {
top: 0;
left: 0;
}
&:after {
bottom: 0;
right: 0;
}
}
&:after {
bottom: 0;
right: 0;
}
}
h1 {
@include vendor('transition', 'opacity 0.5s ease');
@include vendor('transition-delay', '1s');
margin-bottom: 25px;
opacity: 1;
h1 {
@include vendor('transition', 'opacity 0.5s ease');
@include vendor('transition-delay', '1s');
margin-bottom: 25px;
opacity: 1;
a {
color: inherit;
}
}
a {
color: inherit;
}
}
@include breakpoint(small) {
@include padding(7em, 3em);
height: auto;
min-height: 0;
@include breakpoint(small) {
@include padding(7em, 3em);
height: auto;
min-height: 0;
h2 {
font-size: 1.25em;
}
h2 {
font-size: 1.25em;
}
br {
display: none;
}
}
br {
display: none;
}
}
}
body.is-loading {
#banner {
h1 {
opacity: 0;
}
#banner {
h1 {
opacity: 0;
}
h2 {
@include vendor('transform', 'scale(0.95)');
opacity: 0;
h2 {
@include vendor('transform', 'scale(0.95)');
opacity: 0;
&:before, &:after {
width: 0;
}
}
}
&:before, &:after {
width: 0;
}
}
}
}