Skip to content

Instantly share code, notes, and snippets.

@botamochi6277
Last active August 22, 2019 06:10
Show Gist options
  • Save botamochi6277/900f353e05ec1fb79f94f6e775321f05 to your computer and use it in GitHub Desktop.
Save botamochi6277/900f353e05ec1fb79f94f6e775321f05 to your computer and use it in GitHub Desktop.
IcoMoon Customize
/* Additonal classes according to FontAwesome */
/* makes the font 33% larger relative to the icon container */
.fb-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fb-2x {
font-size: 2em;
}
.fb-3x {
font-size: 3em;
}
.fb-4x {
font-size: 4em;
}
.fb-5x {
font-size: 5em;
}
.fb-fw {
width: 1.28571429em;
text-align: center;
}
.fb-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fb-ul > li {
position: relative;
}
.fb-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fb-li.fb-lg {
left: -1.85714286em;
}
.fb-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.fb-pull-left {
float: left;
}
.fb-pull-right {
float: right;
}
.fb.fb-pull-left {
margin-right: .3em;
}
.fb.fb-pull-right {
margin-left: .3em;
}
/* From fontawesome Deprecated as of 4.4.0 */
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fb.pull-left {
margin-right: .3em;
}
.fb.pull-right {
margin-left: .3em;
}
.fb-spin {
-webkit-animation: fb-spin 2s infinite linear;
animation: fb-spin 2s infinite linear;
}
.fb-pulse {
-webkit-animation: fb-spin 1s infinite steps(8);
animation: fb-spin 1s infinite steps(8);
}
@-webkit-keyframes fb-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fb-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fb-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fb-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fb-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fb-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fb-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .fb-rotate-90,
:root .fb-rotate-180,
:root .fb-rotate-270,
:root .fb-flip-horizontal,
:root .fb-flip-vertical {
filter: none;
}
.fb-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fb-stack-1x,
.fb-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fb-stack-1x {
line-height: inherit;
}
.fb-stack-2x {
font-size: 2em;
}
.fb-inverse {
color: #ffffff;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment