<commit_before>@charset "utf-8";

////
/// 辅助编写样式效果的工具方法
/// @author Kayo 
/// @group 样式特效
/// @date 2015-08-23
////


/// 产生正方形的宽高
///
/// @name square
/// @param {Measure} $length - 宽高的长度 
@mixin square($length){
  width: $length;
  height: $length;
}

/// 利用 absolute 把指定元素水平垂直居中布局，适用于已知元素宽高的情况下
///
/// @name absoluteCenter
/// @param {Measure} $width - 元素的宽度 
/// @param {Measure} $height - 元素的高度 
@mixin absoluteCenter($width, $height){
  position: absolute;
  left: 50%;
  top: 50%;
  margin: (-$height)/2 0 0 (-$width)/2; 
}

%triangleCommonStyle {
  display: block;
  content: " ";
  width: 0;
  line-height: 0;
  font-size: 0;
  border-style: solid;
  border-color: transparent;
}

/// CSS Border 三角形
///
/// @name triangle
/// @param {Measure} $width - 三角形的底边的宽 
/// @param {Measure} $height - 三角形的高 
/// @param {String} $direction - 三角形的方向（即与底边相对的顶点指向的方向） 
/// @param {Color} $borderColor - 三角形的边框色
/// @param {Color} $ie6borderColor [#f00] - IE6 不支持 border-color: transparent,而 border 三角形利用了这个特性，因此如果需要兼容 IE6，则需要填写 $ie6borderColor，颜色值一般为三角形背后元素的颜色。 
/// @throw 由于方法内包含了有 $width / 2 的计算，因此如果 $width 的值为奇数，则实际上计算出的三角形会偏小，建议 $width 不要使用奇数。
@mixin triangle($width, $height, $direction, $borderColor, $ie6borderColor:#f00) {
  @extend %triangleCommonStyle;
  _border-color: $ie6borderColor;
  _filter: chroma(color=$ie6borderColor);
  /* 向上小三角 */
  @if $direction == top {
    border-width: $height $width / 2;
    border-top: 0;
    border-bottom-color: $borderColor;
    _border-bottom-color: $borderColor;
  }
  /* 向下小三角 */
  @else if $direction == bottom {
    border-width: $height $width / 2;
    border-bottom: 0;
    border-top-color: $borderColor;
    _border-top-color: $borderColor;
  }
  /* 向左小三角 */
  @else if $direction == left {
    border-width: $width / 2 $height ;
    border-left: 0;
    border-right-color: $borderColor;
    _border-right-color: $borderColor;
  }
  /* 向右小三角 */
  @else if $direction == right {
    border-width: $width / 2 $height;
    border-right: 0;
    border-left-color: $borderColor;
    _border-left-color: $borderColor;
  }
}

/// 使得指定的元素产生 Block Formatting Contexts 或 hasLayout
///
/// @name bfc 
@mixin bfc {
  overflow: hidden;
  zoom: 1;
}

// borderStyleForOnePixel 是 onePixelBorder 内部使用的方法
@mixin borderStyleForOnePixel($direction: all, $color:#dedede){
  border-style: solid;
  border-color: $color; 
  @if $direction == all {
    border-width: 1px;
  }
  @else if $direction == top {
    border-width: 1px 0 0 0;
  }
  @else if $direction == bottom {
    border-width: 0 0 1px 0;
  }
  @else if $direction == left {
    border-width: 0 0 0 1px;
  }
  @else if $direction == right {
    border-width: 0 1px 0 0;
  }
  @else if $direction == horizontal {
    border-width: 0 1px;
  }
  @else if $direction == vertical {
    border-width: 1px 0;
  }
}

/// 在移动设备上生成 1px 宽的边框，direction 支持 all, top, bottom, left, right, horizontal, vertical 7个 direction 值，position 支持 outside 和 inside 两个值
///
/// @name onePixelBorder
/// @param {String} $direction [all] - 边框的方向，支持 all（所有方向），top（上边框），right（右边框），bottom（下边框），left（左边框），horizontal（左右边框），vertical（上下边框）
/// @param {Color} $color - 边框的颜色
/// @param {String} $position [outside] - 边框的位置，支持 outside 和 inside
/// @param {Number} $borderRadius [0] - 边框的圆角<commit_msg>添加十字架mixin<commit_after>@charset "utf-8";

////
/// 辅助编写样式效果的工具方法
/// @author Kayo 
/// @group 样式特效
/// @date 2015-08-23
////


/// 产生正方形的宽高
///
/// @name square
/// @param {Measure} $length - 宽高的长度 
@mixin square($length){
  width: $length;
  height: $length;
}

/// 利用 absolute 把指定元素水平垂直居中布局，适用于已知元素宽高的情况下
///
/// @name absoluteCenter
/// @param {Measure} $width - 元素的宽度 
/// @param {Measure} $height - 元素的高度 
@mixin absoluteCenter($width, $height){
  position: absolute;
  left: 50%;
  top: 50%;
  margin: (-$height)/2 0 0 (-$width)/2;
}

%triangleCommonStyle {
  display: block;
  content: " ";
  width: 0;
  line-height: 0;
  font-size: 0;
  border-style: solid;
  border-color: transparent;
}

/// CSS Border 三角形
///
/// @name triangle
/// @param {Measure} $width - 三角形的底边的宽 
/// @param {Measure} $height - 三角形的高 
/// @param {String} $direction - 三角形的方向（即与底边相对的顶点指向的方向） 
/// @param {Color} $borderColor - 三角形的边框色
/// @param {Color} $ie6borderColor [#f00] - IE6 不支持 border-color: transparent,而 border 三角形利用了这个特性，因此如果需要兼容 IE6，则需要填写 $ie6borderColor，颜色值一般为三角形背后元素的颜色。 
/// @throw 由于方法内包含了有 $width / 2 的计算，因此如果 $width 的值为奇数，则实际上计算出的三角形会偏小，建议 $width 不要使用奇数。
@mixin triangle($width, $height, $direction, $borderColor, $ie6borderColor:#f00) {
  @extend %triangleCommonStyle;
  _border-color: $ie6borderColor;
  _filter: chroma(color=$ie6borderColor);
  /* 向上小三角 */
  @if $direction == top {
    border-width: $height $width / 2;
    border-top: 0;
    border-bottom-color: $borderColor;
    _border-bottom-color: $borderColor;
  }
    /* 向下小三角 */
  @else if $direction == bottom {
    border-width: $height $width / 2;
    border-bottom: 0;
    border-top-color: $borderColor;
    _border-top-color: $borderColor;
  }
    /* 向左小三角 */
  @else if $direction == left {
    border-width: $width / 2 $height ;
    border-left: 0;
    border-right-color: $borderColor;
    _border-right-color: $borderColor;
  }
    /* 向右小三角 */
  @else if $direction == right {
    border-width: $width / 2 $height;
    border-right: 0;
    border-left-color: $borderColor;
    _border-left-color: $borderColor;
  }
}


/// @name cross
/// @param {Measure} $crossLength - 十字架的大小
/// @param {Measure} $crossLineThickness - 十字架线条的粗细
/// @param {Color} $crossLineColor [#2685d2] - 十字架的颜色
@mixin cross($crossLength:26px,$crossLineThickness:2px,$crossLineColor:$common_color_link){
  position: relative;
  @include square($crossLength);
  &:before,
  &:after{
    content: "";
    font-size: 0;
    line-height: 0;
    position: absolute;
    background-color: $crossLineColor;
  }
  &:before{
    left:getLengthMaxIntegerCenter($crossLength,$crossLineThickness);
    top:0;
    width:$crossLineThickness;
    height: 100%;
  }
  &:after{
    left:0;
    top:getLengthMaxIntegerCenter($crossLength,$crossLineThickness);
    width: 100%;
    height: $crossLineThickness;
  }
}

/// 使得指定的元素产生 Block Formatting Contexts 或 hasLayout
///
/// @name bfc 
@mixin bfc {
  overflow: hidden;
  zoom: 1;
}

// borderStyleForOnePixel 是 onePixelBorder 内部使用的方法
@mixin borderStyleForOnePixel($direction: all, $color:#dedede){
  border-style: solid;
  border-color: $color;
  @if $direction == all {
    border-width: 1px;
  }
  @else if $direction == top {
    border-width: 1px 0 0 0;
  }
  @else if $direction == bottom {
    border-width: 0 0 1px 0;
  }
  @else if $direction == left {
    border-width: 0 0 0 1px;
  }
  @else if $direction == right {
    border-width: 0 1px 0 0;
  }
  @else if $direction == horizontal {
    border-width: 0 1px;
  }
  @else if $direction == vertical {
    border-width: 1px 0;
  }
}

/// 在移动设备上生成 1px 宽的边框，direction 支持 all, top, bottom, left, right, horizontal, vertical 7个 direction 值，position 支持 outside 和 inside 两个值
///
/// @name onePixelBorder
/// @param {String} $direction [all] - 边框的方向，支持 all（所有方向），top（上边框），right（右边框），bottom（下边框），left（左边框），horizontal（左右边框），vertical（上下边框）
/// @param {Color} $color - 边框的颜色
/// @param {String} $position [outside] - 边框的位置，支持 outside 和 inside
/// @param {Number} $borderRadius [0] - 边框的圆角
{'fraction_non_alphanumeric': 0.16346417787537743, 'fraction_numerical': 0.020312928904748832, 'mean_word_length': 3.226798143851508, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5813303', 'n_tokens_mistral': 3176, 'n_tokens_neox': 3232, 'n_words': 646}