sass/include/_hr.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

/**
 * HR
 * https://github.com/picocss/pico
 */

// 1. Add the correct box sizing in Firefox
// 2. Show the overflow in Edge and IE
hr {
  box-sizing: content-box; // 1
  height: 0; // 1
  overflow: visible; // 2
  border: none;
  border-top: 1px solid var(--f1);
}
header hr, footer hr {border-top: 1px solid var(--c4)}