Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Hypermarket handy CSS classes
.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; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.