keystone
Version:
Web Application Framework and Admin GUI / Content Management System built on Express.js and Mongoose
130 lines (102 loc) • 2.71 kB
text/less
// Text
// --------------------------------------------------
// Type
// ------------------------------
.caps {
text-transform: uppercase;
}
// display
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
.block {
display: block;
}
// hide
.visually-hidden {
clip: rect(0 0 0 0);
height: 1px; width: 1px;
margin: -1px; padding: 0; border: 0;
overflow: hidden;
position: absolute;
}
// overflow
.overflow-hidden {
overflow: hidden;
}
.overflow-auto {
overflow: auto;
}
// clearing
.clear-left {
clear: left;
}
.clear-right {
clear: right;
}
.clear {
clear: both;
}
// text
.text-dimmed {
color: lighten(@text-color, 20%);
}
.text-sm { font-size: @font-size-sm; }
.text-md { font-size: @font-size-base; }
.text-lg { font-size: @font-size-lg; }
.text-thin { font-weight: lighter; }
.text-normal { font-weight: normal; }
.text-thick { font-weight: bold; }
// Spacing
// --------------------------------------------------
// add margin
.mt-5 { margin-top: .5em; }
.mr-5 { margin-right: .5em; }
.mb-5 { margin-bottom: .5em; }
.ml-5 { margin-left: .5em; }
.mt-1 { margin-top: 1em; }
.mr-1 { margin-right: 1em; }
.mb-1 { margin-bottom: 1em; }
.ml-1 { margin-left: 1em; }
.mt-2 { margin-top: 2em; }
.mr-2 { margin-right: 2em; }
.mb-2 { margin-bottom: 2em; }
.ml-2 { margin-left: 2em; }
.mt-3 { margin-top: 3em; }
.mr-3 { margin-right: 3em; }
.mb-3 { margin-bottom: 3em; }
.ml-3 { margin-left: 3em; }
.mv-5 { margin-bottom: .5em; margin-top: .5em; }
.mv-1 { margin-bottom: 1em; margin-top: 1em; }
.mv-2 { margin-bottom: 2em; margin-top: 2em; }
.mv-3 { margin-bottom: 3em; margin-top: 3em; }
.mh-5 { margin-left: .5em; margin-right: .5em; }
.mh-1 { margin-left: 1em; margin-right: 1em; }
.mh-2 { margin-left: 2em; margin-right: 2em; }
.mh-3 { margin-left: 3em; margin-right: 3em; }
// add padding
.pt-1 { padding-top: 1em; }
.pr-1 { padding-right: 1em; }
.pb-1 { padding-bottom: 1em; }
.pl-1 { padding-left: 1em; }
.pt-2 { padding-top: 2em; }
.pr-2 { padding-right: 2em; }
.pb-2 { padding-bottom: 2em; }
.pl-2 { padding-left: 2em; }
.pv-1 { padding-bottom: 1em; padding-top: 1em; }
.pv-2 { padding-bottom: 2em; padding-top: 2em; }
.pv-3 { padding-bottom: 3em; padding-top: 3em; }
.ph-1 { padding-left: 1em; padding-right: 1em; }
.ph-2 { padding-left: 2em; padding-right: 2em; }
.ph-3 { padding-left: 3em; padding-right: 3em; }
// kill vertical margin
.mt-0 { margin-top: 0 ; }
.mb-0 { margin-bottom: 0 ; }
.mv-0 { margin-bottom: 0 ; margin-top: 0 ; }
// kill vertical padding
.pt-0 { padding-top: 0 ; }
.pb-0 { padding-bottom: 0 ; }
.pv-0 { padding-bottom: 0 ; padding-top: 0 ; }