|
32 | 32 | <a href="/" class="dib f5 f4-ns fw6 mt0 mb1 link black-70" title="Home"> |
33 | 33 | Tachyons |
34 | 34 | <div class="dib"> |
35 | | - <small class="nowrap f6 mt2 mt3-ns pr2 black-70 fw2">v4.7.0</small> |
| 35 | + <small class="nowrap f6 mt2 mt3-ns pr2 black-70 fw2">v4.8.0</small> |
36 | 36 | </div> |
37 | 37 | </a> |
38 | 38 | </div> |
@@ -95,24 +95,24 @@ <h4 class="f5 mt4 mt5-ns">Dim Card</h4> |
95 | 95 | <p class="lh-copy measure">You can dim any element on hover and focus with the dim element. Not just text. Here is a card component that will dim on hover.</p> |
96 | 96 | <div class="bl-ns bw2-ns b--black-05 pl3-ns"> |
97 | 97 | <a href="#" class="link black mw5 db dim pa2 ba b--black-10 br2 shadow-1"> |
98 | | - <img src="http://mrmrs.io/photos/037.jpg" alt="SF at night" class="db mb2 mw-100" /> |
| 98 | + <img src="http://mrmrs.github.io/photos/037.jpg" alt="SF at night" class="db mb2 mw-100" /> |
99 | 99 | <span class="db f6 pv2">Card title</span> |
100 | 100 | </a> |
101 | 101 | <code class="f6 db mt3 pre"> |
102 | 102 | <a href="#" class="link black dim db mw5 pa2 br2 ba b--black-10 shadow-1"> |
103 | | - <img src="http://mrmrs.io/photos/037.jpg" alt="SF at night" class="db mb2 mw-100" /> |
| 103 | + <img src="http://mrmrs.github.io/photos/037.jpg" alt="SF at night" class="db mb2 mw-100" /> |
104 | 104 | <span class="db f6 pv2">Card title</span> |
105 | 105 | </a> |
106 | 106 | </code> |
107 | 107 | </div> |
108 | 108 | <h4 class="f5 mt4 mt5-ns">Reveal Children on Hover</h4> |
109 | 109 | <div class="bl-ns bw2-ns b--black-05 pl3-ns"> |
110 | | - <a href="#" class="link mw5 dt hide-child br2 cover bg-center" style="background-image: url(http://mrmrs.io/photos/012.jpg); "> |
| 110 | + <a href="#" class="link mw5 dt hide-child br2 cover bg-center" style="background-image: url(http://mrmrs.github.io/photos/012.jpg); "> |
111 | 111 | <span class="white b dtc v-mid w-100 h-100 child bg-black-40 pa5 br2">This is some card content</span> |
112 | 112 | </a> |
113 | 113 |
|
114 | 114 | <code class="f6 db pre"> |
115 | | -<a href="#" style="background-image: url(http://mrmrs.io/images/0010.jpg); |
| 115 | +<a href="#" style="background-image: url(http://mrmrs.github.io/images/0010.jpg); |
116 | 116 | class="link mw5 dt hide-child br2 cover bg-center" "> |
117 | 117 | <span class="white dtc v-mid w-100 h-100 child bg-black-40 pa5"> |
118 | 118 | Card title |
@@ -322,6 +322,7 @@ <h4 class="mt0">Source code <kbd class="pl4 fw1">src/_hovers.css</kbd></h4> |
322 | 322 | .shadow-hover::after { |
323 | 323 | content: ''; |
324 | 324 | box-shadow: 0px 0px 16px 2px rgba( 0, 0, 0, .2 ); |
| 325 | + border-radius: inherit; |
325 | 326 | opacity: 0; |
326 | 327 | position: absolute; |
327 | 328 | top: 0; |
|
0 commit comments