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;
}

Reply via email to