_scss/_pages.cheatsheet.scss (62 lines of code) (raw):

#cheat-selector { margin-bottom: 20px; .selected .btn { background-color: $clr-primary; border-color: $clr-primary-dark; color: white; } } #cheat-chart { width: 100%; height: 400px; } #cheat-detail { min-height: 100px; .desc { margin: 10px 0 20px 0; font-size: 14px; color: #555; } } .page-cheatsheet { h2 { font-size: 22px; margin-top: 30px; margin-bottom: 10px; &:first-child { margin-top: 0; } } } .cheat-chart-item { display: inline-block; vertical-align: top; margin: 20px 11px; text-align: center; width: 120.5px; border: 2px solid rgba(0,0,0,0); cursor: pointer; -webkit-transition: all 0.4s; transition: all 0.4s; &:hover { -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px rgba(0,0,0,0.2); } a { text-decoration: none; } img { margin-top: 5px; width: 90px; height: 90px; padding: 10px; } h5 { color: #000; font-weight: normal; margin: 10px 0; padding: 0; line-height: 18px; position: relative; } }