//key:UG93ZXJlZCBieSBab29tbGEh6YCQ5rWqQ01TIHd3d3cuejAxLmNvbQ== //CSS预编译文件基于Sass语法 //这是Zoomla!逐浪CMS团队优化的Sass模板,我们为你预置了逐浪字库官方团队的高品质webFont之CDN库,你可完全采用中文定义写作,如下面写法都是合格 //$中国变量之一:12px; //$中国人民中华人民共和国变量之二:#ff0; //.a1{width:$中国变量之一 ;} //.a2{background: $中国人民中华人民共和国变量之二;} //建议CSS注释写在代码段的起始处以使阅读更加流畅 //*这是系统级的引用类,版本:190125 //主文件引用请使用 @import "zoomlaCMS"; //@mixin混合引用方,使用@include引用即可 //继承使用 @extend .ClassName;即可 //使用帮助: code.z01.com/sass // 全统一嵌套共用类 @charset "utf-8"; $文字白色阴影: -1px -1px 0 #fff,1px 1px 0 #333,1px 1px 0 #fff; $文字白色阴影二:2px 2px 4px #ffffff; $文字黑色阴影:1px 2px 2px rgba(0,0,0,1); $苹方极细字体: Helvetica Neue,PingFang SC,Microsoft Yahei,\\5FAE\8F6F\96C5\9ED1,STXihei,\\534E\6587\7EC6\9ED1,sans-serif; @mixin 五秒消失切换{transition: 0.5s ease-in-out;} //用@include引用即可 @mixin 文字白影二{text-shadow: 2px 2px 4px #ffffff; } @mixin myul{padding-left: 0;margin-bottom:0; list-style: none;}//UL空间清理 @mixin dflex{display: flex;align-content: center;justify-content: center;align-items: center;} //引用flexbox并指定内部垂直左右居中 @mixin 段落文本对齐处理{text-align: justify; text-justify: inter-ideograph; overflow: hidden;} @mixin 渐变灰色块{ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6) );} @mixin 加微软雅黑定义{font-family: -apple-system,"Microsoft Yahei",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";} @mixin 绿色椭圆按钮{display: inline-block; width:8rem; height:3rem; line-height:3rem; background: rgba(13,196,128,1); font-size:1.02rem; color: #fff; text-align: center;border: 1px solid #e0e0e0;border-radius: 100px;} @mixin 灰色背景蒙板{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px;background-color: rgba(0,0,0,0.4);}//父层必须定义 position: relative @mixin weui的footer兼容固底 {position: fixed; bottom: 0;} @mixin 清除左边圆角{border-top-left-radius:0;border-bottom-left-radius:0;} @mixin 清除右边圆角{border-top-right-radius:0;border-bottom-right-radius:0;} @mixin 清除四边圆角{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;} @mixin 清背景边框{background: none;background-color: none; border: none;} @mixin 中国风下划线input{border: none;background: none;border-bottom: 1px solid #999;border-radius: 0;} @mixin 灰色移动抽屉{ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");} @mixin 旋转360度{transform: rotateY(360deg);} @mixin 单行文字省略号{text-overflow:ellipsis; white-space: nowrap;overflow: hidden;} //需要宽度定义 @mixin 多行文字省略号{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;} //需要宽度定义 @mixin link延伸{ position:absolute;top: 0;right: 0; bottom: 0; left: 0; z-index: 1;content: "";} //父标签应该定义position:relative,推荐采用a::after方式引用。 @mixin 极细标题{font-family: Helvetica Neue,PingFang SC,Microsoft Yahei,\\5FAE\8F6F\96C5\9ED1,STXihei,\\534E\6587\7EC6\9ED1,sans-serif;font-weight: 100;} //自定义部份 $欢迎高度:100vh; $标题浅蓝:#bee5eb;