app/assets/stylesheets/modules/note.scss
.note {
min-width: 100px;
max-width: 200px;
padding: 6px 6px 0 6px;
}
.note__date {
padding-right: 5px;
}
.note__content {
margin-top: 8px;
p {
font-size: $tiny-font;
margin-bottom: 12px;
}
}
.note__photo {
display: block;
line-height: 1;
margin: 2px 0 5px;
img {
max-width: 100%;
}
}
// extends luminous lightbox close button styles
.lum-lightbox .lum-close-button {
cursor: pointer;
opacity: 0.8;
}
.note-pagination {
display: inline-block;
line-height: 1;
text-align: center;
width: 100%;
}
.note-pagination__page {
display: inline-block;
padding: 10px 0 0;
}
.note-pagination__arrow {
-webkit-appearance: none;
background: none;
border: none;
cursor: pointer;
color: $blue;
font-size: 20px;
font-weight: $font-stack-bold;
line-height: 13px;
padding: 10px;
}
.note-pagination__arrow--prev {
float: left;
}
.note-pagination__arrow--next {
float: right;
}