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;
    }
    }

  • 相关阅读:
    WF编译报错
    VS2012编译错误信息,错误列表却没显示
    SQL Server带游标的SQL
    SQL Server创建LinkServer
    ASP.NET自定义控件加载资源WebResource问题
    sqlserver 增加用户并分配权限
    Java for C#程序员
    laravel安装
    Convert Geometry data into a Geography data in MS SQL Server
    linux安装ruby
  • 原文地址:https://www.cnblogs.com/y896926473/p/5705903.html
Copyright © 2011-2022 走看看