はてなブログminimalistカスタマイズ

heading.css

.entry-content h1 {
  padding: 4px 3px;
  background: #f3f3f3;
  border-left: 8px solid #3f3f3f;
  margin:80px 0 30px 0;
  font-size: 130%;
}
.entry-content h2 {
  position: relative;
  border-bottom: 3px solid #f3f3f3;
  padding: 2px 10px;
  margin:40px 0 30px 0;
  font-size: 120%;
}
  
.entry-content h2::before {
  position: absolute;
  top: 100%;
  left: 0;
  width: 20%;
  height: 2px;
  background:#3f3f3f;
  z-index: 2;
  content: '';
}
.entry-content h3 {
  position: relative;
  padding-left: 0.5em;
  line-height: 1.4;
  margin:30px 0 8px 0;
  font-size: 110%;
  border-bottom: 1px solid #3f3f3f;

}