zoukankan      html  css  js  c++  java
  • 绘制三角形(sass)

    绘制三角形

    /// draw triangle
    /// @param {type} $type [''] - triangleUp triangleDown triangleLeft triangleRight
    /// @param {Size} $border-value-1
    /// @param {Size} $border-value-2
    /// @param {Size} $border-value-3
    /// @param {color} $border-color
    /// @require

    @mixin draw-triangle($type: '', $border-value-1: 50px , $border-value-2: 50px, $border-color...) {
    0;
    height: 0;
    @if $border-color != '' {
    @if $type == 'triangleUp' {
    border-left: $border-value-1 solid transparent;
    border-right: $border-value-2 solid transparent;
    border-bottom: solid $border-color;
    }
    @if $type == 'triangleDown' {
    border-left: $border-value-1 solid transparent;
    border-right: $border-value-2 solid transparent;
    border-top: solid $border-color;
    }
    @if $type == 'triangleLeft' {
    border-top: $border-value-1 solid transparent;
    border-bottom: $border-value-2 solid transparent;
    border-right: solid $border-color;
    }
    @if $type == 'triangleRight' {
    border-top: $border-value-1 solid transparent;
    border-left: solid $border-color;
    border-bottom: $border-value-2 solid transparent;
    }
    } @else {
    border-left: $border-value-1 solid transparent;
    border-right: $border-value-2 solid transparent;
    border-bottom: solid $border-color;
    }
    }

  • 相关阅读:
    隐式类型转换
    STL::allocator rebind
    Proxy Class(代理类)
    C++ 没有合适的默认构造函数(无参数构造函数)
    E
    C
    Multiplication Puzzle POJ
    Brackets POJ
    Halloween Costumes LightOJ
    ACwing 139. 回文子串的最大长度(二分+Hash)
  • 原文地址:https://www.cnblogs.com/y896926473/p/5705903.html
Copyright © 2011-2022 走看看