src/assets/md.less

@@ -1,4 +1,8 @@
.markdown-body{
   *{
      max-width: 100% !important;
   }
	
   body{
        margin: 0 auto;
        font-family: "Microsoft YaHei", arial,sans-serif;
@@ -13,9 +17,40 @@
        }
    }
    
   img{
       max-width: -webkit-fill-available;
   }
    iframe{
      display: flex;
      margin: 0px auto;
      border-radius: 8px;
    }
	 
    p{
       text-indent: 2rem;
    }
	 
	 
    img:hover{
       transform: scale(1.05);
       //box-shadow: 0 0 4px rgba(0,0,0,0.5);
       -webkit-filter: drop-shadow(4px 4px 10px rgba(0,0,0,.5));
       filter: drop-shadow(4px 4px 10px rgba(0,0,0,.5));
    }
	 
    img{
       width: 150px;
       border-radius: 12px;
       margin: 10px auto;
       transition: all .5s;
    }
   // img{
   //     max-width: -webkit-fill-available;
   //     display: inline;
   //     box-shadow: 0 0 4px rgba(0,0,0,0.5);
   //     overflow: visible;
   //     border-radius: 12px;
   //     -webkit-filter: drop-shadow(4px 4px 10px rgba(0,0,0,.5));
   //     filter: drop-shadow(4px 4px 10px rgba(0,0,0,.5));
   // }
	
   h1, h2, h3, h4 {
       color: #111111;
       font-weight: 400;
@@ -25,6 +60,7 @@
   h1, h2, h3, h4, h5 {
      font-family: Georgia, Palatino, serif;
   }
	
   h1, h2, h3, h4, h5, p , dl{
       margin-bottom: 16px;
       padding: 0;
@@ -57,6 +93,7 @@
       color: #0099ff;
       margin: 0;
       padding: 0;
      word-wrap: break-word;
       vertical-align: baseline;
   }
   a:hover {
@@ -123,7 +160,6 @@
       font-size: .85em;
       white-space: pre;
       background: 0 0;
	
   }
   
   code {
@@ -151,8 +187,8 @@
   }
   blockquote {
       border-left:.5em solid #cfcfcf;
       padding: 0 0 0 2em;
       margin-left:0;
       //padding: 0 0 0 2em;
       margin-left: 0em;
   }
   blockquote  cite {
       font-size:14px;
@@ -164,8 +200,12 @@
   }
   
   blockquote p {
      text-indent: inherit;
       color: #666;
   }
   blockquote *{
      margin-left: 10px;
   }
   hr {
       text-align: left;
       color: #999;