Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
@media only screen and (max-device-width: 640px),
only screen and (max-device-width: 667px),
only screen and (max-width: 480px) and (orientation : portrait){
/* for iPhone 6 and 6+ */
/*記事がよかったら、いいねスマホ*/
.p-shareButton-bottom {
padding-bottom: 15px;
overflow: hidden
}
.p-shareButton__buttons {
font-weight: 700;
color: #fff;
font-size: 13px;
text-align: center
}
.p-shareButton__buttons>li {
padding-left: 3px;
padding-right: 4px
}
.p-shareButton__buttons .c-btn {
padding: 8px 0;
border-radius: 2px
}
.p-shareButton__buttons .c-ico {
display: block;
margin: auto auto 5px
}
.p-shareButton__fb {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
width: 115px
}
.p-shareButton__fb-cont {
position: relative;
width: 108px;
margin: 0 auto
}
.p-shareButton__fb-unable {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px
}
.p-shareButton__cont {
margin: 15px 0 0
}
.p-shareButton__a-cont {
background: #2e2e2e;
display: table;
width: 100%
}
.p-shareButton__a-cont__img {
display: table-cell;
min-width: 100px;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center
}
.p-shareButton__a-cont__btn {
display: table-cell;
padding: 12px;
text-align: center
}
.p-shareButton__a-cont__btn p {
font-size: 12px;
color: #fff;
font-weight: 700;
padding: 5px 0 15px;
line-height: 1.4;
margin-bottom: 0px;
}
/*記事がよかったら、いいねスマホ end*/
}
@media screen and (min-width:480px) and ( max-width:1024px) {
/* for iPad  */
/*記事がよかったら、いいねスマホ*/
.p-shareButton-bottom {
padding-bottom: 15px;
overflow: hidden
}
.p-shareButton__buttons {
font-weight: 700;
color: #fff;
font-size: 13px;
text-align: center
}
.p-shareButton__buttons>li {
padding-left: 3px;
padding-right: 4px
}
.p-shareButton__buttons .c-btn {
padding: 8px 0;
border-radius: 2px
}
.p-shareButton__buttons .c-ico {
display: block;
margin: auto auto 5px
}
.p-shareButton__fb {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
width: 115px
}
.p-shareButton__fb-cont {
position: relative;
width: 108px;
margin: 0 auto
}
.p-shareButton__fb-unable {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px
}
.p-shareButton__cont {
margin: 15px 0 0
}
.p-shareButton__a-cont {
background: #2e2e2e;
display: table;
width: 100%
}
.p-shareButton__a-cont__img {
display: table-cell;
min-width: 100px;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center
}
.p-shareButton__a-cont__btn {
display: table-cell;
padding: 12px;
text-align: center
}
.p-shareButton__a-cont__btn p {
font-size: 12px;
color: #fff;
font-weight: 700;
padding: 5px 0 15px;
line-height: 1.4;
margin-bottom: 0px;
}
/*記事がよかったら、いいねスマホ end*/
}
@media screen and (min-width:1024px) {
/* for PC */
/*記事がよかったら、いいねPC*/
.p-entry__push {
margin-bottom: 20px;
display: table;
table-layout: fix;
width: 100%;
background-color: #2b2b2b;
color: #fff;
}
.p-entry__pushThumb {
display: table-cell;
min-width: 240px;
height: 200px;
background-position: center;
background-size:cover;
}
.p-entry__pushLike {
display: table-cell;
padding: 20px;
text-align: center;
vertical-align: middle;
line-height: 1.4;
font-size: 20px;
}
.p-entry__pushButton {
margin-top: 15px;
display: inline-block;
width: 200px;
height: 40px;
line-height: 40px;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.p-entry__pushButtonLike {
line-height: 1
}
.p-entry__note {
margin-top: 15px;
font-size: 12px;
color: #999;
}
/*facebook page、いいね PC end*/
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.