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:55:04 +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
src/assets/styles/components/_spotlight.scss
+54 -54
View File
@@ -2,71 +2,71 @@
/* Spotlight */
.spotlight {
@include vendor('align-items', 'center');
@include vendor('display', 'flex');
@include vendor('align-items', 'center');
@include vendor('display', 'flex');
.image {
@include vendor('order', '1');
border-radius: 0;
width: 40%;
.image {
@include vendor('order', '1');
border-radius: 0;
width: 40%;
img {
border-radius: 0;
width: 100%;
}
}
img {
border-radius: 0;
width: 100%;
}
}
.content {
@include padding(2em, 4em);
@include vendor('order', '2');
max-width: 48em;
width: 60%;
}
.content {
@include padding(2em, 4em);
@include vendor('order', '2');
max-width: 48em;
width: 60%;
}
&:nth-child(2n) {
@include vendor('flex-direction', 'row-reverse');
}
&:nth-child(2n) {
@include vendor('flex-direction', 'row-reverse');
}
@for $i from 1 through _misc(max-spotlights) {
$j: 0.075 * $i;
@for $i from 1 through _misc(max-spotlights) {
$j: 0.075 * $i;
&:nth-child(#{$i}) {
background-color: rgba(0,0,0, $j);
}
}
&:nth-child(#{$i}) {
background-color: rgba(0,0,0, $j);
}
}
@include breakpoint(large) {
.image {
width: 45%;
}
@include breakpoint(large) {
.image {
width: 45%;
}
.content {
width: 55%;
}
}
.content {
width: 55%;
}
}
@include breakpoint(medium) {
display: block;
@include breakpoint(medium) {
display: block;
br {
display: none;
}
br {
display: none;
}
.image {
width: 100%;
}
.image {
width: 100%;
}
.content {
@include padding(4em, 3em);
max-width: none;
text-align: center;
width: 100%;
}
}
.content {
@include padding(4em, 3em);
max-width: none;
text-align: center;
width: 100%;
}
}
@include breakpoint(small) {
.content {
@include padding(3em, 2em);
}
}
@include breakpoint(small) {
.content {
@include padding(3em, 2em);
}
}
}