BEM / Less Example

BEM / Less Example

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>BEM / Less Example</title>
  
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">

  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>
  <div class="news">
   <img class="news__image" src="http://www.in4out-webagentur.ch//Themes/IN4OUT.webagentur/Content/06_01.jpg"/>
  <div class="news__message">
    <div class="news__message-date">17.11.2016</div>
    <div class="news__message-title">Title</div>
    <div class="news__message-content">Content</div>
  </div>
</div>
  
  
</body>
</html>
/* Downloaded from https://www.codeseek.co/ */
.news {
  padding-top: 63px;
}
.news__image {
  float: left;
  padding-right: 25px;
  width: 150px;
}
.news__message {
  float: left;
  height: auto;
}
.news__message-date {
  color: lime;
  font-family: 'Arial';
}
.news__message-title {
  color: blue;
  font-family: 'Papyrus';
}
.news__message-content {
  color: red;
  font-family: 'Courier';
}
/* Downloaded from https://www.codeseek.co/ */

This awesome code ( BEM / Less Example ) is write by Nicole Strebel, you can se more from this user in the personal repository

You can find the original code on Codepen.io

2018 © Nicole Strebel