LESS 动态样式

  • e5_489349
    了解作者
  • 82.3KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-04-10 04:14
    上传日期
CSS 动态样式,方便样式修改,详细请参考里面说明文档!
bootstrap.zip
  • bootstrap
  • img
  • glyphicons-halflings.png
    12.5KB
  • glyphicons-halflings-white.png
    8.6KB
  • js
  • bootstrap.js
    57.1KB
  • bootstrap.min.js
    30.9KB
  • css
  • bootstrap.min.css
    100.9KB
  • bootstrap-responsive.min.css
    16.2KB
  • bootstrap-responsive.css
    21.2KB
  • bootstrap.css
    121.3KB
内容介绍
/* =================================================== * bootstrap-transition.js v2.2.2 * http://twitter.github.com/bootstrap/javascript.html#transitions * =================================================== * Copyright 2012 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ========================================================== */ !function ($) { "use strict"; // jshint ;_; /* CSS TRANSITION SUPPORT (http://www.modernizr.com/) * ======================================================= */ $(function () { $.support.transition = (function () { var transitionEnd = (function () { var el = document.createElement('bootstrap') , transEndEventNames = { 'WebkitTransition' : 'webkitTransitionEnd' , 'MozTransition' : 'transitionend' , 'OTransition' : 'oTransitionEnd otransitionend' , 'transition' : 'transitionend' } , name for (name in transEndEventNames){ if (el.style[name] !== undefined) { return transEndEventNames[name] } } }()) return transitionEnd && { end: transitionEnd } })() }) }(window.jQuery);/* ========================================================== * bootstrap-alert.js v2.2.2 * http://twitter.github.com/bootstrap/javascript.html#alerts * ========================================================== * Copyright 2012 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ========================================================== */ !function ($) { "use strict"; // jshint ;_; /* ALERT CLASS DEFINITION * ====================== */ var dismiss = '[data-dismiss="alert"]' , Alert = function (el) { $(el).on('click', dismiss, this.close) } Alert.prototype.close = function (e) { var $this = $(this) , selector = $this.attr('data-target') , $parent if (!selector) { selector = $this.attr('href') selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 } $parent = $(selector) e && e.preventDefault() $parent.length || ($parent = $this.hasClass('alert') ? $this : $this.parent()) $parent.trigger(e = $.Event('close')) if (e.isDefaultPrevented()) return $parent.removeClass('in') function removeElement() { $parent .trigger('closed') .remove() } $.support.transition && $parent.hasClass('fade') ? $parent.on($.support.transition.end, removeElement) : removeElement() } /* ALERT PLUGIN DEFINITION * ======================= */ var old = $.fn.alert $.fn.alert = function (option) { return this.each(function () { var $this = $(this) , data = $this.data('alert') if (!data) $this.data('alert', (data = new Alert(this))) if (typeof option == 'string') data[option].call($this) }) } $.fn.alert.Constructor = Alert /* ALERT NO CONFLICT * ================= */ $.fn.alert.noConflict = function () { $.fn.alert = old return this } /* ALERT DATA-API * ============== */ $(document).on('click.alert.data-api', dismiss, Alert.prototype.close) }(window.jQuery);/* ============================================================ * bootstrap-button.js v2.2.2 * http://twitter.github.com/bootstrap/javascript.html#buttons * ============================================================ * Copyright 2012 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ============================================================ */ !function ($) { "use strict"; // jshint ;_; /* BUTTON PUBLIC CLASS DEFINITION * ============================== */ var Button = function (element, options) { this.$element = $(element) this.options = $.extend({}, $.fn.button.defaults, options) } Button.prototype.setState = function (state) { var d = 'disabled' , $el = this.$element , data = $el.data() , val = $el.is('input') ? 'val' : 'html' state = state + 'Text' data.resetText || $el.data('resetText', $el[val]()) $el[val](data[state] || this.options[state]) // push to event loop to allow forms to submit setTimeout(function () { state == 'loadingText' ? $el.addClass(d).attr(d, d) : $el.removeClass(d).removeAttr(d) }, 0) } Button.prototype.toggle = function () { var $parent = this.$element.closest('[data-toggle="buttons-radio"]') $parent && $parent .find('.active') .removeClass('active') this.$element.toggleClass('active') } /* BUTTON PLUGIN DEFINITION * ======================== */ var old = $.fn.button $.fn.button = function (option) { return this.each(function () { var $this = $(this) , data = $this.data('button') , options = typeof option == 'object' && option if (!data) $this.data('button', (data = new Button(this, options))) if (option == 'toggle') data.toggle() else if (option) data.setState(option) }) } $.fn.button.defaults = { loadingText: 'loading...' } $.fn.button.Constructor = Button /* BUTTON NO CONFLICT * ================== */ $.fn.button.noConflict = function () { $.fn.button = old return this } /* BUTTON DATA-API * =============== */ $(document).on('click.button.data-api', '[data-toggle^=button]', function (e) { var $btn = $(e.target) if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn') $btn.button('toggle') }) }(window.jQuery);/* ========================================================== * bootstrap-carousel.js v2.2.2 * http://twitter.github.com/bootstrap/javascript.html#carousel * ========================================================== * Copyright 2012 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ========================================================== */ !functi
评论
    相关推荐
    • nginx-lesscss
      整个事情开始于服务器端 LESS -> CSS 转换器。 然后我添加了 SASS 和 SCSS。 我不会对自己撒谎,我想我会及时添加其他几个转换器。 现在,名单如下: LESS - 使用 npm/less 转换器( npm install -g less ) SASS...
    • lesscss-java:用于Java的LESS CSS编译器
      适用于Java的官方LESS CSS编译器 最新版本1.7.0.1.1-与1.7.0或更低版本兼容的1.1版本 用于Java的LESS CSS编译器是一个用于将LESS源编译为CSS样式表的库。 该编译器使用Rhino,Envjs(用JavaScript编写的模拟浏览器...
    • gwt-less-plugin:该模块提供了在GWT项目中使用LESS CSS编译器的功能
      gwt-less-adapter 该模块提供了将LESS css编译器与GWT项目一起使用的功能。 TODO:使用说明
    • ikiwiki_lessish:基于Less CSS Framework的ikiwiki的响应式样式表
      ikiwiki_lessish 基于的自适应样式表。 快速开发供我自己使用-请随时进行调整和重复使用。 特征: 完全响应(调整浏览器大小), 可读字体大(如果太大,请调整), 在各种设备(台式机,手机,平板电脑等)上...
    • Less CSS creator-crx插件
      “少延伸了具有动态行为CSS,例如变量,Mixins,操作和功能。” 此管理员工具扩展了Google Chrome功能。 在Developer Tools中创建一个新选项卡,AS少CSS编辑器的名称。 - 创造 - 保存为我的电脑 - 实时预览 - 普通...
    • nativescript-dev-less:用于NativeScript项目的LESS CSS预处理器
      用于NativeScript项目CSS预处理器更少。 不推荐使用nativescript-dev-less ,而倾向于bundle工作流,它将在CLI v6.0中引入。... 当准备好构建项目时, .less app文件夹中的所有.less文件进行更少CSS预处理。
    • Less css框架1.3
      LESSCSS 赋予了动态语言的特性,如 变量, 继承, 运算, 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox),也可以借助Node.js或者Rhino在服务端运行。 极大的减少了构建样式表的工作量。 本...
    • lesscss-compiler:用于 Java 的独立 LESS CSS 编译器
      GroupId: nz.net.ultraq.lesscss ArtifactId: lesscss-compiler 版本: 1.0.2 用法 . 在您的 Java 程序中,创建一个新的LessCSSCompiler实例,然后调用任何compile()方法将您的 LESS 输入转换为 CSS 输出,...
    • jfinal-lesscss:jfinallesscss 插件
      jfinal-lesscss jfinallesscss 插件
    • Peruse:Less CSS代码的代码约定检查器
      检查Less CSS文件是否符合。 平台类 任何使用Java的Windows安装。 只要安装了Java,它就应该也可以在所有主要平台上运行,但是尚未经过测试。 发展状况 Peruse仍处于早期开发阶段。 它检查诸如嵌套深度和注释样式之...