zhongde-website/static/common/style.sass

// ===主题色(蓝)
$theme_color: #236AFA
// ===辅色(蓝)
$theme_color_fu: #0D5CFA
$theme_fu_red: #9F1130
// ===辅色(蓝色)
$theme_fu_bule: #535F72
// ===辅色(深灰1)
$theme_gray333: #333
// ===辅色(深灰2)
$theme_gray666: #666
// ===辅色(灰1)
$theme_gray999: #999
// ===辅色(展位提示)
$theme_graybbb: #bbb
// ===辅色(边框)
$theme_grayddd: #ddd
// ===辅色(用于背景色)
$theme_grayf0: #f0f0f0
// ===底部背景(用于背景色)
$theme_footer: #171D31

//定位上下左右居中
@mixin center  
	position: absolute
	top: 50%
	left: 50%
	transform: translate(-50%, -50%)
// 背景图片地址和大小
@mixin bis($url) 
	background-image: url($url)
	background-repeat: no-repeat
	background-size: 100% 100%

//定位全屏
@mixin allcover
	position:absolute
	top: 0
	right: 0

//宽高
@mixin wh($width, $height)
	width: $width
	height: $height

//字体大小，颜色
@mixin sc($size, $color)
	font-size: $size
	color: $color

//字体大小、行高、字体
@mixin font($size, $line-height, $family: 'Microsoft YaHei')  
	font: $size/$line-height $family

//定位上下居中
@mixin ct  
	position: absolute
	top: 50%
    transform: translateY(-50%)

//定位左右居中
@mixin cl  
	position: absolute
	left: 50%
  transform: translateX(-50%)