Skip to content

Commit

Permalink
Version 3.4
Browse files Browse the repository at this point in the history
  • Loading branch information
@zitrusfrisch
zitrusfrisch committed Apr 22, 2016
1 parent 1e7945c commit 224cbe6
Show file tree
Hide file tree
Showing 23 changed files with 427 additions and 323 deletions.
224 changes: 178 additions & 46 deletions css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -443,11 +443,13 @@ a {
color: #39a0e5;
text-decoration: none;
outline: 0;
-ms-transition: color 200ms ease-in-out;
-webkit-transition: color 200ms ease-in-out;
transition: color 200ms ease-in-out; }
a:hover, a:focus, a:active {
color: #1879b9;
text-decoration: none;
-ms-transition: color 100ms ease-in-out;
-webkit-transition: color 100ms ease-in-out;
transition: color 100ms ease-in-out; }

Expand Down Expand Up @@ -532,6 +534,11 @@ hr {
border-top: 1px solid #d1d2d2;
margin: 0 0 16px; }

.text--big {
font-size: 24px;
line-height: 32px;
display: inline-block; }

.text--light {
color: #838587; }

Expand Down Expand Up @@ -698,14 +705,16 @@ input[type=search] {
border: 2px solid #39a0e5;
border-radius: 3px;
box-shadow: none;
margin: 0 0 16px;
margin: 0;
padding: 0 16px;
-ms-transition: all 200ms ease-in-out;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out; }
.btn:hover {
background: #1879b9;
color: #fff;
border-color: #1879b9;
-ms-transition: all 100ms ease-in-out;
-webkit-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out; }
.btn:active {
Expand Down Expand Up @@ -862,16 +871,18 @@ figure, audio, video {

.align--left {
text-align: left; }

.align--right {
text-align: right; }

.align--center {
text-align: center; }

.align--justify {
text-align: justify; }

.float--left {
float: left; }
.float--right {
float: right; }

.hide {
display: none !important; }

Expand All @@ -889,65 +900,189 @@ figure, audio, video {
display: table;
clear: both; }

.block {
display: block; }

.margin--none {
margin-bottom: 0; }
.margin--xs {
margin-bottom: 4px; }
.margin--s {
margin-bottom: 8px; }
.margin--m {
margin-bottom: 16px; }
.margin--l {
margin-bottom: 24px; }
.margin--xl {
margin-bottom: 32px; }
.margin--xxl {
margin-bottom: 48px; }
.margin--xxxl {
margin-bottom: 64px; }

.grid {
font-size: 0;
text-justify: distribute-all-lines; }
.grid__cell {
font-size: 16px;
line-height: 24px;
text-align: left;
display: inline-block;
width: 100%;
vertical-align: top; }
.grid__cell--xs--1-1 {
width: 100%; }
.grid__cell--xs--4-5 {
width: 80%; }
.grid__cell--xs--3-4 {
width: 75%; }
.grid__cell--xs--2-3 {
width: 66.6667%; }
.grid__cell--xs--3-5 {
width: 60%; }
.grid__cell--xs--1-2 {
width: 50%; }
.grid__cell--xs--2-5 {
width: 40%; }
.grid__cell--xs--1-3 {
width: 33.3334%; }
.grid__cell--xs--1-4 {
width: 25%; }
.grid__cell--xs--1-5 {
width: 20%; }
.grid__cell--xs--1-6 {
width: 16.66667%; }
@media only screen and (min-width: 480px) {
.grid__cell {
width: 50%; } }
.grid__cell--s--1-1 {
width: 100%; }
.grid__cell--s--4-5 {
width: 80%; }
.grid__cell--s--3-4 {
width: 75%; }
.grid__cell--s--2-3 {
width: 66.6667%; }
.grid__cell--s--3-5 {
width: 60%; }
.grid__cell--s--1-2 {
width: 50%; }
.grid__cell--s--2-5 {
width: 40%; }
.grid__cell--s--1-3 {
width: 33.3334%; }
.grid__cell--s--1-4 {
width: 25%; }
.grid__cell--s--1-5 {
width: 20%; }
.grid__cell--s--1-6 {
width: 16.66667%; } }
@media only screen and (min-width: 600px) {
.grid__cell {
.grid__cell--m--1-1 {
width: 100%; }
.grid__cell--m--4-5 {
width: 80%; }
.grid__cell--m--3-4 {
width: 75%; }
.grid__cell--m--2-3 {
width: 66.6667%; }
.grid__cell--m--3-5 {
width: 60%; }
.grid__cell--m--1-2 {
width: 50%; }
.grid__cell--m--2-5 {
width: 40%; }
.grid__cell--m--1-3 {
width: 33.3334%; }
.grid__cell--1-of-2 {
width: 50% !important; } }
.grid__cell--m--1-4 {
width: 25%; }
.grid__cell--m--1-5 {
width: 20%; }
.grid__cell--m--1-6 {
width: 16.66667%; } }
@media only screen and (min-width: 768px) {
.grid__cell {
.grid__cell--l--1-1 {
width: 100%; }
.grid__cell--l--4-5 {
width: 80%; }
.grid__cell--l--3-4 {
width: 75%; }
.grid__cell--l--2-3 {
width: 66.6667%; }
.grid__cell--l--3-5 {
width: 60%; }
.grid__cell--l--1-2 {
width: 50%; }
.grid__cell--l--2-5 {
width: 40%; }
.grid__cell--l--1-3 {
width: 33.3334%; }
.grid__cell--l--1-4 {
width: 25%; }
.grid__cell--1-of-3 {
width: 33.3334% !important; }
.grid__cell--2-of-3 {
width: 66.6667% !important; } }
.grid__cell--l--1-5 {
width: 20%; }
.grid__cell--l--1-6 {
width: 16.66667%; } }
@media only screen and (min-width: 992px) {
.grid__cell {
.grid__cell--xl--1-1 {
width: 100%; }
.grid__cell--xl--4-5 {
width: 80%; }
.grid__cell--xl--3-4 {
width: 75%; }
.grid__cell--xl--2-3 {
width: 66.6667%; }
.grid__cell--xl--3-5 {
width: 60%; }
.grid__cell--xl--1-2 {
width: 50%; }
.grid__cell--xl--2-5 {
width: 40%; }
.grid__cell--xl--1-3 {
width: 33.3334%; }
.grid__cell--xl--1-4 {
width: 25%; }
.grid__cell--xl--1-5 {
width: 20%; }
.grid__cell--1-of-4 {
width: 25% !important; }
.grid__cell--2-of-4 {
width: 50% !important; }
.grid__cell--3-of-4 {
width: 75% !important; } }
.grid__cell--xl--1-6 {
width: 16.66667%; } }
@media only screen and (min-width: 1280px) {
.grid__cell {
width: 16.6667%; }
.grid__cell--1-of-5 {
width: 20% !important; }
.grid__cell--2-of-5 {
width: 40% !important; }
.grid__cell--3-of-5 {
width: 60% !important; }
.grid__cell--4-of-5 {
width: 80% !important; }
.grid__cell--1-of-6 {
width: 16.6667% !important; } }
.grid__cell--xxl--1-1 {
width: 100%; }
.grid__cell--xxl--4-5 {
width: 80%; }
.grid__cell--xxl--3-4 {
width: 75%; }
.grid__cell--xxl--2-3 {
width: 66.6667%; }
.grid__cell--xxl--3-5 {
width: 60%; }
.grid__cell--xxl--1-2 {
width: 50%; }
.grid__cell--xxl--2-5 {
width: 40%; }
.grid__cell--xxl--1-3 {
width: 33.3334%; }
.grid__cell--xxl--1-4 {
width: 25%; }
.grid__cell--xxl--1-5 {
width: 20%; }
.grid__cell--xxl--1-6 {
width: 16.66667%; } }
.grid--guttered {
margin: 0 -8px; }
margin-right: -8px;
margin-left: -8px; }
.grid--guttered .grid__cell {
padding: 0 8px; }
.grid--guttered--s {
margin: 0 -4px; }
margin-right: -4px;
margin-left: -4px; }
.grid--guttered--s .grid__cell {
padding: 0 4px; }
padding-right: 4px;
padding-left: 4px; }
.grid--guttered--l {
margin: 0 -12px; }
margin-right: -12px;
margin-left: -12px; }
.grid--guttered--l .grid__cell {
padding: 0 12px; }
padding-right: 12px;
padding-left: 12px; }

.masthead {
background: #fff;
Expand All @@ -959,31 +1094,28 @@ svg.logo {
height: auto; }
svg.logo path {
fill: #39a0e5;
-ms-transition: all 200ms ease-in-out;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out; }
svg.logo:hover path {
fill: #1879b9;
-ms-transition: all 100ms ease-in-out;
-webkit-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out; }

.content {
background: #f2f3f3;
background: #f8f8f8;
padding: 16px 0; }
.content header {
position: relative;
margin-top: 32px;
margin-bottom: 48px; }
.content header h2 + h3 {
font-weight: normal;
margin-top: -16px; }

.card {
background: #fff;
border-radius: 3px;
overflow: hidden;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
border: none;
margin-bottom: 16px; }
border: none; }
.card .card__inner {
padding: 16px; }
.card .card__inner :last-child {
Expand Down
Loading

0 comments on commit 224cbe6

Please sign in to comment.