add more tachyons utilities, esp. colors

This commit is contained in:
Martin Klepsch 2018-04-17 12:45:59 +02:00 committed by Tetiana Churikova
parent 6e84fa0f49
commit bc323849cd

View File

@ -1,8 +1,11 @@
.pg-book {font-family: "PostGrotesk-Book", sans-serif}
.pg-med {font-family: "PostGrotesk-Medium", sans-serif}
.shadow-6 {box-shadow: 0 5px 16px 0 rgba(230, 235, 238, 0.68)}
/* Color classes are generated using https://tachyons-tldr.now.sh/#/tools */
/* all colors defined here: https://app.zeplin.io/project/59dd4d45719799b4220a2e49/styleguide */
/* TODO names need some updating */
.muted-blue { color: #42505c; }
.bg-muted-blue { background-color: #42505c; }
@ -12,6 +15,23 @@
.sob-blue { color: #5babed; }
.bg-sob-blue { background-color: #5babed; }
.bg-sob-blue-o-20 { background-color: rgba(87, 167, 237, 0.2); }
.b--sob-blue { border-color: #5babed; }
.hover-sob-blue:hover, .hover-sob-blue:focus { color: #5babed; }
.hover-bg-sob-blue:hover, .hover-bg-sob-blue:focus { background-color: #5babed; }
.sob-sky { color: #f2f5f8; }
.bg-sob-sky { background-color: #f2f5f8; }
.b--sob-sky { border-color: #f2f5f8; }
.hover-sob-sky:hover, .hover-sob-sky:focus { color: #f2f5f8; }
.hover-bg-sob-sky:hover, .hover-bg-sob-sky:focus { background-color: #f2f5f8; }
.sob-tint { color: #f7f9fa; }
.bg-sob-tint { background-color: #f7f9fa; }
.b--sob-tint { border-color: #f7f9fa; }
.hover-sob-tint:hover, .hover-sob-tint:focus { color: #f7f9fa; }
.hover-bg-sob-tint:hover, .hover-bg-sob-tint:focus { background-color: #f7f9fa; }
/* Tachyons overrides */
.tracked { letter-spacing: .0625em } /* tachyons default: .1em */