깃블로그(15) 게시물 밑줄 제거

밑줄제거 개요

: minimal-mistakes 테마의 게시물들을 보면 밑줄이 보인다. 이를 미관상 제거한다.

적용

: 다음과 같이 적용한다

밑줄 제거(import)

: 제거한다.

1. _sass/minimal-mistakes/ 이동
2. _base.scss 파일 열기

3. links를 검색하여 &:focus { 와 같은 depth에 text-decoration: none; 을 새로 추가한다.

    /* links */
    /* ASIS 밑줄제거전 CTH
    a {
      &:focus {
        @extend %tab-focus;
      }
    
      &:visited {
        color: $link-color-visited;
      }
   
      &:hover {
        color: $link-color-hover;
        outline: 0;
      }
    }
    */
       
    a {
      text-decoration: none;
   
      &:focus {
        @extend %tab-focus;
      }
   
      &:hover {
        color: $link-color-hover;
        outline: 0;
      }
   
    }
   
   

4. 적용완료
5. 임포트 끝

적용 실패

: 자꾸 커밋이 실패한다. 집에서 확인해봐야겠다.