Hello everyone.... At Red8, we are all in on Bootstrap to use as our
framework in building websites and web apps. Many thanks Mark and Jacob
for your work on this... I want to share the css file we usually use to
define spacing. It's a starting point at least....
Take care and I look forward to this group...
Victor
/*Authors: Grace Manalo, Victor Ramayrat */
/* Red8 Corp - luckyred8.com */
/* Paddings */
/* 5px */
.pad5 {
padding: 5px;
}
.pad5t {
padding-top: 5px;
}
.pad5r {
padding-right: 5px;
}
.pad5b {
padding-bottom: 5px;
}
.pad5l {
padding-left: 5px;
}
/* 8px */
.pad8 {
padding: 8px;
}
.pad8t {
padding-top: 8px;
}
.pad8r {
padding-right: 8px;
}
.pad8b {
padding-bottom: 8px;
}
.pad8l {
padding-left: 8px;
}
/* 10px */
.pad10 {
padding: 10px;
}
.pad10t {
padding-top: 10px;
}
.pad10r {
padding-right: 10px;
}
.pad10b {
padding-bottom: 10px;
}
.pad10l {
padding-left: 10px;
}
/* 15px */
.pad15 {
padding: 15px;
}
.pad15t {
padding-top: 15px;
}
.pad15r {
padding-right: 15px;
}
.pad15b {
padding-bottom: 15px;
}
.pad15l {
padding-left: 15px;
}
/* 20px */
.pad20 {
padding: 20px;
}
.pad20t {
padding-top: 20px;
}
.pad20r {
padding-right: 20px;
}
.pad20b {
padding-bottom: 20px;
}
.pad20l {
padding-left: 20px;
}
/* Margins */
/* 5px */
.margin5 {
margin: 5px;
}
.margin5t {
margin-top: 5px;
}
.margin5r {
margin-right: 5px;
}
.margin5b {
margin-bottom: 5px;
}
.margin5l {
margin-bottom: 5px;
}
/* 8px */
.margin8 {
margin: 8px;
}
.margin8t {
margin-top: 8px;
}
.margin8r {
margin-right: 8px;
}
.margin8b {
margin-bottom: 8px;
}
.margin8l {
margin-bottom: 8px;
}
/* 10px */
.margin10 {
margin: 10px;
}
.margin10t {
margin-top: 10px;
}
.margin10r {
margin-right: 10px;
}
.margin10b {
margin-bottom: 10px;
}
.margin10l {
margin-bottom: 10px;
}
/* 15px */
.margin15 {
margin: 15px;
}
.margin15t {
margin-top: 15px;
}
.margin15r {
margin-right: 15px;
}
.margin15b {
margin-bottom: 15px;
}
.margin15l {
margin-bottom: 15px;
}
/* 20px */
.margin20 {
margin: 20px;
}
.margin20t {
margin-top: 20px;
}
.margin20r {
margin-right: 20px;
}
.margin20b {
margin-bottom: 20px;
}
.margin20l {
margin-bottom: 20px;
}