BEM / Less Example

BEM / Less Example

<!DOCTYPE html>
<html >
  <meta charset="UTF-8">
  <title>BEM / Less Example</title>
  <link rel="stylesheet" href="">

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


  <div class="news">
   <img class="news__image" src=""/>
  <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>
/* Downloaded from */
.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 */

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

2018 © Nicole Strebel