sass

简介: sass

mixin抽离公共样式

image.png

使用@include

image.png
@content相当于 @include ipad{}函数体里的东西

//@if @else if
@if $height>500 {
   
   
  媒体查询{
   
   
  @content
}
@else if $height<600&&&height>500{
   
   
  媒体查询{
   
   
    @content
}
}
}
相关文章
|
6月前
|
人工智能 前端开发 JavaScript
前端Sass详解说明
前端Sass详解说明
|
7月前
|
XML 前端开发 数据格式
探索CSS预处理器:Sass、Less与Stylus
探索CSS预处理器:Sass、Less与Stylus
|
7月前
|
前端开发 开发者
stylus、sass、less区别, Sass 、LESS是什么
【4月更文挑战第1天】stylus、sass、less区别, Sass 、LESS是什么
93 0
|
7月前
|
前端开发 开发者 Ruby
Sass、LESS区别是什么?大家为什么要使用他们?
Sass(Syntactically Awesome Style Sheets)和LESS(Leaner CSS)是两种流行的CSS预处理器,它们在原生CSS的基础上提供了一些额外的功能和语法。
216 1
|
7月前
|
Web App开发 前端开发 iOS开发
Sass 安装
Sass 安装
58 0
|
前端开发 Shell 开发工具
sass/scss 入门
sass/scss 入门
80 0
|
前端开发
初学Sass
初学Sass
74 0
|
前端开发 JavaScript
Vue 安装 CSS 预处理器(Less、Sass、Stylus)
Vue 安装 CSS 预处理器(Less、Sass、Stylus)
247 0
|
前端开发
sass学习笔记(下)
sass学习笔记
90 0
|
前端开发 JavaScript
sass学习笔记(上)
sass学习笔记
243 0