Commit dd503010 authored by Terion's avatar Terion

add some mixins

parent 9849144f
......@@ -5,4 +5,49 @@
height: 100%
display: inline-block
width: 0
margin-left: -0.25ex
\ No newline at end of file
margin-left: -0.25ex
=flex-middle
display: flex
flex-flow: row wrap
justify-content: center
align-items: center
=flex-stretch
display: flex
flex-flow: row wrap
justify-content: center
align-items: stretch
=icon($name, $color: inherit, $fontSize: inherit, $marginRight: 0, $marginLeft: 0)
@extend .icon-#{$name}
&:before
font-family: "fontello"
font-size: $fontSize
font-style: normal
font-weight: normal
color: $color
speak: none
display: inline-block
text-decoration: inherit
//width: 1em
margin-right: $marginRight
text-align: center
/* opacity: .8 */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal
text-transform: none
/* fix buttons height, for twitter bootstrap */
line-height: 1em
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: $marginLeft
/* you can be more comfortable with increased icons size */
/* font-size: 120% */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased
-moz-osx-font-smoothing: grayscale
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3) */
+transition(color 0.3s)
@content
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment