asia-moma/assets/stylesheets/template/base/_utilities.scss

68 lines
1.2 KiB
SCSS
Raw Normal View History

2021-08-30 10:13:48 +00:00
@charset "utf-8";
@import "variables";
// 把可以重覆使用的類別放在這個檔案裡
// 只保留第一個editmode連結後面的都藏起來以免使用者插入其他的內容造成版面跑版
.single-child-datapp {
> .editmode-ps + a[href^="/page_parts/"] {
display: none;
}
}
.transfrom-180 {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: .3s all ease;
transition: .3s all ease;
position: absolute;
}
.text-white {
color: white;
}
.text-black {
color: black;
}
.text-red {
color: red;
}
.text-primary {
color: $theme-color-main;
}
.box-social-share {
margin: 0.9375em 0;
> * {
display: inline-block !important;
margin: 0 0.375em 0 0 !important;
vertical-align: top !important;
position: relative;
top: 0;
transition: 0.2s;
&:hover {
opacity: 0.8;
top: -0.1875em;
}
}
.fb-share-button.fb_iframe_widget {
> span {
vertical-align: top !important;
}
}
.print-button {
a {
color: #333;
font: 0.9375em/1.25em $main-font;
.fa {
color: #666;
font-size: 1.125em;
margin: 0 0.1875em 0 0;
}
}
}
}