_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;
}