@ -8,4 +8,4 @@
* http : / / opensource . org / licenses / MIT
*
* /
. ui . image { position : relative ; display : inline - block ; vertical-align : middle ; max-width : 100 % ; background-color : transparent } img . ui . image { display : block ; background : 0 0 } . ui . image img { display : block ; max-width : 100 % ; height : auto } . ui . disabled . image { cursor : default ; opacity : .3 } . ui . inline . image , . ui . inline . image img { display : inline - block } . ui . top . aligned . image , . ui . top . aligned . image img , . ui . top . aligned . images . image { display : inline - block ; vertical-align : top } . ui . middle . aligned . image , . ui . middle . aligned . image img , . ui . middle . aligned . images . image { display : inline - block ; vertical-align : middle } . ui . bottom . aligned . image , . ui . bottom . aligned . image img , . ui . bottom . aligned . images . image { display : inline - block ; vertical-align : bottom } . ui . rounded . image , . ui . rounded . image img , . ui . rounded . images . image , . ui . rounded . images img { border-radius : .3125 em } . ui . bordered . image img , . ui . bordered . images . image , . ui . bordered . images img , img . ui . bordered . image { border : 1 px solid rgba ( 0 , 0 , 0 , .1 ) } . ui . circular . image , . ui . circular . images { overflow : hidden } . ui . circular . image , . ui . circular . image img , . ui . circular . images . image , . ui . circular . images img { border-radius : 500 rem } . ui . fluid . image , . ui . fluid . image img , . ui . fluid . images , . ui . fluid . images img { display : block ; width : 100 % } . ui . avatar . image , . ui . avatar . image img , . ui . avatar . images . image , . ui . avatar . images img { margin-right : .25 em ; display : inline - block ; width : 2.5 em ; height : 2.5 em ; border-radius : 500 rem } . ui . floated . image , . ui . floated . images { float : left ; margin-right : 1 em ; margin-bottom : 1 em } . ui . right . floated . image , . ui . right . floated . images { float : right ; margin-right : 0 ; margin-bottom : 1 em ; margin-left : 1 em } . ui . floated . image : last-child , . ui . floated . images : last-child { margin-bottom : 0 } . ui . centered . image , . ui . centered . images { margin-left : auto ; margin-right : auto } . ui . mini . image , . ui . mini . images . image , . ui . mini . images img { width : 20 px ; font-size : .7142 r em} . ui . tiny . image , . ui . tiny . images . image , . ui . tiny . images img { width : 80 px ; font-size : .8571 r em} . ui . small . image , . ui . small . images . image , . ui . small . images img { width : 150 px ; font-size : .92 85 r em} . ui . medium . image , . ui . medium . images . image , . ui . medium . images img { width : 300 px ; font-size : 1 r em} . ui . large . image , . ui . large . images . image , . ui . large . images img { width : 450 px ; font-size : 1.1428 r em } . ui . big . image , . ui . big . images . image , . ui . big . images img { width : 600 px ; font-size : 1.28 57 r em} . ui . huge . image , . ui . huge . images . image , . ui . huge . images img { width : 800 px ; font-size : 1.4285 r em } . ui . massive . image , . ui . massive . images . image , . ui . massive . images img { width : 960 px ; font-size : 1.7142 r em } . ui . images { font-size : 0 ; margin : 0 -.25 rem } . ui . images . image , . ui . images img { display : inline - block ; margin : 0 .25 rem .5 rem }
. ui . image { position : relative ; display : inline - block ; vertical-align : middle ; max-width : 100 % ; background-color : transparent } img . ui . image { display : block ; background : 0 0 } . ui . image img { display : block ; max-width : 100 % ; height : auto } . ui . disabled . image { cursor : default ; opacity : .3 } . ui . inline . image , . ui . inline . image img { display : inline - block } . ui . top . aligned . image , . ui . top . aligned . image img , . ui . top . aligned . images . image { display : inline - block ; vertical-align : top } . ui . middle . aligned . image , . ui . middle . aligned . image img , . ui . middle . aligned . images . image { display : inline - block ; vertical-align : middle } . ui . bottom . aligned . image , . ui . bottom . aligned . image img , . ui . bottom . aligned . images . image { display : inline - block ; vertical-align : bottom } . ui . rounded . image , . ui . rounded . image img , . ui . rounded . images . image , . ui . rounded . images img { border-radius : .3125 em } . ui . bordered . image img , . ui . bordered . images . image , . ui . bordered . images img , img . ui . bordered . image { border : 1 px solid rgba ( 0 , 0 , 0 , .1 ) } . ui . circular . image , . ui . circular . images { overflow : hidden } . ui . circular . image , . ui . circular . image img , . ui . circular . images . image , . ui . circular . images img { border-radius : 500 rem } . ui . fluid . image , . ui . fluid . image img , . ui . fluid . images , . ui . fluid . images img { display : block ; width : 100 % } . ui . avatar . image , . ui . avatar . image img , . ui . avatar . images . image , . ui . avatar . images img { margin-right : .25 em ; display : inline - block ; width : 2.5 em ; height : 2.5 em ; border-radius : 500 rem } . ui . floated . image , . ui . floated . images { float : left ; margin-right : 1 em ; margin-bottom : 1 em } . ui . right . floated . image , . ui . right . floated . images { float : right ; margin-right : 0 ; margin-bottom : 1 em ; margin-left : 1 em } . ui . floated . image : last-child , . ui . floated . images : last-child { margin-bottom : 0 } . ui . centered . image , . ui . centered . images { margin-left : auto ; margin-right : auto } . ui . mini . image , . ui . mini . images . image , . ui . mini . images img { width : 20 px ; font-size : .7 em } . ui . tiny . image , . ui . tiny . images . image , . ui . tiny . images img { width : 80 px ; font-size : .8 em } . ui . small . image , . ui . small . images . image , . ui . small . images img { width : 150 px ; font-size : .87 5 em } . ui . medium . image , . ui . medium . images . image , . ui . medium . images img { width : 300 px ; font-size : 1 em } . ui . large . image , . ui . large . images . image , . ui . large . images img { width : 450 px ; font-size : 1.125 em } . ui . big . image , . ui . big . images . image , . ui . big . images img { width : 600 px ; font-size : 1.25 em } . ui . huge . image , . ui . huge . images . image , . ui . huge . images img { width : 800 px ; font-size : 1.375 em } . ui . massive . image , . ui . massive . images . image , . ui . massive . images img { width : 960 px ; font-size : 1.5 em } . ui . images { font-size : 0 ; margin : 0 -.25 rem } . ui . images . image , . ui . images img { display : inline - block ; margin : 0 .25 rem .5 rem }