David Hölkeskamp dhkamp
dhkamp
/ ie8-backgroundSize.css
Last active
August 29, 2015 14:25
This css-snippet provides background-size functionality for IE8
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Stretch a background-image to fill the parent in IE8. | |
| * Similar to background-size: ...; | |
| */ | |
| filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='PATH/TO/IMAGE.png', sizingMethod='scale'); | |
| -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='PATH/TO/IMAGE.png', sizingMethod='scale')"; |
dhkamp
/ css-multiple-row-ellipsis.css
Created
December 15, 2016 16:10
This is a snippet from http://hackingui.com/front-end/a-pure-css-solution-for-multiline-text-truncation/
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* styles for '...' */ | |
| .block-with-text { | |
| /* hide text if it more than N lines */ | |
| overflow: hidden; | |
| /* for set '...' in absolute position */ | |
| position: relative; | |
| /* use this value to count block height */ | |
| line-height: 1.2em; | |
| /* max-height = line-height (1.2) * lines max number (3) */ | |
| max-height: 3.6em; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // utils/index.js | |
| export const MagicNumber = 11; | |
| // my-component.js | |
| import Utils from '../utils/index.js'; | |
| export function doMagic() { | |
| return 3 + Utils.MagicNumber; |