less-plugin-skeleton:less.js 的骨架

  • l2_600569
    了解作者
  • 10.4KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-04-24 08:36
    上传日期
少插件骨架 在您的自定义 Less 代码之前导入 Less 代码。 Skeleton 是一个简单的响应式样板,可以启动任何响应式项目。 查看以获取文档和详细信息。 较少使用 安装.. 需要较少 v2.4.0 npm install -g less-plugin-skeleton 然后在命令行上, lessc file.less --skeleton 媒体查询 注意:构建媒体查询使用的最佳方法是在相关代码附近创建查询。 例如,如果您想更改小型设备上按钮的样式,请将移动查询代码粘贴到按钮部分并在那里设置样式。 例子: @media (min-width: @bp-larger-than-mobile) { .button, button { height: 24px; padding: 0 15px; } } 可用的媒体查询: /* Larger than mo
less-plugin-skeleton-master.zip
  • less-plugin-skeleton-master
  • lib
  • skeleton-processor.js
    560B
  • parse-options.js
    61B
  • index.js
    650B
  • usage.js
    202B
  • less
  • skeleton.less
    13.5KB
  • LICENSE
    11.1KB
  • README.md
    1.6KB
  • package.json
    866B
内容介绍
less-plugin-skeleton ======================== Imports [Skeleton Less code](https://github.com/whatsnewsaes/Skeleton-less)) before your custom Less code. Skeleton is a simple, responsive boilerplate to kickstart any responsive project. Check out [http://getskeleton.com](http://getskeleton.com) for documentation and details. ## lessc usage Install.. Requires Less v2.4.0 ``` npm install -g less-plugin-skeleton ``` and then on the command line, ``` lessc file.less --skeleton ``` ## Media Queries Note: The best way to structure the use of media queries is to create the queries near the relevant code. For example, if you wanted to change the styles for buttons on small devices, paste the mobile query code up in the buttons section and style it there. Example: ``` @media (min-width: @bp-larger-than-mobile) { .button, button { height: 24px; padding: 0 15px; } } ``` ### avaible Media Queries: ``` /* Larger than mobile */ @media (min-width: @bp-larger-than-mobile) {} /* Larger than phablet (also point when grid becomes active) */ @media (min-width: @bp-larger-than-phablet) {} /* Larger than tablet */ @media (min-width: @bp-larger-than-tablet) {} /* Larger than desktop */ @media (min-width: @bp-larger-than-desktop) {} /* Larger than Desktop HD */ @media (min-width: @bp-larger-than-desktophd) {} ``` ## Programmatic usage ``` var Skeleton = require('less-plugin-skeleton'), SkeletonPlugin = new Skeleton(); less.render(lessString, { plugins: [SkeletonPlugin] }) .then( ``` ## Browser usage Browser usage is not supported at this time.
评论
    相关推荐
    • less-plugin-semantic-ui:在您的自定义 Less 代码之前导入 Semantic UI Less 代码
      npm install -g less-plugin-semantic-ui 然后在命令行上, lessc file.less --semantic-ui 请注意,您的工作目录应包含有效的文件。 程序化使用 var LessPluginSemanticUI = require('less-plugin-semantic-ui'...
    • sign-less:叹息插件少
      无符号 叹息插件... 例子 npm install --save-dev sigh-less sigh.js npm install --save-dev sigh-less然后将这样的内容添加到你的sigh.js : // TODO: example goes here
    • fly-less:更少的Fly插件
      npm install -D fly-less 例子 module . exports . default = function * ( ) { yield this . source ( "src/**/*.less" ) . less ( ) . target ( "dist/" ) } 执照 :copyright:二郎和知等人
    • less离线安装包
      less离线安装方法: 1,下载npm.zip文件 2,将npm.zip文件解压后的所有文件放入C:\Users\Li\AppData\Roaming\npm下,即可。
    • less-easing:减少变量
      不太宽松 减少变量 ...$ npm install less-easing --save 用法 @import " ../node_modules/less-easing/_easings.less " ; .element { transition : all 0.2 s @easeOutSine ; } 执照 麻省理工学院
    • lessjs-boilerplate:A boilerplate for less.js. less.js 的样板工程
      运行 Node 版本 ...$ npm install -g pm2 # 安装依赖 $ npm install # JS 代码校验 $ npm run eslintfix $ npm run eslint # 开发 $ npm run dev # 启动项目 $ npm start # 停止项目 $ npm run stop
    • broccoli-less-main.zip
      编译 输出的问题应在LESS上报告。... $ npm install --save-dev broccoli-less 用法 var less = require ( 'broccoli-less' ) ; tree = less ( tree , options ) ; 原料药 少(树,选项?) 选项 请参阅“较少”。
    • less-index:为LESS文件的目录创建一个入口点
      npm install --global less-index # …or locally – for a project: npm install --save-dev less-index 用法 概要 Usage: less-index [] ... or: less-index (-h|--help) 描述 Create an entry point for a ...
    • brless:less.render() browserify 变换
      首先npm install brless到你的项目中,然后: 在命令行上 $ browserify -t brless main.js > bundle.js 现在在捆绑输出文件中, var less = require ( 'less' ) ; less . render ( '.some { .class { color: ...
    • GaussDB_100_1.0.1-DATABASE-REDHAT-64bit.tar.gz
      guassdb100在redhat上安装包,单机部署的包,安装步骤请看我的文中介绍,经过大量实验搭建总结出来的文档