123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 |
- @font-face {
- font-family: 'ui-grid';
- src: url('@{font-path}ui-grid.eot');
- src: url('@{font-path}ui-grid.eot#iefix') format('embedded-opentype'),
- url('@{font-path}ui-grid.woff') format('woff'),
- url('@{font-path}ui-grid.ttf') format('truetype'),
- url('@{font-path}ui-grid.svg?#ui-grid') format('svg');
- font-weight: normal;
- font-style: normal;
- }
- /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
- /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
- /*
- @media screen and (-webkit-min-device-pixel-ratio:0) {
- @font-face {
- font-family: 'ui-grid';
- src: url('../font/ui-grid.svg?12312827#ui-grid') format('svg');
- }
- }
- */
-
- [class^="ui-grid-icon"]:before, [class*=" ui-grid-icon"]:before {
- font-family: "ui-grid";
- font-style: normal;
- font-weight: normal;
- speak: none;
-
- display: inline-block;
- text-decoration: inherit;
- width: 1em;
- margin-right: .2em;
- 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: .2em;
-
- /* you can be more comfortable with increased icons size */
- /* font-size: 120%; */
-
- /* Uncomment for 3D effect */
- /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
- }
- .ui-grid-icon-blank::before {
- width: 1em;
- content: ' ';
- }
|