SASS type-of 函数

今儿写个type-of,算是备忘录吧。

1.number

type-of(0)                    // number
type-of(1px)                  // number

2.string

type-of(a)                    // string
type-of("a")                  // string

3.bool

type-of(true)                 // bool
type-of(0<1)                  // bool

4.color

type-of(rgba(1,2,3,.3))       // color
type-of(rgb(1,2,3))           // color
type-of(#fff)                 // color
type-of(red)                  // color

5.list(sass.list=js.array)

// 需要加括号
type-of((1px,2px,3px))        // list
type-of((1px 2px 3px rgba(0,0,0,.3))) // list

6.map(sass.map=js.json)

type-of((a:1px,b:2px))        // map

7.null

type-of(null)                 // null

注:检测格式,要用字符串

@if type-of(null) == "null" { ... }
时间: 2024-10-22 20:48:47

SASS type-of 函数的相关文章

Sass Maps的函数

Sass Maps的函数 前面介绍了使用 map 来管理变量,但要在 Sass 中获取变量,或者对 map 做更多有意义的操作,我们必须借助于 map 的函数功能.在 Sass 中 map 自身带了七个函数: map-get($map,$key):根据给定的 key 值,返回 map 中相关的值. map-merge($map1,$map2):将两个 map 合并成一个新的 map. map-remove($map,$key):从 map 中删除一个 key,返回一个新 map. map-key

Sass关于颜色函数的乐趣

阅读目录 1. 了解RGB和HSL颜色标准 2. RGB函数 3. HSL函数 4. Opacity函数 5. 其他颜色函数 6. 一个简单的应用 在Sass中,定义了很多现成的函数,可供我们使用.在最初使用Sass的时候,用的最多的颜色函数就是lighten($color, $amount)和darken($color, $amount),对于其他的函数,少之又少,真是弱爆了,有木有. 切图的时候,我的颜色全部是通过PS的吸管工具获取的,之后复制粘贴即可.如果我们熟悉了颜色标准,那以后我们对颜

Sass函数:Sass Maps的函数-map-has-key($map,$key)

map-has-key($map,$key) 函数将返回一个布尔值.当 $map 中有这个 $key,则函数返回 true,否则返回 false. 前面的示例,当 $key 不在 $map 中时,使用 map-get($map,$key) 函数将返回一个 null 值.但对于开发人员,并看不到任何提示信息.如果使用 map-has-key($map,$key) 函数就可以改变这一状态.我们来看一个简单的示例. @if map-has-key($social-colors,facebook){ .

PostgreSQL Type的创建与Type在函数中的使用

postgres=# create type complex as(postgres(# r double precision,postgres(# i double precisionpostgres(# );CREATE TYPEpostgres=# create type inventory_item as(postgres(# name text,postgres(# supplier_id integer,postgres(# price numeric);CREATE TYPEpos

Sass Maps的函数-map-values($map)、map-merge($map1,$map2)

map-values($map) map-values($map) 函数类似于 map-keys($map) 功能,不同的是 map-values($map )获取的是 $map 的所有 value 值,可以说也将是一个列表.而且,map-values($map) 中如果有相同的 value 也将会全部获取出来. 如前面的示例,使用: map-values($social-colors) 将会返回: #ea4c89,#3b5998,#171515,#db4437,#55acee 值与值之前同样用

Sass学习笔记 -- 初步了解函数、运算、条件判断及循环

函数 sass定义了很多函数可供使用,当然你也可以自己定义函数,以@fuction开始.sass的官方函数链接为:sass fuction,实际项目中我们使用最多的应该是颜色函数,而颜色函数中又以lighten减淡和darken加深为最,其调用方法为lighten($color,$amount)和darken($color,$amount),它们的第一个参数都是颜色值,第二个参数都是百分比. //scss $baseFontSize:      10px !default; $gray:    

2-4 Sass的函数功能-颜色函数

RGB颜色函数-RGB()颜色函数 在 Sass 的官方文档中,列出了 Sass 的颜色函数清单,从大的方面主要分为 RGB , HSL 和 Opacity 三大函数,当然其还包括一些其他的颜色函数,比如说 adjust-color 和 change-color 等.在这章节中,将主要和大家一起探讨 Sass 颜色函数中常见的 RGB.HSL 和 Opacity 函数. 1.RGB颜色函数 RGB 颜色只是颜色中的一种表达式,其中 R 是 red 表示红色,G 是 green 表示绿色而 B 是

Sass函数--map

MapSass 的 map 常常被称为数据地图,也有人称其为数组,是以 key:value 成对的出现. 1 $map: ( 2 $key1: value1, 3 $key2: value2, 4 $key3: value3 5 ) 首先有一个类似于 Sass 的变量一样,用个 $ 加上命名空间来声明 map.后面紧接是一个小括号 (),将数据以 key:value 的形式赋予,其中 key 和 value 是成对出现,并且每对之间使用逗号 (,) 分隔,其中最后一组后面没有逗号.其中键 key

sass的函数简介

Sass的函数简介 在 Sass 中除了可以定义变量,具有 @extend.%placeholder 和 mixins 等特性之外,还自备了一系列的函数功能.其主要包括: 字符串函数 数字函数 列表函数 颜色函数 Introspection 函数 三元函数等 当然除了自备的函数功能之外,我们还可以根据自己的需求定义函数功能,常常称之为自定义函数. 下面将给大家详细介绍前 4 种最常用的函数. 字符串函数-unquote()函数 字符串函数顾名思意是用来处理字符串的函数.Sass 的字符串函数主要

sass学习--sass的函数功能(进阶篇)

1.字符串功能: unquote($string):删除字符串中的引号: quote($string):给字符串添加引号: To-upper-case($string):将字符串小写字母转换为大写字母 To-lower-case($string):将字符串大写字母转换为小写字母 unquote($string): //sass:unquote($string) .test2 { content: unquote("'Hello Sass!"); } .test3 { content: