SCSS

by roskoshinsky

HTML

<div>
  <ul>
    <li><a href="/" >Элемент 1</a></li>
    <li><a href="/" >Элемент 2</a></li>
    <li><a href="/" >Элемент 3</a></li>
    <li><a href="/" >Элемент 4</a></li>
  </ul>
</div>

SCSS

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
}

body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #000;
    color: #fff;
    font-family: -apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    > div {
        width: 100vw;   
        height: 100vh;
        
        ul {
          
          list-style-type: none;
          margin: 0;
          padding: 0;          
          
          li {
            
            a {
              
              color: #fff;
              text-decoration: none;
              padding: 20px;
              border: 1px solid white;
              
            }
            
          }
          
        }
        
    }
}