atoms.app.calendar.css

@import url("http://fonts.googleapis.com/css?family=Raleway:700,400,200");
[data-molecule-div=calendar]{position:relative;text-align:center;width:inherit;}[data-molecule-div=calendar].disabled > [data-molecule-div] > [data-atom-button]{display:none}[data-molecule-div=calendar].disable_previous_days > [data-molecule-div] > [data-atom-button]:first-child{visibility:hidden}[data-molecule-div=calendar] > [data-molecule-div]{display:-webkit-flex;display:flex;height:2rem;line-height:2rem;}[data-molecule-div=calendar] > [data-molecule-div] > [data-atom-heading]{-webkit-flex-grow:2;-moz-flex-grow:2;-ms-flex-grow:2;-o-flex-grow:2;flex-grow:2;}[data-molecule-div=calendar] > [data-molecule-div] > [data-atom-heading] > *{padding-right:.2rem;font-size:.8rem;font-weight:300;font-style:italic;opacity:.5}[data-molecule-div=calendar] > [data-molecule-div] > [data-atom-button]{-webkit-flex-shrink:0;-moz-flex-shrink:0;-ms-flex-shrink:0;-o-flex-shrink:0;flex-shrink:0;margin:0;padding:0 1rem !important;color:rgba(0,0,0,0.5);}[data-molecule-div=calendar] > [data-molecule-div] > [data-atom-button] > .icon{font-size:1.25rem;font-weight:700}[data-molecule-div=calendar] > [data-atom-day]{position:relative;display:inline-block;width:14.25%;font-size:.9rem;font-weight:700;line-height:1.575rem;cursor:pointer;}[data-molecule-div=calendar] > [data-atom-day]:nth-child(-n+8){font-size:.727272727272727rem;line-height:.727272727272727rem;opacity:.5}[data-molecule-div=calendar] > [data-atom-day]:nth-child(n+9):nth-child(7n),[data-molecule-div=calendar] > [data-atom-day]:nth-child(n+9):nth-child(7n+1){font-weight:400}[data-molecule-div=calendar] > [data-atom-day]:nth-child(n+9).disabled{opacity:.3;}[data-molecule-div=calendar] > [data-atom-day]:nth-child(n+9).disabled:not(.month){font-weight:300}[data-molecule-div=calendar] > [data-atom-day]:nth-child(n+9):not(.disabled):active{background-color:rgba(0,0,0,0.15);font-weight:700}[data-molecule-div=calendar] > [data-atom-day].event:after{content:"·";position:absolute;left:0;top:65%;width:100%;height:.45rem;font-size:2.5rem;font-weight:300;line-height:.45rem;opacity:.5}[data-molecule-div=calendar] > [data-atom-day].active{font-weight:700 !important;color:#fff;background-color:rgba(0,0,0,0.4)}@media screen and (min-width:1024px){[data-molecule-div=calendar] > [data-atom-day]:nth-child(n+9):hover{background-color:rgba(0,0,0,0.15);font-weight:700}}