Skip to content

Instantly share code, notes, and snippets.

@davidelbe
Created December 16, 2015 10:39
Show Gist options
  • Save davidelbe/9f90967b1ecf875c6c91 to your computer and use it in GitHub Desktop.
Save davidelbe/9f90967b1ecf875c6c91 to your computer and use it in GitHub Desktop.
.User {
width: 50%;
background: #fcf;
s {
color: #999;
font-style: italic;
}
h3 {
text-align: left;
text-indent: 2em;
}
.description {
vertical-align: top;
color: #333;
}
.phone {
text-align: right;
padding-right: 2em;
}
}
<ul>
<li class="User">
<h3>Albert</h3>
<p class="description">Det här är en av våra <s>medarbetare</s></p>
<span class="phone">0123-45 67 89</span>
</li>
</ul>
@scmx
Copy link

scmx commented Dec 16, 2015

.user {
  width: 50%;
  background: #fcf;

  &__strikethrough {
    color: #999;
    font-style: italic;
  }

  &__name {
    text-align: left;
    text-indent: 2em;
  }

  &__description {
    vertical-align: top;
    color: #333;
  }

  &__phone {
    text-align: right;
    padding-right: 2em;
  }
}
<ul>
  <li class="user">
    <h3 class="user__name">Albert</h3>
    <p class="user__description">
      Det här är en av våra
      <s class="user__strikethrough">medarbetare</s>
    </p>
    <span class="user__phone">0123-45 67 89</span>
  </li>
</ul>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment