1 Star 0 Fork 0

乔璴/blog

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
share.scss 1.06 KB
一键复制 编辑 原始数据 按行查看 历史
乔璴 提交于 2019-03-17 01:55 +08:00 . Site updated: 2019-03-17 01:55:02
#share-btn {
display: flex;
flex-direction: column;
position: fixed;
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: 300;
@media screen and (max-width: $mobile-width) {
display: none;
}
a {
display: inline-block;
cursor: pointer;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
color: white;
margin-bottom: 10px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
transition: all .3s;
&:hover {
padding-left: 8px;
width: 48px;
}
}
&-qq {
background: $color-blue-6;
&:hover {
background: $color-blue-4;
}
}
&-wechat {
background: $color-green-5;
&:hover {
background: $color-green-3;
}
}
&-twitter {
background: $color-light-blue-5;
&:hover {
background: $color-light-blue-3;
}
}
&-facebook {
background: $color-indigo-4;
&:hover {
background: $color-indigo-3;
}
}
&-weibo {
background: $color-red-4;
&:hover {
background: $color-red-3;
}
}
}
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/qiaoabu/blog.git
git@gitee.com:qiaoabu/blog.git
qiaoabu
blog
blog
179ef1538c3cbfcc2b2cce4a9032359389b385c9

搜索帮助