Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URLs added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Auto Save

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                .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')

              
            
!

CSS

              
                @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";
  }
}

              
            
!

JS

              
                // 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';
});
              
            
!
999px

Console