text 带有框阴影的全宽浏览器栏

Posted 2021-04-29

.navbar-with-icon {
    position: relative;

    .navbar-nav {
      float: none;
    }

    @media (min-width: $screen-sm-min) {
      margin-top: 110px;
    }

    &:before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: -9999px;
      border-left: 9999px solid #f0ffff;
      box-shadow: 9999px 0 0 #f0ffff;
      content: "";
    }
  }