Skip to content

Instantly share code, notes, and snippets.

@drhees
Created Oct 30, 2014
Embed
What would you like to do?
A Pen by Daniel Rhees.
<h1 class="SiteTitle">
<span>Open<span class="u-heavy">Minded</span><i>&#153; </i></span>
<p class="SiteTitle-sub"><span class="u-bumpLeft">A new dating service coming soon in Spring 2015</span></p>
</h1>
* {
font-weight: 300;
margin: 0;
}
html {
background-position: center;
color: #fff;
height: 100%;
font: 100%/1.5 "Open Sans", sans-serif;
}
body {
height: 100%;
background-color: rgb(34,35,34);
background-image: url(http://isg-design.s3.amazonaws.com/openmind-bg.jpg);
background-size: cover;
background-position: center;
}
h1 {
}
.SiteTitle {
position: absolute;
bottom: 50%;
text-align: center;
left: 0;
right: 0;
font-size: 66px;
line-height: 1;
text-shadow: 0 2px 0 rgba(0, 0, 0, 0.25)
}
i {
line-height: 1;
font-size: .285em;
vertical-align: top;
font-style: normal;
display: inline-block;
margin-top: 0.35em;
margin-left: 0.135em;
}
.SiteTitle-sub {
font-size: 0.25em;
line-height: 2;
}
.u-heavy {
font-weight: 700;
}
.u-bumpLeft {
padding-left: 6em;
}
@media (max-width: 560px){
.SiteTitle {
font-size: 43px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment