캘린더 CSS가 작동하지 않습니다 (부트 스트랩, SimpleCalendar Rails)

Question

Rails에서 내 SimpleCalendar에 스타일을 적용 할 수없는 것 같습니다 (gem 사용).

이 렌더링되는 것입니다 :

을 그리고 이것은, https://github.com/excid3/simple_calendar의 예의는 CSS입니다 : 보석의 테이너가 오래된 부트 스트랩 때문이라고 생각하는 것 같았다

.simple-calendar { 
    table { 
    -webkit-border-horizontal-spacing: 0px; 
    -webkit-border-vertical-spacing: 0px; 
    background-color: rgba(0, 0, 0, 0); 
    border: 1px solid rgb(221, 221, 221); 
    border-collapse: collapse; 
    box-sizing: border-box; 
    max-width: 100%; 
    width: 100%; 
    } 

    tr { 
    border-collapse: collapse; 
    } 

    th { 
    padding: 6px; 
    border-bottom: 2px solid rgb(221, 221, 221); 
    border-collapse: collapse; 
    border-left: 1px solid rgb(221, 221, 221); 
    border-right: 1px solid rgb(221, 221, 221); 
    border-top: 0px none rgb(51, 51, 51); 
    box-sizing: border-box; 
    text-align: left; 
    } 

    td { 
    padding: 6px; 
    vertical-align: top; 
    width: 14%; 

    border: 1px solid #ddd; 
    border-top-color: rgb(221, 221, 221); 
    border-top-style: solid; 
    border-top-width: 1px; 
    border-right-color: rgb(221, 221, 221); 
    border-right-style: solid; 
    border-right-width: 1px; 
    border-bottom-color: rgb(221, 221, 221); 
    border-bottom-style: solid; 
    border-bottom-width: 1px; 
    border-left-color: rgb(221, 221, 221); 
    border-left-style: solid; 
    border-left-width: 1px; 
    } 

    .day { 
    height: 80px; 
    } 

    .wday-0 {} 
    .wday-1 {} 
    .wday-2 {} 
    .wday-3 {} 
    .wday-4 {} 
    .wday-5 {} 
    .wday-6 {} 

    .today { 
    background: #FFFFC0 
    } 

    .past {} 
    .future {} 

    .start-date {} 

    .prev-month { 
    background: #DDD; 
    } 
    .next-month { 
    background: #DDD; 
    } 
    .current-month {} 

    .has-events {} 
} 

속성,하지만 CSS의 모든게 나에게 좋아 보인다. 다른 사람이 스타일 시트를 사용하여 무엇인가를 알아 차리는 것처럼 보이나요? 나는 부트 스트랩에 대한 열렬한 팬이 아니며 극히 친숙하지도 않다.

이러한 속성은 렌더링 된보기에도 적용되지 않습니다. 여기서 문제는 무엇입니까?

Answer 1

application.scss에서 simple_calendar.scss를 가져 왔습니까? 방금 ​​시도했지만 효과가 있었지만 예제와 같이 보이지는 않습니다. 스타일이 지정된 테이블과 같습니다.