5 ms·
Really nice execution! I remember seeing similar projects [1][2] in the past and pondered usage of the `currentColor`. Btw, there are several occurrences of w
by myfonj 10y ago
Really nice execution!
I remember seeing similar projects [1][2] in the past and pondered usage of the `currentColor`.
Btw, there are several occurrences of white components [4]; they are necessary for "breaking" lines, but surprisingly there are very few of them and overall do't break much [3].
[1] http://cikonss.zzapdeveloped.it/ http://cikonss.zzapdeveloped.it/
[2] http://one-div.com/ http://one-div.com/ (warning, hugely ad infested currently)
[3] console: document.styleSheets[0].insertRule('.iconWrapper,.iconViewer{background-color: #999 !important}',0)
- j4_james 10y agoI remember seeing something like this before too. This is the one I was thinking of. http://nicolasgallagher.com/pure-css-gui-icons/ http://nicolasgallagher.com/pure-css-gui-icons/
- RubyPinch 10y agoits mostly pretty avoidable, border-image with a gradient solves it a majority of the time
- wentin 10y agocan you say more about this approach? very curious
- RubyPinch 10y agohttps://codepen.io/anon/pen/xEykRg?editors=1100 https://codepen.io/anon/pen/xEykRg?editors=1100 in retrospect probably not a complete solution in of itself, but if doing the top 3 borders, with a :after with a gradient background image, should work for all colors
- wentin 10y agoyour solution is genius! thanks so much!