Hypermarket handy CSS classes

hypermarket-handy-css-classes.css

.img-circle { border-radius: 50%; }
.img-rounded { border-radius: 6px; }

.opacity-75 {
   opacity: 0.75;
   filter: alpha(opacity=75)
}
.opacity-50 {
   opacity: 0.5;
   filter: alpha(opacity=50)
}
.opacity-25 {
   opacity: 0.25;
   filter: alpha(opacity=25)
}

.display-inline {
    vertical-align: middle;
    display: inline-block !important;
}
.block { display: block; }
.inline { display: inline; }

.relative { position: relative !important; }
.absolute { position: absolute !important; }

.sr-only {
 position: absolute;
 width: 1px;
 height: 1px;
 margin: -1px;
 padding: 0;
 overflow: hidden;
 clip: rect(0,0,0,0);
 border: 0;
}

.va-middle { vertical-align: middle; }
.va-top { vertical-align: top; }
.va-bottom { vertical-align: bottom; }

.space-top-half { margin-top: 12px !important; }
.space-top { margin-top: 24px !important; }
.space-top-2x { margin-top: 48px !important; }
.space-top-3x { margin-top: 72px !important; }
.space-bottom-half { margin-bottom: 12px !important; }
.space-bottom { margin-bottom: 24px !important; }
.space-bottom-2x { margin-bottom: 48px !important; }
.space-bottom-3x { margin-bottom: 72px !important; }

.padding-top-half { padding-top: 12px !important; }
.padding-top { padding-top: 24px !important; }
.padding-top-2x { padding-top: 48px !important; }
.padding-top-3x { padding-top: 72px !important; }
.padding-bottom-half { padding-bottom: 12px !important; }
.padding-bottom { padding-bottom: 24px !important; }
.padding-bottom-2x { padding-bottom: 48px !important; }
.padding-bottom-3x { padding-bottom: 72px !important; }

.space-top-none { margin-top: 0 !important; }
.space-bottom-none { margin-bottom: 0 !important; }
.space-left-none { margin-left: 0 !important; }
.space-right-none { margin-right: 0 !important; }
.padding-top-none { padding-top: 0 !important; }
.padding-bottom-none { padding-bottom: 0 !important; }
.padding-left-none { padding-left: 0 !important; }
.padding-right-none { padding-right: 0 !important; }