apostrophe
Version:
Apostrophe is a user-friendly content management system. This core module of Apostrophe provides rich content editing and essential facilities to integrate Apostrophe into your Express project. Apostrophe also includes simple facilities for storing your r
86 lines (74 loc) • 3.38 kB
text/less
.padding-none { padding: 0 ; }
.padding { padding: 10px ; }
.padding-small { padding: 5px ; }
.padding-large { padding: 22px ; }
.padding-top-none { padding-top: 0 ; }
.padding-top { padding-top: 10px ; }
.padding-top-small { padding-top: 5px ; }
.padding-top-large { padding-top: 22px ; }
.padding-right-none { padding-right: 0 ; }
.padding-right { padding-right: 10px ; }
.padding-right-small { padding-right: 5px ; }
.padding-right-large { padding-right: 22px ; }
.padding-bottom-none { padding-bottom: 0 ; }
.padding-bottom { padding-bottom: 10px ; }
.padding-bottom-small { padding-bottom: 5px ; }
.padding-bottom-large { padding-bottom: 22px ; }
.padding-left-none { padding-left: 0 ; }
.padding-left { padding-left: 10px ; }
.padding-left-small { padding-left: 5px ; }
.padding-left-large { padding-left: 22px ; }
.margin-none { margin: 0 ; }
.margin { margin: 10px ; }
.margin-small { margin: 5px ; }
.margin-large { margin: 22px ; }
.margin-top-none { margin-top: 0 ; }
.margin-top { margin-top: 10px ; }
.margin-top-large { margin-top: 22px ; }
.margin-top-small { margin-top: 5px ; }
.margin-right-none { margin-right: 0 ; }
.margin-right { margin-right: 10px ; }
.margin-right-large { margin-right: 22px ; }
.margin-right-small { margin-right: 5px ; }
.margin-bottom-none { margin-bottom: 0 ; }
.margin-bottom { margin-bottom: 10px ; }
.margin-bottom-large { margin-bottom: 22px ; }
.margin-bottom-small { margin-bottom: 5px ; }
.margin-left-none { margin-left: 0 ; }
.margin-left { margin-left: 10px ; }
.margin-left-large { margin-left: 22px ; }
.margin-left-small { margin-left: 5px ; }
.border-left-none { border-left: none ; }
.border-right-none { border-right: none ; }
.border-bottom-none { border-bottom: none ; }
.border-top-none { border-top: none ; }
.display-block { display: block; } // use to swap an anchor tag to span a whole row to make click target larger
.no-underline:hover { text-decoration: none; }
.clickable { cursor: pointer; }
.strong { font-weight: bold; }
.em { font-style: italic; }
.small { font-size: 85%; } // Ex: 14px base font * 85% = about 12px
.no-link { color: @grayDark; }
.text-sans-serif { font-family: @sansFontFamily; }
.text-ellipsis { .text-overflow(); } // truncates text to a single line with an ellipsis at the end
.text-default {
font-family: @sansFontFamily;
font-size: @baseFontSize;
line-height: @baseLineHeight;
font-weight: normal;
}
.hilite {
color: @linkColor;
&:hover {
color: @linkColorHover;
text-decoration: underline;
}
[class^="icon-"], [class*=" icon-"] {
&:before {
display: inline;
}
}
}
.strike { text-decoration: line-through; }
.upper { text-transform: uppercase; }
.lower { text-transform: lowercase; }