less

Bootstrap 3 mixin multiple make-*-column

由 一个人想着一个人 提交于 2020-01-09 08:12:30
问题 I'm using an specific mixin trying to make my code more clear. So instead of using: <div class="col-lg-3 col-md-5 col-sm-6 col-xs-12"> I'm using: <div class="stackOverflowRocksIt"> and in my mixins.less: .stackOverflowRocksIt{ .make-lg-column(3); .make-md-column(4); .make-sm-column(6); .make-xs-column(12); } It works properly with XS and SM viewports, but not when I resize to MD or LG (then is taking the SM size). Is this the proper way to create columns for different viewports sizes? Any

How to pass a property name as an argument to a mixin in less

由 佐手、 提交于 2020-01-09 07:58:46
问题 I want to make a function/mixin that will make a color darker if it is already dark but lighter when it is light (normalize/extremeize?) Is it possible to do this by passing a property name (color, background-color, border-right-color, etc)? .normalize(@color, @amount, @prop: "color") when (lightness(@color) >= 50%) { @prop:lighten(@color, @amount); } .normalize(@color, @amount, @prop: "color") when (lightness(@color) < 50%) { @prop:darken(@color, @amount); } 回答1: This is currently a feature

How to namespace Twitter Bootstrap so styles don't conflict

由 五迷三道 提交于 2020-01-08 12:01:28
问题 I want to use Twitter Bootstrap, but only on specific elements, so I need to figure out a way to prefix all Twitter Bootstrap classes with my prefix, or use the less mixins. I'm not experienced with this yet so I don't quite understand how to do this. Here's an example of the HTML that I'm trying to style: <div class="normal-styles"> <h1>dont style this with bootstrap</h1> <div class="bootstrap-styles"> <h1>use bootstrap</h1> </div> </div> In this example, Twitter Bootstrap would normal style

表分区索引介绍

由 旧城冷巷雨未停 提交于 2020-01-08 07:56:01
分区表索引介绍 局部索引： 局部前缀索引 （local prefixed index）：在这些索引中，分区键在索引定义的前几列上。例如，一个表在名为LOAD_DATE 的列上进行区间分区， 该表上的局部前缀索引就是采用LOAD_DATE作为其索引列列表中的第一列。 局部非前缀索引 （local nonprefixed index）：这些索引不以分区键作为其列列表的前几列。索引可能包含分区键列，也可能不包含。 这两类索引都可以进行分区消除,前提是查询的条件中包含索引分区键，它们都支持惟一性（只要局部非前缀索引包含分区键列)。 局部索引与表的分区数一致，如果新增一个分区，新增加的分区局部索引也会自动创建。全局索引则不行（即需要重建全局索引）。 一、分区消除介绍： --下面通过实验来说明索引的分区消除 --创建一个分区表 CREATE TABLE partitioned_table ( a int, b int, data char(20)) PARTITION BY RANGE (a) ( PARTITION part_1 VALUES LESS THAN(2) tablespace gcomm, --以a字段进行分区，小于等于2的存在分区1，小于等于3的存在分区2 PARTITION part_2 VALUES LESS THAN(3) tablespace gmapdata ) -

CSS @import 深入用法

由 大憨熊 提交于 2020-01-08 05:47:30
1 常用css3的@ At规则有4种类 @document @import @supports @media 2 @import 的几种引入方式 @import 默认引入less方式读取，出css之外： example: @import "foo"; // foo.less 导入为less文件 @import "foo.less"; // foo.less 导入为less文件 @import "foo.php"; // foo.php 导入为less文件 @import "foo.css"; // 语句保持原样，导入为css文件 属性 作用 释义 reference 使用该less文件但是不输出它 使用@import (reference) 导入外部文件，导入的样式不会添加到编译输出，除非该样式被引用。 inline 包括在源文件中输出，但是不作处理 当一个css文件可能无法被less所兼容时 less 将该文件视为less文件，无论扩展名是什么 css 将文件视为css文件，无论扩展名是什么 once 该文件仅可导入一次 (默认) 文件只会被导入一次，后续的导入相同文件的语句会被忽略。 multiple 该文件可以多次导入 文件重复被引入多次 optional 当没有发现文件时仍然编译 避免导入不存在的less文件，如果没有这个参数会报 File Error 错误 举栗

CSS模块化：less

由 和自甴很熟 提交于 2020-01-08 01:36:11
less的安装与基本使用 less的语法及特性 一、本地使用less的方法 Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。是一种动态样式语言，属于css预处理语言的一种。 下载后找到less.js：less.js-2.5.3\dist\less.js 也可以直接使用CDN缓存： < script src ="http://cdnjs.cloudflare.com/ajax/libs/less.js/2.5.3/less.min.js" ></ script > 注意link的rel属性： < link rel ="stylesheet/less" type ="text/css" href ="styles.less" /> 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <title>Document</title> 8 <link rel="stylesheet/less"

关于less在DW中高亮显示问题。

由 流过昼夜 提交于 2020-01-07 04:58:16
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 首先， 找到DW 安装目录。 Adobe Dreamweaver CS5.5\configuration\DocumentTypes 中的，MMDocumentTypes.xml 这个文件，然后用记事本打开，查找CSS 把 CSS 后边加上，less 然后到。C:\Users\Administrator\AppData\Roaming\Adobe\Dreamweaver CS5.5\zh_CN\Configuration\DocumentTypes 一样是这个文件，修改同样的地方。 然后把C:\Users\Administrator\AppData\Roaming\Adobe\Dreamweaver CS5.5\zh_CN\Configuration 中，Extensions.txt 中的,css 改为 css，less 然后到。DW 里首选项。 加入.less 的文件扩展名 重启DW 。。。 成功高亮显示了。 来源： oschina 链接： https://my.oschina.net/u/139014/blog/54919

如何以较少（GNU）显示行号？

由 ぐ巨炮叔叔 提交于 2020-01-07 04:03:56
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 有人知道在左栏中减少显示行数的命令吗？ #1楼 您可以设置环境变量以始终将这些选项应用于所有less'd文件： export LESS='-RS#3NM~g' #2楼 命令行标志 -N 或 --LINE-NUMBERS 使行号显示在显示中每行的开头。 您还可以通过键入 -N<return> 来切换行号而不必减少行数。 它可以用这种方式切换任何较少的命令行选项。 #3楼 如果您点击=并且预计会看到行号，但只看到字节数，则会关闭行号。 按-n打开它们，并确保 $LESS 不包含'n'。 默认情况下关闭行号（例如，设置 LESS=n ）可加快非常大的文件中的搜索速度。 如果你经常搜索大文件但通常不关心你在哪一行，那么很方便。 我通常使用 LESS=RSXin 运行（启用转义码，长线切断，退出时不清除屏幕，忽略所有小写搜索的情况，默认情况下不计算行数）并且仅使用内部的-n或-S根据需要减少。 #4楼 你也可以按 = 而 less 打开只显示（在屏幕底部）有关当前屏幕的信息，包括行号，格式如下： myfile.txt lines 20530-20585/1816468 byte 1098945/116097872 1% (press RETURN) 所以这里例如，屏幕当前显示行 20530-20585 ，并且文件总共有

Get Less variable value from string

由 时光怂恿深爱的人放手 提交于 2020-01-07 01:18:16
问题 I am trying to create a function to switch themes. When I transpile my Less to CSS, the CSS file shows the literal string interpolation rather than the variable value. The variables file looks something like: @beach-font-color: #3d3d3d; @ocean-font-color: #d3d3d3; @theme: "beach"; @symbol: "@"; @currentTheme-font-color: ~"@{symbol}@{theme}-font-color"; In the stylesheet: body { color: @currentTheme-font-color; } The generated css produces: body { color: @beach-font-color; } instead of: body {

算法学习？挑战高薪的必经之路！让面试官满意的排序算法（图文解析）

由 我的梦境 提交于 2020-01-07 01:09:43
让面试官满意的排序算法（图文解析） 这种排序算法能够让面试官面露微笑 这种排序算法集各排序算法之大成 这种排序算法逻辑性十足 这种排序算法能够展示自己对Java底层的了解 这种排序算法出自Vladimir Yaroslavskiy、Jon Bentley和Josh Bloch三位大牛之手，它就是JDK的排序算法——java.util.DualPivotQuicksort（双支点快排） 想看以往学习内容的朋友 可以看我的GitHub: https://github.com/Meng997998/AndroidJX 觉得文章枯燥的朋友，可以看视频学习 DualPivotQuicksort 先看一副逻辑图（如有错误请大牛在评论区指正） 插排指的是改进版插排—— 哨兵插排 快排指的是改进版快排—— 双支点快排 DualPivotQuickSort没有Object数组排序的逻辑，此逻辑在Arrays中，好像是归并+Tim排序 图像应该很清楚：对于不同的数据类型，Java有不同的排序策略： byte、short、char 他们的取值范围有限，使用计数排序占用的空间也不过256/65536个单位，只要排序的数量不是特别少（有一个计数排序阈值，低于这个阈值的话就没有不要用空间换时间了），都应使用计数排序 int、long、float、double 他们的取值范围非常的大，不适合使用计数排序
订阅 less