baseui/src/mixins.less

49 lines
1.2 KiB
Plaintext

@import "variables";
// font path mixin
.fontPath(@path, @filename, @version){
src: url('@{path}@{filename}.eot?@{version}');
src: url('@{path}@{filename}.eot?@{version}#iefix') format('embedded-opentype'),
url('@{path}@{filename}.woff2?@{version}') format('woff2'),
url('@{path}@{filename}.woff?@{version}') format('woff'),
url('@{path}@{filename}.ttf?@{version}') format('truetype'),
url('@{path}@{filename}.svg?@{version}#iconfont') format('svg');
}
.iconStyles(@font-face){
font-family: @font-face;
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* 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: .2em;
}
.clearfix() {
&:before,
&:after {
content: " "; // 1
display: table; // 2
}
&:after {
clear: both;
}
}