_sass/_page.scss in cosy-jekyll-theme-1.1.1 vs _sass/_page.scss in cosy-jekyll-theme-2.0.0

- old
+ new

@@ -4,16 +4,26 @@ width: 100%; background-color: $body-color; overflow-x: hidden; } +iframe { + border: 0; +} // Main // -------------------------------------------------- .entry, .hentry { @include clearfix; - h1, h2, h3, h4, h5, h6, p, li { + h1, + h2, + h3, + h4, + h5, + h6, + p, + li { word-wrap: break-word; } } .body-title { @@ -32,29 +42,30 @@ position: relative; time { margin: 0 20px; } .qr-text { - background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA9ElEQVRYR9VXWw7DIAwbN+Yo3HjTJqUfqSI/FNaWvwpIjeOYMOac75cw1lrjuzz2xXeEUOMNdcM2APkkmRR0YgSsincwcBsAOSXVyVRGgoEc78TAYwBk1SOm2hnYBqCyhJxzVgMonl0F7QBYM6ycL2uAjWc7IdIADYBdyDqjGu93sTij0oAaqzQiVNeVdaNqyfPXA6jEhHKunrRaf2gA5bTrh6fLSBWNygxab1cB8gFWpLYRdaXkPgB2tWSIKfs2ZDUgA3BbMreM23rCvwNwU5B9wWZgGwDUw7EvICS+mLerwM15+TBh7wS2J2T7CdsJXQ1k5j7FF35r3ynsoAAAAABJRU5ErkJggg==) no-repeat; + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA9ElEQVRYR9VXWw7DIAwbN+Yo3HjTJqUfqSI/FNaWvwpIjeOYMOac75cw1lrjuzz2xXeEUOMNdcM2APkkmRR0YgSsincwcBsAOSXVyVRGgoEc78TAYwBk1SOm2hnYBqCyhJxzVgMonl0F7QBYM6ycL2uAjWc7IdIADYBdyDqjGu93sTij0oAaqzQiVNeVdaNqyfPXA6jEhHKunrRaf2gA5bTrh6fLSBWNygxab1cB8gFWpLYRdaXkPgB2tWSIKfs2ZDUgA3BbMreM23rCvwNwU5B9wWZgGwDUw7EvICS+mLerwM15+TBh7wS2J2T7CdsJXQ1k5j7FF35r3ynsoAAAAABJRU5ErkJggg==) + no-repeat; background-size: 16px 16px; width: 16px; height: 16px; display: none; position: relative; &::before { - content: ''; + content: ""; position: absolute; top: -20px; right: -20px; bottom: -20px; left: -20px; } &:hover { .qr-code { width: 128px; opacity: 1; - @include transform(none) + @include transform(none); } } } .qr-code { position: absolute; @@ -69,11 +80,11 @@ box-shadow: 0 0 0 0, 0 6px 12px rgba($black, 0.5); padding: 4px; background-color: #fff; } } - @media #{$medium}{ + @media #{$medium} { @include font-size(16); .qr-text { display: inline-block; } } @@ -166,13 +177,13 @@ > p:first-child { @include font-size(20); } } } - #disqus_thread { + #gitalk-container { margin: 20px 2px; - padding: 10px 15px; + padding: 15px; background-color: $white; box-shadow: 0 0 0 1px rgba($border-color, 0.1), 0 6px 12px rgba($black, 0.1); @include rounded(3px); @media #{$medium} { margin-left: 10px; @@ -464,11 +475,12 @@ font-weight: 600; &:visited { color: $text-color; } } - &.active, &:hover { + &.active, + &:hover { a { color: $header-active; } } } @@ -499,11 +511,11 @@ a.title { font-size: 1.5rem; padding-left: 5px; vertical-align: middle; height: $menu-height; - @media #{$medium}{ + @media #{$medium} { display: table-cell; } } } @@ -587,11 +599,11 @@ right: 0; z-index: 101; @include transition(0.4s all ease-in-out); @include transform(scale(0) perspective(600px) rotateX(45deg)); &.active { - height: 407px; + height: 300px; top: 38px; @include transform(none); } } } @@ -606,9 +618,17 @@ .lazyloading { -webkit-filter: blur(5px); filter: blur(5px); transition: filter 400ms, -webkit-filter 400ms; } + .lazyloaded { -webkit-filter: blur(0); filter: blur(0); +} + +.share-img { + margin: 0 auto; + width: 0px; + height: 0px; + overflow: hidden; }