.explain
  div
    h1 How to demo:
    p
      | Hold 
      strong CTRL
      |  and move the mouse around to outline the hovered DOM element.
    p
      | Hold 
      strong CTRL
      | +
      strong SHIFT
      |  to outline every element.
    p
      | Go into editor mode (Top-right ➡ "Change View" ➡ "Editor mode") and play with commented out custom configuration for Debucsser class.
    p Debucsser make it easy to debug your CSS.
    p
      | You can apply custom class on hover, or grayscale all the page, everything you want... check it out 😎
    button Got it
.wrapper
  header.box.header
    h1#title Debucsser
    i#this-is-what-it-is “CSS debugging made easy”
    .git
      a.github-button(href='https://github.com/lucagez/Debucsser', data-icon='octicon-star', data-size='large', data-show-count='true', aria-label='Star lucagez/Debucsser on GitHub') Star
    hr.bar
  #main-article.box
    .content
      img.main-article-image(src='data:image/jpeg;base64,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', alt='')
      h1.title Duties of American Citizenship
      i.subtitle
        strong.author Theodore Roosevelt
        | , January 26, 1883; Buffalo, New York
      p.text
        | Of course, in one sense, the first essential for a man’s being a good citizen is his possession
        | of the home
        | virtues of which we think when we call a man by the emphatic adjective of manly. No man can be a good citizen
        | who is not a good husband and a good father, who is not honest in his dealings with other men and women,
        | faithful to his friends and fearless in the presence of his foes, who has not got a sound heart, a sound
        | mind, and a sound body; exactly as no amount of attention to civil duties will save a nation if the domestic
        | life is undermined, or there is lack of the rude military virtues which alone can assure a country’s position
        | in the world. In a free republic the ideal citizen must be one willing and able to take arms for the defense
        | of the flag, exactly as the ideal citizen must be the father of many healthy children. A race must be strong
        | and vigorous; it must be a race of good fighters and good breeders, else its wisdom will come to naught and
        | its virtue be ineffective; and no sweetness and delicacy, no love for and appreciation of beauty in art or
        | literature, no capacity for building up material prosperity can possibly atone for the lack of the great
        | virile virtues. But this is aside from my subject, for what I wish to talk of is the attitude of the American
        | citizen in civic life. It ought to be axiomatic in this country that every man must devote a reasonable share
        | of his time to doing his duty in the Political life of the community. No man has a right to shirk his
        | political duties under whatever plea of pleasure or business; and while such shirking may be pardoned in
        | those of small cleans it is entirely unpardonable in those among whom it is most common–in the people whose
        | circumstances give them freedom in the struggle for life. In so far as the community grows to think rightly,
        | it will likewise grow to regard the young man of means who shirks his duty to the State in time of peace as
        | being only one degree worse than the man who thus shirks it in time of war. A great many of our men in
        | business, or of our young men who are bent on enjoying life (as they have a perfect right to do if only they
        | do not sacrifice other things to enjoyment), rather plume themselves upon being good citizens if they even
        | vote; yet voting is the very least of their duties, Nothing worth gaining is ever gained without effort. You
        | can no more have freedom without striving and suffering for it than you can win success as a banker or a
        | lawyer without labor and effort, without self-denial in youth and the display of a ready and alert
        | intelligence in middle age. The people who say that they have not time to attend to politics are simply
        | saying that they are unfit to live in a free community.
    hr.bar
  aside.box.sidebar
    .content
      img.Demostenes(src='https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/D%C3%A9mosth%C3%A8ne_s%27exer%C3%A7ant_%C3%A0_la_parole_%281870%29_by_Jean-Jules-Antoine_Lecomte_du_Nou%C3%BF.jpg/220px-D%C3%A9mosth%C3%A8ne_s%27exer%C3%A7ant_%C3%A0_la_parole_%281870%29_by_Jean-Jules-Antoine_Lecomte_du_Nou%C3%BF.jpg', alt='')
      h1.title The Third Philippic
      i.subtitle
        strong.author Demosthenes
        | , 342 B.C., Athens, Greece
      p.text
        | It is this fate, I solemnly assure you, that I dread for you, when the time comes that you make
        | your
        | reckoning, and realize that there is no longer anything that can be done. May you never find yourselves, men
        | of Athens, in such a position! Yet in any case, it were better to die ten thousand deaths, than to do
        | anything out of servility towards Philip [or to sacrifice any of those who speak for your good]. A noble
        | recompense did the people in Oreus receive, for entrusting themselves to Philip’s friends, and thrusting
        | Euphraeus aside! And a noble recompense the democracy of Eretria, for driving away your envoys, and
        | surrendering to Cleitarchus! They are slaves, scourged and butchered! A noble clemency did he show to the
        | Olynthians, who elected Lasthenes to command the cavalry, and banished Apollonides! It is folly, and it is
        | cowardice, to cherish hopes like these, to give way to evil counsels, to refuse to do anything that you
        | should do, to listen to the advocates of the enemy’s cause, and to fancy that you dwell in so great a city
        | that, whatever happens, you will not suffer any harm.
    hr.bar
    .content
      img.The-luckiest-man(src='https://upload.wikimedia.org/wikipedia/commons/thumb/3/38/Lou_Gehrig_as_a_new_Yankee_11_Jun_1923.jpg/235px-Lou_Gehrig_as_a_new_Yankee_11_Jun_1923.jpg', alt='')
      h1.title Farewell to Baseball Address
      i.subtitle
        strong.author Lou Gehrig
        | , July 4, 1939, Yankee Stadium
      p.text
        | Fans, for the past two weeks you have been reading about a bad break I got. Yet today I
        | consider myself the
        | luckiest man on the face of the earth. I have been in ballparks for seventeen years and have never received
        | anything but kindness and encouragement from you fans. Look at these grand men. Which of you wouldn’t
        | consider it the highlight of his career to associate with them for even one day? Sure, I’m lucky. Who
        | wouldn’t consider it an honor to have known Jacob Ruppert – also the builder of baseball’s greatest empire,
        | Ed Barrow – to have spent the next nine years with that wonderful little fellow Miller Huggins – then to have
        | spent the next nine years with that outstanding leader, that smart student of psychology – the best manager
        | in baseball today, Joe McCarthy! Sure, I’m lucky. When the New York Giants, a team you would give your right
        | arm to beat, and vice versa, sends you a gift, that’s something! When everybody down to the groundskeepers
        | and those boys in white coats remember you with trophies, that’s something. When you have a wonderful
        | mother-in-law who takes sides with you in squabbles against her own daughter, that’s something. When you have
        | a father and mother who work all their lives so that you can have an education and build your body, it’s a
        | blessing! When you have a wife who has been a tower of strength and shown more courage than you dreamed
        | existed, that’s the finest I know. So I close in saying that I might have had a tough break – but I have an
        | awful lot to live for!
    hr.bar
  .box.article-container
    .box.article
      .content
        img#Chief-Joseph(src='data:image/jpeg;base64,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', alt='')
        h1.title Surrender Speech
        i.subtitle
          strong.author Chief Joseph
          | , October 5, 1877, Montana Territory
        p.text
          | Tell General Howard I know his heart. What he told me before, I have it in my heart. I am
          | tired of
          | fighting. Our Chiefs are killed; Looking Glass is dead, Ta Hool Hool Shute is dead. The old men are all
          | dead. It is the young men who say yes or no. He who led on the young men is dead. It is cold, and we have
          | no blankets; the little children are freezing to death. My people, some of them, have run away to the
          | hills, and have no blankets, no food. No one knows where they are – perhaps freezing to death. I want to
          | have time to look for my children, and see how many of them I can find. Maybe I shall find them among the
          | dead. Hear me, my Chiefs! I am tired; my heart is sick and sad. From where the sun now stands I will fight
          | no more forever.
    .box.article
      .content
        img#jfk(src='data:image/jpeg;base64,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', alt='')
        h1.title Inauguration Address
        i.subtitle
          strong.author John F. Kennedy
          | , January 20, 1961, Washington, D.C.
        p.text
          | We’ve grown used to wonders in this century. It’s hard to dazzle us. But for 25 years the
          | United States
          | space program has been doing just that. We’ve grown used to the idea of space, and perhaps we forget that
          | we’ve only just begun. We’re still pioneers. They, the members of the Challenger crew, were pioneers.
          | And I want to say something to the school children of America who were watching the live coverage of the
          | shuttle’s takeoff. I know it is hard to understand, but sometimes painful things like this happen. It’s all
          | part of the process of exploration and discovery. It’s all part of taking a chance and expanding man’s
          | horizons. The future doesn’t belong to the fainthearted; it belongs to the brave. The Challenger crew was
          | pulling us into the future, and we’ll continue to follow them……
          | The crew of the space shuttle Challenger honoured us by the manner in which they lived their lives. We will
          | never forget them, nor the last time we saw them, this morning, as they prepared for the journey and waved
          | goodbye and ‘slipped the surly bonds of earth’ to ‘touch the face of God.’
    .box.article
      .content
        img#Alexander(src='data:image/jpeg;base64,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', alt='')
        h1.title Speech of Alexander
        i.subtitle
          strong.author Alexander the Great
          | , 326 B.C., Hydaspes River, India
        p.text
          | I could not have blamed you for being the first to lose heart if I, your commander, had not
          | shared in your
          | exhausting marches and your perilous campaigns; it would have been natural enough if you had done all the
          | work merely for others to reap the reward. But it is not so. You and I, gentlemen, have shared the labour
          | and shared the danger, and the rewards are for us all. The conquered territory belongs to you; from your
          | ranks the governors of it are chosen; already the greater part of its treasure passes into your hands, and
          | when all Asia is overrun, then indeed I will go further than the mere satisfaction of our ambitions: the
          | utmost hopes of riches or power which each one of you cherishes will be far surpassed, and whoever wishes
          | to return home will be allowed to go, either with me or without me. I will make those who stay the envy of
          | those who return.
      script(async='', defer='', src='https://buttons.github.io/buttons.js')
View Compiled
@import url("https://fonts.googleapis.com/css?family=UnifrakturCook:700");

/* ⬇ class for test purpose ⬇ */

.testShadow {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}

/* ⬇ code useful only for this pen ⬇ */

body {
  margin: 0;
  font-family: Georgia, serif;
}

hr {
  width: 70%;
}

button {
  display: block;
  margin: auto;
  border: none;
  padding: 10px 20px;
  border-radius: 3px;
  color: #444;
  font-size: 21px;
  cursor: pointer;
}

.wrapper {
  filter: brightness(10%);
  width: 100%;
  margin: 0;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 3fr 2fr;
  grid-template-rows: auto;
  grid-template-areas:
    "header header"
    "main sidebar"
    "article-container sidebar";
  background-color: #fff;
  color: #444;
}

.box {
  color: #444;
  padding: 20px;
}

.header {
  grid-area: header;
  text-align: center;
}

.header h1 {
  font-family: "UnifrakturCook", cursive;
  font-size: 48px;
  margin: 0;
}

#main-article {
  grid-area: main;
  border-right: 1px solid #999;
}

#main-article .content {
  padding: 0 20px;
  -webkit-columns: 150px 3;
  -moz-columns: 150px 3;
  columns: 150px 3;
}

aside .content {
  padding: 0 20px;
  -webkit-columns: 150px 2;
  -moz-columns: 150px 2;
  columns: 150px 2;
}

.sidebar {
  grid-area: sidebar;
}

.article-container {
  grid-area: article-container;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.content {
  margin: 40px 0 40px 0;
  font-family: Georgia, serif;
  font-weight: 400;
}

.main-article-image,
.The-luckiest-man,
.Demostenes,
#Chief-Joseph,
#jfk,
#Alexander {
  border-radius: 3px;
  display: block;
  margin: auto;
}

.git {
  margin: 20px;
}

.explain {
  opacity: 0.9;
  background: #444;
  color: #fff;
  position: fixed;
  max-width: 500px;
  max-height: 500px;
  padding: 30px;
  z-index: 999;
  border-radius: 3px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  top: 50%;
  left: 50%;
  transition: transform 1s;
  transform: translate(-50%, -50%);
}

.explain h1,
.explain strong {
  color: palegoldenrod;
}

@media screen and (max-width: 960px) {
  .article-container {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 1024px) {
  .wrapper {
    grid-template-columns: auto;
    grid-template-areas:
      "header"
      "main"
      "sidebar"
      "article-container";
  }
}
// Scroll down for Debucsser configurations
// check out repo and docs at:
// https://github.com/lucagez/Debucsser

class Debucsser {
  constructor(props) {
    this.config = props || {};
    this.color = this.config.color || 'palevioletred';
    this.width = this.config.width || '3px';
    this.style = this.config.style || 'solid';
    this.customClass = this.config.customClass || null;
    this.grayscaleOnDebug = this.config.grayscaleOnDebug || false;
    this.grayscaleOnDebugAll = this.config.grayscaleOnDebugAll || false;
    this.string = `${this.width} ${this.style} ${this.color}`;
    this.mainKey = this.config.mainKey || 17;
    this.secondKey = this.config.secondKey || 16;
    this.init = this.init.bind(this);
    this.debug = this.debug.bind(this);
    this.debugAll = this.debugAll.bind(this);
    this.stop = this.stop.bind(this);
    this.addClass = this.addClass.bind(this);
    this.labels = this.labels.bind(this);
    this.createGlobalClass = this.createGlobalClass.bind(this);
    this.removeGlobalClass = this.removeGlobalClass.bind(this);
  }
  init() {
    // initialize invisible label element => we'll make it visible on selected keystroke
    this.label = document.createElement('div');
    this.label.classList.add('debucsser-label');
    this.label.style = 'display: none;';
    document.body.appendChild(this.label);

    this.inject_label_style();
    this.createDebugStyle();
    this.debug();
    this.globalStyle = this.createGlobalClass();
  }
  debug() {
    console.log(this);
    document.addEventListener('keydown', (key) => {
      if (key.keyCode == this.mainKey) {
        document.addEventListener('mousemove', this.labels, true);
        document.addEventListener('mouseover', this.addClass, true);
        document.addEventListener('keydown', this.debugAll, true);
      }
      this.stop();
    });
  }
  stop() {
    document.addEventListener('keyup', (key) => {
      if (key.keyCode == this.mainKey) {
        document.removeEventListener('mouseover', this.addClass, true);
        document.removeEventListener('mousemove', this.labels, true);
        this.label.style = 'display: none;';
      }
    })
  }
  addClass(over) {
    over.target.classList.add(this.customClass ? this.customClass : 'debucsser');
    document.addEventListener('mouseout', (out) => {
      out.target.classList.remove(this.customClass ? this.customClass : 'debucsser');
    }, true);
  }
  debugAll(key) {
    if (key.keyCode == this.secondKey) {
      document.body.appendChild(this.globalStyle);
      document.addEventListener('keyup', this.removeGlobalClass, true)
    }
  }
  createDebugStyle() {
    const style = document.createElement('style');
    style.innerHTML = `
      .debucsser {
        outline: ${this.string};
        ${this.config.grayscaleOnDebug && 'filter: grayscale(100%);'}
      }
    `;
    document.body.appendChild(style);
  }
  createGlobalClass() {
    const global = document.createElement('style');
    console.log(this.config.grayscaleOnDebugAll)
    global.innerHTML = `
      * {
        outline: ${this.string};
        ${this.config.grayscaleOnDebugAll && 'filter: grayscale(100%);'}
      }
    `;
    return global;
  }
  removeGlobalClass(key) {
    if (key.keyCode == this.secondKey) {
      document.body.removeChild(this.globalStyle);
    }
  }
  labels(e) {
    if (e.target) {
      const classList = e.target.classList ? e.target.classList.value.replace('debucsser', '') : undefined;
      const id = e.target.id ? '#' + e.target.id : undefined;
      const dimensions = e.target.getBoundingClientRect();
      this.label.innerHTML = `
        <h2>class: <strong>${classList || `¯\\_(ツ)_/¯`}</strong></h2>
        <h2>id: <strong>${id || `¯\\_(ツ)_/¯`}</strong></h2>
        <h2><strong>${dimensions.width.toFixed(0)}px</strong> × <strong>${dimensions.height.toFixed(0)}px</strong></h2>
      `;
      this.label.style = `display: block; top:${e.clientY + 20}px; left:${e.clientX + 20}px;`;
    } else {
      this.label.style = 'display: none;';
    }
  }
  inject_label_style() {
    const style = document.createElement('div');
    style.innerHTML = `
    <style>
      .debucsser-label {
        position: fixed; 
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        padding: 10px 20px; 
        background: #333; 
        border-radius: 3px;
        color: #f9f9f9; 
        opacity: 0.9;
        z-index: 999;
      }
      .debucsser-label strong {
        color: palevioletred;
      }
    </style>`;
    document.body.appendChild(style);
  }
}

// init Debucsser

// comment out config properties to customize how Debucsser behave
const config = {
    // color: 'palevioletred',
    // width: '4px',
    // grayscaleOnDebugAll: true,
    // customClass: 'testShadow',
    }
const debug = new Debucsser(config).init();


// demo initial explanation
const explain = document.querySelector('.explain');
explain.querySelector('button').addEventListener('click', () => {
  explain.style.transform = 'translateX(2000px)';
  document.querySelector('.wrapper').style.filter = 'none';
});
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.