Skip to content

Z
zui

易企天创 / zui
11 个月 前同步成功

通知 6
Star 0
Fork 1
Z
zui

体验新版 GitCode，发现更多精彩内容 >>

提交 68a34216 编写于 作者: C Catouse
浏览文件
操作

* refactor code. 

  - format code;
  - update some code from bootstrap v3..3.7.
上级 6be5a306
隐藏空白更改
内联 并排
Showing with 751 addition and 569 deletion
src/less/basic/scaffolding.less
浏览文件 @ 68a34216
//
/// ========================================================================
/// Bootstrap: scaffolding.less
/// https://github.com/twbs/bootstrap/blob/master/less/scaffolding.less
///
/// ZUI: The file has been changed in ZUI. It will not keep update with the
/// Bootsrap version in the future.
/// http://zui.sexy
/// ========================================================================
/// Bootrap: Copyright 2011-2016 Twitter, Inc. Licensed under MIT
/// ========================================================================
// Scaffolding
// ==================================================
// ===========
// Reset box sizing
*, *:before, *:after { box-sizing: border-box; }
// Body reset
html
{
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body
{
body {
font-family: @font-family-base;
font-size: @font-size-base;
line-height: @line-height-base;
......@@ -21,7 +34,9 @@ body
background-color: @body-bg;
}
// Reset fonts for relevant elements
input,
button,
select,
......@@ -31,7 +46,9 @@ textarea {
line-height: inherit;
}
// Links
a {
color: @link-color;
text-decoration: none;
......@@ -63,6 +80,7 @@ a {
// Remove the gap between images, videos, audio and canvas and the bottom of
// their containers: h5bp.com/i/440
// Make media width auto fit containers
audio,
canvas,
img,
......@@ -72,9 +90,11 @@ video {
max-width: 100%;
}
// Only display content to screen readers
//
// See: http://a11yproject.com/posts/how-to-hide-content/
.sr-only {
position: absolute;
width: 1px;
......@@ -90,6 +110,7 @@ video {
// Remove text-shadow in selection highlight: h5bp.com/i
// These selection rule sets have to be separate.
// Customize the background color to match your design.
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
......@@ -99,7 +120,9 @@ video {
text-shadow: none;
}
// Remove default fieldset styles.
fieldset {
border: 0;
margin: 0;
......@@ -108,10 +131,11 @@ fieldset {
// Allow only vertical resizing of textareas.
textarea {
resize: vertical;
}
textarea { resize: vertical; }
// reset ol&ul padding left
ol,
ul {padding-left: 20px;}
ul { padding-left: 20px; }
src/less/basic/utilities.less
浏览文件 @ 68a34216
//
// Utility classes
// --------------------------------------------------
// Floats
// -------------------------
.clearfix {
.clearfix();
}
/// ========================================================================
/// Bootstrap: utilities.less
/// https://github.com/twbs/bootstrap/blob/master/less/utilities.less
///
/// ZUI: The file has been changed in ZUI. It will not keep update with the
/// Bootsrap version in the future.
/// http://zui.sexy
/// ========================================================================
/// Bootrap: Copyright 2011-2016 Twitter, Inc. Licensed under MIT
/// ========================================================================
.center-block {
.center-block();
}
.pull-right {
float: right !important;
}
// Floats and clearfix
.clearfix { .clearfix(); }
.center-block { .center-block(); }
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.pull-left {
float: left !important;
}
// Toggling content
// -------------------------
// Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1
.hide {
display: none;
}
.hidden {
display: none!important;
}
.hide { display: none; }
.show { display: block; }
.show {
display: block;
.hidden {
display: none!important;
visibility: hidden !important;
}
.showing {
.showing {
display: block!important;
visibility: visible !important;
}
.invisible {
visibility: hidden;
}
.invisible { visibility: hidden; }
.text-hide { .text-hide(); }
.text-hide {
.text-hide();
}
// For Affix plugin
// -------------------------
.affix {
position: fixed;
}
// padding and margin
.with-padding {
padding: @padding-base-vertical @padding-base-horizontal;
}
.affix { position: fixed; }
// Padding and margin
.with-padding { padding: @padding-base-vertical @padding-base-horizontal; }
src/less/basic/utilities.responsive.less
浏览文件 @ 68a34216
//
// Responsive: Utility classes
// --------------------------------------------------
// IE10 in Windows (Phone) 8
//
// Support for responsive views via media queries is kind of borked in IE10, for
// Surface/desktop in split view and for Windows Phone 8. This particular fix
// must be accompanied by a snippet of JavaScript to sniff the user agent and
// apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at
// our Getting Started page for more information on this bug.
//
// For more information, see the following:
//
// Issue: https://github.com/twbs/bootstrap/issues/10497
// Docs: http://getbootstrap.com/getting-started/#browsers
// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
@-ms-viewport {
width: device-width;
}
// Hide from screenreaders and browsers
//
// Credit: HTML5 Boilerplate
.hidden {
display: none !important;
visibility: hidden !important;
}
/// ========================================================================
/// Bootstrap: utilities.responsive.less
/// https://github.com/twbs/bootstrap/blob/master/less/utilities.responsive.less
///
/// ZUI: The file has been changed in ZUI. It will not keep update with the
/// Bootsrap version in the future.
/// http://zui.sexy
/// ========================================================================
/// Bootrap: Copyright 2011-2016 Twitter, Inc. Licensed under MIT
/// ========================================================================
// Visibility utilities
......@@ -210,7 +188,9 @@
}
}
// Print utilities
.visible-print {
.responsive-invisibility();
}
......
src/less/basic/variables.less
浏览文件 @ 68a34216
//
// The Variables of ZUI.
// =========================
/// ========================================================================
/// Bootstrap: variables.less
/// https://github.com/twbs/bootstrap/blob/master/less/variables.less
///
/// ZUI: The file has been changed in ZUI. It will not keep update with the
/// Bootsrap version in the future.
/// http://zui.sexy
/// ========================================================================
/// Bootrap: Copyright 2011-2016 Twitter, Inc. Licensed under MIT
/// ========================================================================
// States
// Form states and alerts
@state-default-text: @color-dark;
@state-default-bg: @color-gray-pale;
@state-default-inverse-bg: @color-dark;
......@@ -45,17 +54,19 @@
// Scaffolding
@body-bg: @color-back;
@text-color: @color-fore;
// Links
@link-color: @color-secondary;
@link-hover-color: darken(@link-color, 15%);
@link-hover-decoration: underline;
// MEDIA QUERIES TYPES
// -------------------------
// Extra small screen (phone).
@screen-xs: 480px;
......@@ -84,7 +95,6 @@
// GRID SYSTEM
// -------------------------
// Number of grid columns.
@grid-columns: 12;
......@@ -92,6 +102,8 @@
@grid-gutter-width: 20px;
@grid-float-breakpoint: @screen-tablet;
// Point at which the navbar begins collapsing.
@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
// Small screen / tablet
@container-tablet: ((720px + @grid-gutter-width));
......@@ -102,7 +114,6 @@
// TYPOGRAPHY
// -------------------------
// Font family.
@font-family-sans-serif: "Helvetica Neue", Helvetica, Tahoma, Arial, 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
......@@ -135,7 +146,6 @@
// COMPONENTS CONFIG
// -------------------------
@padding-base-vertical: 5px;
@padding-base-horizontal: 12px;
......@@ -178,8 +188,8 @@
@caret-width-base: 4px;
@caret-width-large: 5px;
// Z-index master list
// -------------------------
// Used for a bird's eye view of components dependent on the z-axis
// Try to avoid customizing these :)
......@@ -193,7 +203,6 @@
// TABLES
// -------------------------
@table-cell-padding: 8px;
@table-condensed-cell-padding: 5px;
......@@ -208,7 +217,6 @@
// DROPDOWNS
// -------------------------
@dropdown-bg: @component-bg;
@dropdown-border: @component-border;
......@@ -228,7 +236,6 @@
// BUTTONS
// -------------------------
@btn-font-weight: normal;
......@@ -262,7 +269,7 @@
// PROGRESS BRAS
// -------------------------
@progress-bg: @color-gray-lighter;
@progress-bar-color: @color-light;
......@@ -272,8 +279,9 @@
@progress-bar-danger-bg: @color-danger;
@progress-bar-info-bg: @color-info;
// THUMBNAILS
// -------------------------
@thumbnail-padding: 4px;
@thumbnail-bg: @body-bg;
@thumbnail-border: @color-gray-light;
......@@ -284,14 +292,12 @@
// DIVIDER
// -------------------------
// Hr border color
@hr-border: @color-gray-lighter;
// LEBELS
// -------------------------
@label-default-bg: @color-gray;
@label-primary-bg: @color-primary;
......@@ -303,8 +309,9 @@
@label-color: @color-light;
@label-link-hover-color: @color-light;
// BADGES
// -------------------------
@badge-link-hover-color: @color-light;
@badge-bg: @color-gray-light;
......@@ -315,7 +322,9 @@
@badge-line-height: 1;
@badge-border-radius: 12px;
// INPUT
@input-bg: @color-light;
@input-bg-disabled: @color-gray-lighter;
......@@ -339,14 +348,15 @@
//** Disabled cursor for form controls and buttons.
@cursor-disabled: not-allowed;
// BREADCUMBS
// -------------------------
@breadcrumb-color: #ccc;
@breadcrumb-active-color: @color-gray;
// LIST GROUP
// -------------------------
@list-group-bg: @color-light;
@list-group-border: @color-gray-light;
@list-group-border-radius: @border-radius-base;
......@@ -394,7 +404,7 @@
// MODALS
// -------------------------
@modal-inner-padding: 15px;
@modal-title-padding: 15px;
......@@ -415,7 +425,7 @@
// ALERTS
// -------------------------
@alert-padding: 15px;
@alert-border-radius: @border-radius-small;
@alert-link-font-weight: bold;
......@@ -446,7 +456,7 @@
// ANIMATION
// --------------------------
@animation-speed-normal: 0.4s;
@animation-speed-fast: 0.2s;
@animation-speed-slow: 0.8s;
......@@ -454,7 +464,7 @@
// CODE
// ------------------------
@code-color: @color-danger;
@code-bg: @color-gray-pale;
......@@ -466,7 +476,7 @@
// TYPE
// ------------------------
@text-muted: @color-gray;
@abbr-border-color: @color-gray-light;
@headings-small-color: @color-gray;
......@@ -477,7 +487,6 @@
// MISCELLANEOUS
// -------------------------
// Hr border color
@hr-border: @color-gray-lighter;
......@@ -487,7 +496,6 @@
// ARTICLE
// -------------------------
@article-padding: 20px;
@article-section-padding: 10px 15px;
......@@ -507,21 +515,18 @@
// CONTENTS LIST
// -----------------------
@list-padding: 15px;
@list-item-bg-hover: #f5f5f5;
// CARDS
// ----------------------
@card-border-color: @color-gray-light;
@card-reveal-bg: @color-gray-pale;
// PAGER
// -------------------------
@pager-bg: @color-light;
@pager-border: @color-gray-light;
......@@ -536,7 +541,6 @@
// NAVBAR
// -------------------------
// Basics of a navbar
@navbar-height: 40px;
......@@ -545,6 +549,7 @@
@navbar-border-radius: @border-radius-base;
@navbar-padding-horizontal: floor((@grid-gutter-width / 2));
@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);
@navbar-collapse-max-height: 340px;
@navbar-default-color: @color-gray-dark;
@navbar-default-bg: lighten(@color-gray-pale, 2.5%);
......@@ -566,7 +571,7 @@
// Navbar toggle
@navbar-default-toggle-hover-bg: @color-gray-light;
@navbar-default-toggle-icon-bar-bg: #ccc;
@navbar-default-toggle-icon-bar-bg: @color-gray;
@navbar-default-toggle-border-color: @color-gray-light;
......@@ -598,7 +603,6 @@
// NAVS
// -------------------------
@nav-link-padding: 8px 15px;
@nav-link-padding-top: 10px;
......@@ -640,7 +644,6 @@
// CAROUSEL
// ------------------------
@carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6);
......@@ -656,14 +659,14 @@
// CLOSE
// ------------------------
@close-color: @color-black;
@close-font-weight: bold;
@close-text-shadow: 0 1px 0 @color-light;
// TOOLTIPS
// -------------------------
@tooltip-max-width: 200px;
@tooltip-color: @color-back;
@tooltip-bg: @color-fore;
......@@ -673,7 +676,7 @@
// POPOVER
// -------------------------
@popover-bg: @color-light;
@popover-max-width: 300px;
@popover-border-color: rgba(0,0,0,.2);
......@@ -690,7 +693,7 @@
// ICON FONT
// -------------------------
@icon-font-path: "../fonts";
@icon-font-version: "2.2.0";
@icon-border-color: @color-gray-light;
......@@ -703,11 +706,11 @@
// SCROLLBAR
// -------------------------
@scrollbar-size: 10px;
@scrollbar-radius: 5px;
// MESSAGER
// -------------------------
@messager-radius: 20px;
src/less/basic/variables.theme.less
浏览文件 @ 68a34216
/// ========================================================================
/// ZUI: variables.theme.less
/// http://zui.sexy
/// ========================================================================
/// Copyright 2014-2016 cnezsoft.com; Licensed MIT
/// ========================================================================
// COLOR SCHEME
// -------------------------------------------------
// ============
// Basic colors
@color-theme: light;
@color-primary: #3F51B5;
......@@ -8,7 +18,9 @@
@color-fore: #353535;
@color-back: #fff;
// Grays
// Grays colors
@color-gray-darker: lighten(#000, 13.5%); // #222
@color-gray-dark: lighten(#000, 20%); // #333
@color-gray: lighten(#000, 50%); // #808080
......@@ -16,7 +28,9 @@
@color-gray-lighter: lighten(#000, 89.7%); // #e5e5e5
@color-gray-pale: lighten(#000, 94.5%); // #f1f1f1
// Color set
// Named colors
@color-white: #fff;
@color-black: #000;
@color-red: #d9534f;
......@@ -33,10 +47,12 @@
@color-brown-pale: #f7ebe1;
@color-purple-pale: #f5eeff;
// Brand colors
@color-light: @color-back;
@color-dark: @color-fore;
// Brand colors
@color-success: @color-green;
@color-warning: @color-yellow;
@color-danger: @color-red;
......@@ -52,11 +68,12 @@
@color-special-pale: @color-purple-pale;
//
// The Variables of ZUI.
// =========================
// VARIABLES
// =========
// States
// Form states and alerts
@state-default-text: @color-dark;
@state-default-bg: @color-gray-pale;
@state-default-inverse-bg: @color-dark;
......@@ -99,17 +116,19 @@
// Scaffolding
@body-bg: @color-back;
@text-color: @color-fore;
// Links
@link-color: @color-secondary;
@link-hover-color: darken(@link-color, 15%);
@link-hover-decoration: underline;
// MEDIA QUERIES TYPES
// -------------------------
// Extra small screen (phone).
@screen-xs: 480px;
......@@ -138,7 +157,6 @@
// GRID SYSTEM
// -------------------------
// Number of grid columns.
@grid-columns: 12;
......@@ -156,10 +174,9 @@
// TYPOGRAPHY
// -------------------------
// Font family.
@font-family-sans-serif: "Helvetica Neue", Helvetica, 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', Tahoma, Arial, sans-serif;
@font-family-sans-serif: "Helvetica Neue", Helvetica, Tahoma, Arial, 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
@font-family-headings: @font-family-sans-serif;
@font-family-serif: Georgia, "Times New Roman", Times, serif;
@font-family-monospace: Monaco, Menlo, Consolas, "Courier New", monospace;
......@@ -170,11 +187,11 @@
@font-size-large: ceil((@font-size-base * 1.25)); // 18px
@font-size-small: ceil((@font-size-base * 0.85)); // 12px
@font-size-h1: floor((@font-size-base * 2.00)); // 28px
@font-size-h2: floor((@font-size-base * 1.58)); // 22px
@font-size-h3: floor((@font-size-base * 1.29)); // 18px
@font-size-h4: floor((@font-size-base * 1.15)); // 16px
@font-size-h5: @font-size-base;
@font-size-h1: floor((@font-size-base * 2.00)); // 26px
@font-size-h2: floor((@font-size-base * 1.58)); // 20px
@font-size-h3: floor((@font-size-base * 1.29)); // 16px
@font-size-h4: floor((@font-size-base * 1.15)); // 14px
@font-size-h5: @font-size-base; // 13px
@font-size-h6: ceil((@font-size-base * 0.85)); // 12px
// Line height.
......@@ -189,7 +206,6 @@
// COMPONENTS CONFIG
// -------------------------
@padding-base-vertical: 5px;
@padding-base-horizontal: 12px;
......@@ -232,8 +248,8 @@
@caret-width-base: 4px;
@caret-width-large: 5px;
// Z-index master list
// -------------------------
// Used for a bird's eye view of components dependent on the z-axis
// Try to avoid customizing these :)
......@@ -247,7 +263,6 @@
// TABLES
// -------------------------
@table-cell-padding: 8px;
@table-condensed-cell-padding: 5px;
......@@ -262,7 +277,6 @@
// DROPDOWNS
// -------------------------
@dropdown-bg: @component-bg;
@dropdown-border: @component-border;
......@@ -282,7 +296,6 @@
// BUTTONS
// -------------------------
@btn-font-weight: normal;
......@@ -324,8 +337,9 @@
@progress-bar-danger-bg: @color-danger;
@progress-bar-info-bg: @color-info;
// THUMBNAILS
// -------------------------
@thumbnail-padding: 4px;
@thumbnail-bg: @body-bg;
@thumbnail-border: @color-gray-light;
......@@ -336,14 +350,12 @@
// DIVIDER
// -------------------------
// Hr border color
@hr-border: @color-gray-lighter;
// LEBELS
// -------------------------
@label-default-bg: @color-gray;
@label-primary-bg: @color-primary;
......@@ -355,8 +367,9 @@
@label-color: @color-light;
@label-link-hover-color: @color-light;
// BADGES
// -------------------------
@badge-link-hover-color: @color-light;
@badge-bg: @color-gray-light;
......@@ -367,7 +380,9 @@
@badge-line-height: 1;
@badge-border-radius: 12px;
// INPUT
@input-bg: @color-light;
@input-bg-disabled: @color-gray-lighter;
......@@ -388,15 +403,18 @@
@input-group-addon-bg: @color-gray-pale;
@input-group-addon-border-color: @input-border;
//** Disabled cursor for form controls and buttons.
@cursor-disabled: not-allowed;
// BREADCUMBS
// -------------------------
@breadcrumb-color: #ccc;
@breadcrumb-active-color: @color-gray-light;
// LIST GROUP
// -------------------------
@list-group-bg: @color-light;
@list-group-border: @color-gray-light;
@list-group-border-radius: @border-radius-base;
......@@ -444,7 +462,7 @@
// MODALS
// -------------------------
@modal-inner-padding: 15px;
@modal-title-padding: 15px;
......@@ -465,7 +483,7 @@
// ALERTS
// -------------------------
@alert-padding: 15px;
@alert-border-radius: @border-radius-small;
@alert-link-font-weight: bold;
......@@ -496,15 +514,15 @@
// ANIMATION
// --------------------------
@animation-speed-normal: 0.5s;
@animation-speed-fast: 0.3s;
@animation-speed-normal: 0.4s;
@animation-speed-fast: 0.2s;
@animation-speed-slow: 0.8s;
@animation-type: cubic-bezier(0.175,.885,.32,1);
// CODE
// ------------------------
@code-color: @color-danger;
@code-bg: @color-gray-pale;
......@@ -512,10 +530,11 @@
@pre-color: @color-gray-dark;
@pre-border-color: #ccc;
@pre-scrollable-max-height: 340px;
@pre-line-height: 18/13;
// TYPE
// ------------------------
@text-muted: @color-gray;
@abbr-border-color: @color-gray-light;
@headings-small-color: @color-gray;
......@@ -526,7 +545,6 @@
// MISCELLANEOUS
// -------------------------
// Hr border color
@hr-border: @color-gray-lighter;
......@@ -536,7 +554,6 @@
// ARTICLE
// -------------------------
@article-padding: 20px;
@article-section-padding: 10px 15px;
......@@ -556,21 +573,18 @@
// CONTENTS LIST
// -----------------------
@list-padding: 15px;
@list-item-bg-hover: #f5f5f5;
// CARDS
// ----------------------
@card-border-color: @color-gray-light;
@card-reveal-bg: @color-gray-pale;
// PAGER
// -------------------------
@pager-bg: @color-light;
@pager-border: @color-gray-light;
......@@ -585,7 +599,6 @@
// NAVBAR
// -------------------------
// Basics of a navbar
@navbar-height: 40px;
......@@ -647,7 +660,6 @@
// NAVS
// -------------------------
@nav-link-padding: 8px 15px;
@nav-link-padding-top: 10px;
......@@ -689,7 +701,6 @@
// CAROUSEL
// ------------------------
@carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6);
......@@ -705,14 +716,14 @@
// CLOSE
// ------------------------
@close-color: @color-black;
@close-font-weight: bold;
@close-text-shadow: 0 1px 0 @color-light;
// TOOLTIPS
// -------------------------
@tooltip-max-width: 200px;
@tooltip-color: @color-back;
@tooltip-bg: @color-fore;
......@@ -722,7 +733,7 @@
// POPOVER
// -------------------------
@popover-bg: @color-light;
@popover-max-width: 300px;
@popover-border-color: rgba(0,0,0,.2);
......@@ -739,9 +750,9 @@
// ICON FONT
// -------------------------
@icon-font-path: "../fonts";
@icon-font-version: "2.1.0";
@icon-font-version: "2.2.0";
@icon-border-color: @color-gray-light;
@icon-muted-color: @color-gray-light;
@icon-light-color: @color-light;
......@@ -752,11 +763,10 @@
// SCROLLBAR
// -------------------------
@scrollbar-size: 10px;
@scrollbar-radius: 0;
// MESSAGER
// -------------------------
@messager-radius: 0;
src/less/components/alerts.hover.less
浏览文件 @ 68a34216
//
// Alert hover classes
// --------------------------------------------------
/// ========================================================================
/// ZUI: alert.hover.less
/// http://zui.sexy
/// ========================================================================
/// Copyright 2014-2016 cnezsoft.com; Licensed MIT
/// ========================================================================
.alert:hover
{
background-color: darken(@alert-default-bg,5%);
// Alert styles for hover state
&.alert-success { background-color: darken(@alert-success-bg,5%); }
&.alert-info { background-color: darken(@alert-info-bg,5%); }
&.alert-warning { background-color: darken(@alert-warning-bg,5%); }
&.alert-danger { background-color: darken(@alert-danger-bg,5%); }
.alert:hover {
background-color: darken(@alert-default-bg, 5%);
>[class*="icon-"] { opacity: 1; }
}
.alert-success { background-color: darken(@alert-success-bg, 5%); }
.alert-info { background-color: darken(@alert-info-bg, 5%); }
.alert-warning { background-color: darken(@alert-warning-bg, 5%); }
.alert-danger { background-color: darken(@alert-danger-bg, 5%); }
src/less/components/alerts.inverse.less
浏览文件 @ 68a34216
/// ========================================================================
/// ZUI: alert.inverse.less
/// http://zui.sexy
/// ========================================================================
/// Copyright 2014-2016 cnezsoft.com; Licensed MIT
/// ========================================================================
// Inverse alert tyles
.alert-inverse { .alert-inverse-variant(@color-dark);}
.alert-primary-inverse { .alert-inverse-variant(@color-primary);}
.alert-success-inverse { .alert-inverse-variant(@color-success);}
......
src/less/components/alerts.less
浏览文件 @ 68a34216
//
// Alerts
// --------------------------------------------------
/// ========================================================================
/// Bootstrap: alert.less
/// https://github.com/twbs/bootstrap/blob/master/less/alert.less
///
/// ZUI: The file has been changed in ZUI. It will not keep update with the
/// Bootsrap version in the future.
/// http://zui.sexy
/// ========================================================================
/// Bootrap: Copyright 2011-2016 Twitter, Inc. Licensed under MIT
/// ========================================================================
// Base styles
// -------------------------
.alert {
padding: @alert-padding;
......@@ -20,25 +26,24 @@
color: inherit;
}
// Provide class for links that match alerts
.alert-link {
font-weight: @alert-link-font-weight;
}
hr {
margin: 10px 0;
}
hr { margin: 10px 0; }
// Improve alignment and spacing of inner content
p,
ul {
margin-bottom: 0;
}
ul { margin-bottom: 0; }
p + p {
margin-top: 5px;
}
p + p { margin-top: 5px; }
}
// Provide class for links that match alerts
.alert-link { font-weight: @alert-link-font-weight; }
// Alert with icon inside
.alert {
>[class*="icon-"] {
float: left;
font-size: 42px;
......@@ -75,12 +80,15 @@
}
}
// Block alert
.alert-block {
margin: 0;
border-radius: 0;
}
// Dismissable alerts
//
// Expand the right padding and account for the close button's positioning.
......@@ -99,7 +107,7 @@
// Alternate styles
//
// Generate contextual modifier classes for colorizing the alert.
.alert-primary {
.alert-variant(@alert-primary-bg; @alert-primary-border; @alert-primary-text);
......
src/less/components/code.less
浏览文件 @ 68a34216
//
// Code (inline and blocK)
// --------------------------------------------------
/// ========================================================================
/// Bootstrap: code.less
/// https://github.com/twbs/bootstrap/blob/master/less/code.less
///
/// ZUI: The file has been changed in ZUI. It will not keep update with the
/// Bootsrap version in the future.
/// http://zui.sexy
/// ========================================================================
/// Bootrap: Copyright 2011-2016 Twitter, Inc. Licensed under MIT
/// ========================================================================
// Inline and block code styles
code,
kbd,
pre,
samp {
font-family: @font-family-monospace;
}
samp { font-family: @font-family-monospace; }
// Inline code
......@@ -37,6 +44,7 @@ kbd {
// Blocks of code
pre {
display: block;
padding: ((@line-height-computed - 1) / 2);
......@@ -51,6 +59,7 @@ pre {
border-radius: @border-radius-base;
// Account for some code outputs that place code tags in pre tags
code {
padding: 0;
font-size: inherit;
......@@ -62,7 +71,9 @@ pre {
}
}
// Enable scrollable blocks of code
.pre-scrollable {
max-height: @pre-scrollable-max-height;
overflow-y: scroll;
......@@ -70,7 +81,7 @@ pre {
// prettify.css
// ----------------------
.com { color: #93a1a1; }
.lit { color: #195f91; }
.pun, .opn, .clo { color: #93a1a1; }
......@@ -83,12 +94,10 @@ pre {
.prettyprint {
&.linenums {
box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
}
ol.linenums {
padding-left: 40px;
padding-left: 35px;
color: #bebec5;
line-height: 20px;
text-shadow: 0 1px 0 #fff;
......
src/less/components/forms.condensed.less
浏览文件 @ 68a34216
//
// Condensed form style
// --------------------------------------------------
/// ========================================================================
/// ZUI: form.condensed.less
/// http://zui.sexy
/// ========================================================================
/// Copyright 2014-2016 cnezsoft.com; Licensed MIT
/// ========================================================================
// Condensed form
.form-condensed {
.form-control {
.input-sm();
}
.form-control { .input-sm(); }
textarea.form-control {
height: auto;
}
textarea.form-control { height: auto; }
.btn {
.btn-sm();
}
.btn { .btn-sm(); }
.input-group > .form-control,
.input-group > .input-group-addon,
......
src/less/components/forms.less
浏览文件 @ 68a34216
//
// Forms
// --------------------------------------------------
/// ========================================================================
/// Bootstrap: form.less
/// https://github.com/twbs/bootstrap/blob/master/less/form.less
///
/// ZUI: The file has been changed in ZUI. It will not keep update with the
/// Bootsrap version in the future.
/// http://zui.sexy
/// ========================================================================
/// Bootrap: Copyright 2011-2016 Twitter, Inc. Licensed under MIT
/// ========================================================================
// Normalize non-controls
//
// Restyle and baseline non-control form elements.
fieldset { padding: 0; margin: 0; border: 0; }
fieldset {
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
......@@ -21,7 +32,11 @@ legend {
border-bottom: 1px solid @legend-border-color;
}
label { display: inline-block; margin-bottom: 5px; font-weight: bold; }
label {
display: inline-block;
margin-bottom: 5px;
font-weight: bold;
}
// Normalize form controls
......@@ -64,7 +79,7 @@ input[type="number"] {
// Placeholder
//
// Placeholder text gets special styles because when browsers invalidate entire
// lines if it doesn't understand a selector/
.form-control { .placeholder(); }
......@@ -212,7 +227,9 @@ input[type="checkbox"] {
}
}
// Form control sizing
.input-sm { .input-size(@input-height-small; @padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small); }
.input-lg { .input-size(@input-height-large; @padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large); }
......@@ -222,7 +239,7 @@ input[type="checkbox"] {
// Apply contextual and semantic states to individual form controls.
.has-warning { .form-control-validation(@state-warning-text; @state-warning-text; @state-warning-bg); }
.has-error { .form-control-validation(@state-danger-text; @state-danger-text; @state-danger-bg); }
.has-error { .form-control-validation(@state-danger-text; @state-danger-text; @state-danger-bg); }
.has-success { .form-control-validation(@state-success-text; @state-success-text; @state-success-bg); }
......@@ -240,6 +257,7 @@ input[type="checkbox"] {
min-height: (@line-height-computed + @font-size-base);
}
// Help text
//
// Apply to any element you wish to create light text for placement immediately
......@@ -253,7 +271,6 @@ input[type="checkbox"] {
}
// Inline forms
//
// Make forms appear inline(-block) by adding the `.form-inline` class. Inline
......
src/less/components/input-groups.less
浏览文件 @ 68a34216
//
// Input groups
// --------------------------------------------------
/// ========================================================================
/// Bootstrap: input-group.less
/// https://github.com/twbs/bootstrap/blob/master/less/input-group.less
///
/// ZUI: The file has been changed in ZUI. It will not keep update with the
/// Bootsrap version in the future.
/// http://zui.sexy
/// ========================================================================
/// Bootrap: Copyright 2011-2016 Twitter, Inc. Licensed under MIT
/// ========================================================================
// Base styles
// -------------------------
.input-group {
position: relative; // For dropdowns
display: table;
......@@ -32,8 +40,9 @@
}
}
// Display as table-cell
// -------------------------
.input-group-addon,
.input-group-btn,
.input-group .form-control {
......@@ -51,8 +60,9 @@
vertical-align: middle; // Match the inputs
}
// Text input groups
// -------------------------
.input-group-addon {
padding: @padding-base-vertical @padding-base-horizontal;
font-size: @font-size-base;
......@@ -71,14 +81,14 @@
}
&.fix-border {
border-left: 0;
border-right: 0;
border-left: 0;
border-right: 0;
}
&:empty,
&.fix-padding {
padding: 0;
width: 1px;
padding: 0;
width: 1px;
}
}
......@@ -88,7 +98,9 @@
border-radius: 0;
}
// Reset rounded corners
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
......@@ -98,9 +110,7 @@
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
.border-right-radius(0);
}
.input-group-addon:first-child {
border-right: 0;
}
.input-group-addon:first-child { border-right: 0; }
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
......@@ -110,12 +120,11 @@
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
.border-left-radius(0);
}
.input-group-addon:last-child {
border-left: 0;
}
.input-group-addon:last-child { border-left: 0; }
// Button input groups
// -------------------------
.input-group-btn {
position: relative;
// Jankily prevent input button groups from wrapping with `white-space` and
......@@ -127,9 +136,8 @@
// element above the siblings.
> .btn {
position: relative;
+ .btn {
margin-left: -1px;
}
+ .btn { margin-left: -1px; }
// Bring the "active" button to the front
&:hover,
&:focus,
......
src/less/components/input-groups.size.less
浏览文件 @ 68a34216
//
// Sizing options of input groups
// --------------------------------------------------
/// ========================================================================
/// Bootstrap: input-group.size.less
/// https://github.com/twbs/bootstrap/blob/master/less/input-group.less
///
/// ZUI: The file has been changed in ZUI. It will not keep update with the
/// Bootsrap version in the future.
/// http://zui.sexy
/// ========================================================================
/// Bootrap: Copyright 2011-2016 Twitter, Inc. Licensed under MIT
/// ========================================================================
// Sizing options
......@@ -16,8 +23,9 @@
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn { .input-sm(); }
// Text input groups
// -------------------------
.input-group-addon {
// Sizing
&.input-sm {
......
src/less/components/list-group.less
浏览文件 @ 68a34216
//
// List groups
// --------------------------------------------------
/// ========================================================================
/// Bootstrap: list-group.less
/// https://github.com/twbs/bootstrap/blob/master/less/list-group.less
///
/// ZUI: The file has been changed in ZUI. It will not keep update with the
/// Bootsrap version in the future.
/// http://zui.sexy
/// ========================================================================
/// Bootrap: Copyright 2011-2016 Twitter, Inc. Licensed under MIT
/// ========================================================================
// Base class
//
// Easily usable on <ul>, <ol>, or <div>.
.list-group {
// No need to set list-style: none; since .list-group-item is block level
......@@ -13,7 +21,6 @@
// Individual list items
// -------------------------
.list-group-item {
position: relative;
......@@ -56,8 +63,8 @@
}
}
// Custom content options
// -------------------------
.list-group-item-heading { margin-top: 0; margin-bottom: 5px; color: @color-gray-dark; }
.list-group-item-text { margin-bottom: 0; line-height: 1.3; }
.list-group-item-text { margin-bottom: 0; line-height: 1.3; }
src/less/components/navbars.form.less
浏览文件 @ 68a34216
/// ========================================================================
/// Bootstrap: navbars.form.less
/// https://github.com/twbs/bootstrap/blob/master/less/navbars.less
///
/// ZUI: The file has been changed in ZUI. It will not keep update with the
/// Bootsrap version in the future.
/// http://zui.sexy
/// ========================================================================
/// Bootrap: Copyright 2011-2016 Twitter, Inc. Licensed under MIT
/// ========================================================================
// Navbar form
//
// Extension of the `.form-inline` with some extra flavor for optimum display in
// our navbars.
......@@ -9,16 +21,18 @@
padding: 10px @navbar-padding-horizontal;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
@shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
box-shadow: @shadow;
box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
// Mixin behavior for optimum display
.form-inline();
.form-group {
@media (max-width: @screen-xs-max) {
@media (max-width: @grid-float-breakpoint-max) {
margin-bottom: 5px;
&:last-child {
margin-bottom: 0;
}
}
}
......@@ -34,6 +48,5 @@
padding-top: 0;
padding-bottom: 0;
box-shadow: none;
}
}
src/less/components/navbars.less
浏览文件 @ 68a34216
//
// Navbars
// --------------------------------------------------
/// ========================================================================
/// Bootstrap: navbars.less
/// https://github.com/twbs/bootstrap/blob/master/less/navbars.less
///
/// ZUI: The file has been changed in ZUI. It will not keep update with the
/// Bootsrap version in the future.
/// http://zui.sexy
/// ========================================================================
/// Bootrap: Copyright 2011-2016 Twitter, Inc. Licensed under MIT
/// ========================================================================
// Wrapper and base class
......@@ -10,14 +17,12 @@
.navbar {
position: relative;
z-index: @zindex-navbar;
min-height: @navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)
margin-bottom: @navbar-margin-bottom;
border: 1px solid transparent;
font-size: @navbar-font-size;
// Prevent floats from breaking the navbar
.clearfix();
&:extend(.clearfix all);
@media (min-width: @grid-float-breakpoint) {
border-radius: @navbar-border-radius;
......@@ -31,7 +36,7 @@
// styling of responsive aspects.
.navbar-header {
.clearfix();
&:extend(.clearfix all);
@media (min-width: @grid-float-breakpoint) {
float: left;
......@@ -50,14 +55,13 @@
// content for the user's viewport.
.navbar-collapse {
max-height: 340px;
overflow-x: visible;
padding-right: @navbar-padding-horizontal;
padding-left: @navbar-padding-horizontal;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
&:extend(.clearfix all);
-webkit-overflow-scrolling: touch;
.clearfix();
&.in {
overflow-y: auto;
......@@ -73,20 +77,28 @@
height: auto !important;
padding-bottom: 0; // Override default setting
overflow: visible !important;
// margin-top: ~'-20px\9'; // fix ie8
}
&.in { overflow-y: visible; }
// Account for first and last children spacing
.navbar-nav.navbar-left:first-child {
margin-left: -@navbar-padding-horizontal;
}
.navbar-nav.navbar-right:last-child {
margin-right: -@navbar-padding-horizontal;
// Undo the collapse side padding for navbars with containers to ensure
// alignment of right-aligned contents.
.navbar-fixed-top &,
.navbar-static-top &,
.navbar-fixed-bottom & {
padding-left: 0;
padding-right: 0;
}
.navbar-text:last-child {
margin-right: 0;
}
}
.navbar-fixed-top,
.navbar-fixed-bottom {
.navbar-collapse {
max-height: @navbar-collapse-max-height;
@media (max-device-width: @screen-xs-min) and (orientation: landscape) {
max-height: 200px;
}
}
}
......@@ -96,14 +108,17 @@
//
// When a container is present, change the behavior of the header and collapse.
.container > .navbar-header,
.container > .navbar-collapse {
margin-right: -@navbar-padding-horizontal;
margin-left: -@navbar-padding-horizontal;
.container,
.container-fluid {
> .navbar-header,
> .navbar-collapse {
margin-right: -@navbar-padding-horizontal;
margin-left: -@navbar-padding-horizontal;
@media (min-width: @grid-float-breakpoint) {
margin-right: 0;
margin-left: 0;
@media (min-width: @grid-float-breakpoint) {
margin-right: 0;
margin-left: 0;
}
}
}
......@@ -111,12 +126,14 @@
//
// Navbar alignment options
//
// Display the navbar across the entirity of the page or fixed it to the top or
// Display the navbar across the entirety of the page or fixed it to the top or
// bottom of the page.
// Static top (unfixed, but 100% wide) navbar
.navbar-static-top {
z-index: @zindex-navbar;
border-width: 0 0 1px;
@media (min-width: @grid-float-breakpoint) {
border-radius: 0;
}
......@@ -128,7 +145,7 @@
position: fixed;
right: 0;
left: 0;
border-width: 0 0 1px;
z-index: @zindex-navbar-fixed;
// Undo the rounded corners
@media (min-width: @grid-float-breakpoint) {
......@@ -136,28 +153,37 @@
}
}
.navbar-fixed-top {
z-index: @zindex-navbar-fixed;
top: 0;
border-width: 0 0 1px;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0; // override .navbar defaults
border-width: 1px 0 0;
}
// Brand/project name
.navbar-brand {
float: left;
padding: @navbar-padding-vertical @navbar-padding-horizontal;
font-weight: bold;
font-size: @font-size-large;
line-height: @line-height-computed;
height: @navbar-height;
&:hover,
&:focus {
text-decoration: none;
}
> img {
display: block;
}
@media (min-width: @grid-float-breakpoint) {
.navbar > .container & {
.navbar > .container &,
.navbar > .container-fluid & {
margin-left: -@navbar-padding-horizontal;
}
}
......@@ -172,13 +198,20 @@
.navbar-toggle {
position: relative;
float: right;
margin-right: @navbar-padding-horizontal;
margin-right: (@navbar-height - 34px)/2;
padding: 9px 10px;
.navbar-vertical-align(34px);
background-color: transparent;
background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
border: 1px solid transparent;
border-radius: @border-radius-base;
// We remove the `outline` here, but later compensate by attaching `:hover`
// styles to `:focus`.
&:focus {
outline: 0;
}
// Bars
.icon-bar {
display: block;
......@@ -198,7 +231,7 @@
// Navbar nav links
//
// Builds on top of the `.nav` components with it's own modifier class to make
// Builds on top of the `.nav` components with its own modifier class to make
// the nav the full height of the horizontal nav (above 768px).
.navbar-nav {
......@@ -210,7 +243,7 @@
line-height: @line-height-computed;
}
@media (max-width: @screen-xs-max) {
@media (max-width: @grid-float-breakpoint-max) {
// Dropdowns get custom display when collapsed
.open .dropdown-menu {
position: static;
......@@ -242,8 +275,8 @@
> li {
float: left;
> a {
padding-top: ((@navbar-height - @line-height-computed) / 2);
padding-bottom: ((@navbar-height - @line-height-computed) / 2);
padding-top: @navbar-padding-vertical;
padding-bottom: @navbar-padding-vertical;
}
}
......@@ -253,19 +286,6 @@
}
}
}
}
// Component alignment
//
// Repurpose the pull utilities as their own navbar utilities to avoid specifity
// issues with parents and chaining. Only do this when the navbar is uncollapsed
// though so that navbar contents properly stack and align in mobile.
@media (min-width: @grid-float-breakpoint) {
.navbar-left { .pull-left(); }
.navbar-right { .pull-right(); }
}
......@@ -312,6 +332,28 @@
}
}
// Component alignment
//
// Repurpose the pull utilities as their own navbar utilities to avoid specificity
// issues with parents and chaining. Only do this when the navbar is uncollapsed
// though so that navbar contents properly stack and align in mobile.
//
// Declared after the navbar components to ensure more specificity on the margins.
@media (min-width: @grid-float-breakpoint) {
.navbar-left { .pull-left(); }
.navbar-right {
.pull-right();
margin-right: -@navbar-padding-horizontal;
~ .navbar-right {
margin-right: 0;
}
}
}
// Alternate navbars
// --------------------------------------------------
......@@ -334,12 +376,6 @@
}
.navbar-nav {
> li.nav-heading {
margin-top: -6px;
color: darken(@navbar-default-link-color, 15%);
background-color: darken(@navbar-default-bg, 5%);
}
> li > a {
color: @navbar-default-link-color;
......@@ -368,7 +404,6 @@
}
.navbar-toggle {
border-color: @navbar-default-toggle-border-color;
&:hover,
&:focus {
background-color: @navbar-default-toggle-hover-bg;
......@@ -383,15 +418,8 @@
border-color: @navbar-default-border;
}
// Dropdown menu items and carets
// Dropdown menu items
.navbar-nav {
// Caret should match text color on hover
> .dropdown > a:hover .caret,
> .dropdown > a:focus .caret {
border-top-color: @navbar-default-link-hover-color;
border-bottom-color: @navbar-default-link-hover-color;
}
// Remove background color from open dropdown
> .open > a {
&,
......@@ -399,19 +427,10 @@
&:focus {
background-color: @navbar-default-link-active-bg;
color: @navbar-default-link-active-color;
.caret {
border-top-color: @navbar-default-link-active-color;
border-bottom-color: @navbar-default-link-active-color;
}
}
}
> .dropdown > a .caret {
border-top-color: @navbar-default-link-color;
border-bottom-color: @navbar-default-link-color;
}
@media (max-width: @screen-xs-max) {
@media (max-width: @grid-float-breakpoint-max) {
// Dropdowns get custom display when collapsed
.open .dropdown-menu {
> li > a {
......@@ -454,6 +473,20 @@
}
}
.btn-link {
color: @navbar-default-link-color;
&:hover,
&:focus {
color: @navbar-default-link-hover-color;
}
&[disabled],
fieldset[disabled] & {
&:hover,
&:focus {
color: @navbar-default-link-disabled-color;
}
}
}
}
// Inverse navbar
......@@ -476,12 +509,6 @@
}
.navbar-nav {
> li.nav-heading {
margin-top: -6px;
color: darken(@navbar-inverse-link-color, 15%);
background-color: darken(@navbar-inverse-bg, 5%);
}
> li > a {
color: @navbar-inverse-link-color;
......@@ -511,7 +538,6 @@
// Darken the responsive nav toggle
.navbar-toggle {
border-color: @navbar-inverse-toggle-border-color;
&:hover,
&:focus {
background-color: @navbar-inverse-toggle-hover-bg;
......@@ -536,31 +562,16 @@
color: @navbar-inverse-link-active-color;
}
}
> .dropdown > a:hover .caret {
border-top-color: @navbar-inverse-link-hover-color;
border-bottom-color: @navbar-inverse-link-hover-color;
}
> .dropdown > a .caret {
border-top-color: @navbar-inverse-link-color;
border-bottom-color: @navbar-inverse-link-color;
}
> .open > a {
&,
&:hover,
&:focus {
.caret {
border-top-color: @navbar-inverse-link-active-color;
border-bottom-color: @navbar-inverse-link-active-color;
}
}
}
@media (max-width: @screen-xs-max) {
@media (max-width: @grid-float-breakpoint-max) {
// Dropdowns get custom display
.open .dropdown-menu {
> .dropdown-header {
border-color: @navbar-inverse-border;
}
.divider {
background-color: @navbar-inverse-border;
}
> li > a {
color: @navbar-inverse-link-color;
&:hover,
......
src/less/components/navs.less
浏览文件 @ 68a34216
//
// Navs
// --------------------------------------------------
/// ========================================================================
/// Bootstrap: navs.less
/// https://github.com/twbs/bootstrap/blob/master/less/navs.less
///
/// ZUI: The file has been changed in ZUI. It will not keep update with the
/// Bootsrap version in the future.
/// http://zui.sexy
/// ========================================================================
/// Bootrap: Copyright 2011-2016 Twitter, Inc. Licensed under MIT
/// ========================================================================
// Base class
// --------------------------------------------------
.nav {
margin-bottom: 0;
padding-left: 0; // Override default ul/ol
list-style: none;
.clearfix();
&:extend(.clearfix all);
// nav heading is <li> tag without <a> in side
> .nav-heading {
padding: @nav-link-padding;
color: @color-gray;
......@@ -26,8 +33,8 @@
position: relative;
display: block;
padding: @nav-link-padding;
.transition(all,@animation-speed-fast,@animation-type);
color: @color-fore;
&:hover,
&:focus {
text-decoration: none;
......@@ -57,45 +64,25 @@
&:focus {
background-color: @nav-link-hover-bg;
border-color: @link-color;
.caret {
border-top-color: @link-hover-color;
border-bottom-color: @link-hover-color;
}
}
}
// // Nav dividers (deprecated with v3.0.1)
// //
// // This should have been removed in v3 with the dropping of `.nav-list`, but
// // we missed it. We don't currently support this anywhere, but in the interest
// // of maintaining backward compatibility in case you use it, it's deprecated.
// .nav-divider
// {
// .nav-divider();
// }
// Prevent IE8 from misplacing imgs
//
// See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989
> li > a > img {
max-width: none;
}
> li > a > img { max-width: none; }
}
// Pills
// -------------------------
.nav-pills {
> li {
float: left;
// Links rendered as pills
> a {
border-radius: @nav-pills-border-radius;
}
+ li {
margin-left: 2px;
}
> a { border-radius: @nav-pills-border-radius; }
+ li { margin-left: 2px; }
// Active state
&.active > a {
......@@ -104,18 +91,14 @@
&:focus {
color: @nav-pills-active-link-hover-color;
background-color: @nav-pills-active-link-hover-bg;
.caret {
border-top-color: @nav-pills-active-link-hover-color;
border-bottom-color: @nav-pills-active-link-hover-color;
}
}
}
}
}
// Secondary
// -------------------------
// Primary
.nav-primary {
> li {
float: left;
......@@ -135,9 +118,7 @@
}
// Links rendered
> a {
border: 1px solid @nav-primary-border-color;
}
> a { border: 1px solid @nav-primary-border-color; }
// Active state
&.active > a {
......@@ -147,29 +128,20 @@
background-color: @component-active-bg;
border-color: @component-active-bg;
color: @component-active-color;
.caret {
border-top-color: @component-active-caret-color;
border-bottom-color: @component-active-caret-color;
}
}
}
}
}
// Secondary
// -------------------------
.nav-secondary {
> li {
float: left;
// Links rendered
> a {
border-bottom: 2px solid @nav-secondary-border-color;
}
+ li {
// margin-left: 2px;
}
> a { border-bottom: 2px solid @nav-secondary-border-color; }
// Active state
&.active > a {
......@@ -178,11 +150,6 @@
&:focus {
color: @nav-secondary-active-link-hover-color;
border-bottom-color: @nav-secondary-active-border-color;
.caret {
border-top-color: @nav-secondary-active-link-hover-color;
border-bottom-color: @nav-secondary-active-link-hover-color;
}
}
}
......@@ -192,7 +159,9 @@
}
}
// Stacked pills
// Stacked navs
.nav-stacked {
> li {
float: none;
......@@ -246,21 +215,13 @@
> li {
> a {
border: none;
.border-right-radius(@border-radius-base);
box-shadow: inset 2px 0 0 @nav-secondary-active-link-hover-bg;
.border-right-radius(@border-radius-base);
&:hover {
box-shadow: inset 2px 0 0 @nav-secondary-border-color;
}
}
+ li {
margin-top: -1px;
}
&:first-child {
margin-top: 0;
&:hover { box-shadow: inset 2px 0 0 @nav-secondary-border-color; }
}
+ li { margin-top: -1px; }
&:first-child { margin-top: 0; }
// Active state
&.active > a {
&,
......@@ -271,19 +232,13 @@
}
}
&.nav-heading {
border-bottom: 1px solid @color-gray-light;
}
&.nav-heading { border-bottom: 1px solid @color-gray-light; }
}
}
}
// Nav variations
// --------------------------------------------------
// Justified nav links
// -------------------------
.nav-justified {
width: 100%;
......@@ -300,32 +255,22 @@
> li {
display: table-cell;
width: 1%;
> a {
margin-bottom: 0;
}
> a { margin-bottom: 0; }
}
&.nav-primary {
> li {
+ li {
> a {
border-left: 0;
}
}
}
> li + li > a { border-left: 0; }
}
}
}
// Dropdowns
// -------------------------
// Make dropdown carets use link color in navs
.nav .caret {
border-top-color: @link-color;
border-bottom-color: @link-color;
}
.nav a:hover .caret {
border-top-color: @link-hover-color;
border-bottom-color: @link-hover-color;
// Specific dropdowns
.nav-tabs .dropdown-menu {
// make dropdown border overlap tab border
margin-top: -1px;
// Remove the top rounded corners here since there is a hard edge above the menu
.border-top-radius(0);
}
src/less/components/navs.tabs.less
浏览文件 @ 68a34216
//
// Navbar tabs
// --------------------------------------------------
/// ========================================================================
/// Bootstrap: navs.tabs.less
/// https://github.com/twbs/bootstrap/blob/master/less/navs.less
///
/// ZUI: The file has been changed in ZUI. It will not keep update with the
/// Bootsrap version in the future.
/// http://zui.sexy
/// ========================================================================
/// Bootrap: Copyright 2011-2016 Twitter, Inc. Licensed under MIT
/// ========================================================================
// Tabs
// -------------------------
// Give the tabs something to sit on
.nav-tabs {
......@@ -36,10 +42,6 @@
border-bottom-color: transparent;
cursor: default;
}
&::-moz-focus {
outline: none;
}
}
}
// pulling this in mainly for less shorthand
......@@ -50,12 +52,16 @@
}
// Remove tab outline in firefox
@-moz-document url-prefix() {
@-moz-document url-prefix() {
.nav-tabs > li.active > a:focus
.nav-tabs > li > a:focus {
outline: 0;
}
}
// Justified nav tabs
// Move borders to anchors instead of bottom of list
.nav-tabs-justified {
border-bottom: 0;
......@@ -87,26 +93,20 @@
// Tabbable tabs
// -------------------------
// Clear any floats
.tabbable {
.clearfix();
}
// Show/hide tabbable areas
.tab-content > .tab-pane,
.pill-content > .pill-pane {
display: none;
}
.tab-content,
.pill-content {
// Hide tabbable panes to start, show them when `.active`
.tab-content {
> .tab-pane {
display: none;
}
> .active {
display: block;
}
}
// Specific dropdowns
.nav-tabs .dropdown-menu {
// make dropdown border overlap tab border
margin-top: -1px;
......
src/less/components/pager.less
浏览文件 @ 68a34216
//
// pager (multiple pages)
// --------------------------------------------------
/// ========================================================================
/// Bootstrap: pager.less
/// https://github.com/twbs/bootstrap/blob/master/less/pager.less
/// https://github.com/twbs/bootstrap/blob/master/less/pagination.less
///
/// ZUI: The file has been changed in ZUI. It will not keep update with the
/// Bootsrap version in the future.
/// http://zui.sexy
/// ========================================================================
/// Bootrap: Copyright 2011-2016 Twitter, Inc. Licensed under MIT
/// ========================================================================
// Base style
.pager {
display: inline-block;
padding-left: 0;
margin: @line-height-computed 0;
border-radius: @border-radius-base;
list-style: none;
> li {
display: inline; // Remove list-style and block-level defaults
> a,
> span {
.transition(all,@animation-speed-fast,@animation-type);
position: relative;
float: left; // Collapse white-space
padding: @padding-base-vertical @padding-base-horizontal;
......@@ -42,6 +51,7 @@
> li > span {
&:hover,
&:focus {
z-index: 2;
background-color: @pager-hover-bg;
}
}
......@@ -50,7 +60,7 @@
> li.active > span {
&,
&:hover {
z-index: 2;
z-index: 3;
color: @pager-active-color;
background-color: @pager-active-bg;
border-color: @pager-active-bg;
......@@ -69,17 +79,24 @@
background-color: @pager-bg;
border-color: @pager-border;
cursor: not-allowed;
pointer-events: none;
}
}
}
// Justified pager
.pager-justify {
display: block;
.clearfix();
&:extend(.clearfix all);
.next {
> a,
> span {
float: right;
border-radius: @border-radius-base;
}
}
......@@ -87,6 +104,7 @@
> a,
> span {
float: left;
border-radius: @border-radius-base;
}
}
}
src/less/components/pager.size.less
浏览文件 @ 68a34216
//
// Pager sizing
// --------------------------------------------------
/// ========================================================================
/// Bootstrap: pager.size.less
/// https://github.com/twbs/bootstrap/blob/master/less/pagination.less
///
/// ZUI: The file has been changed in ZUI. It will not keep update with the
/// Bootsrap version in the future.
/// http://zui.sexy
/// ========================================================================
/// Bootrap: Copyright 2011-2016 Twitter, Inc. Licensed under MIT
/// ========================================================================
// Pager sizing
// Large
.pager-lg {
......
src/less/components/pager.types.less
浏览文件 @ 68a34216
// .pager-pills
// --------------------------------------------------
/// ========================================================================
/// ZUI: pager.types.less
/// http://zui.sexy
/// ========================================================================
/// Copyright 2014-2016 cnezsoft.com; Licensed MIT
/// ========================================================================
// Pills
.pager-pills {
> li:first-child {
> a,
> span {
border-radius: @pager-border-radius 0 0 @pager-border-radius;
}
> span { border-radius: @pager-border-radius 0 0 @pager-border-radius; }
}
> li:last-child {
> a,
> span {
border-radius: 0 @pager-border-radius @pager-border-radius 0;
}
> span { border-radius: 0 @pager-border-radius @pager-border-radius 0; }
}
&.pager-justify > li {
> a,
> span {
border-radius: @pager-border-radius;
}
> span { border-radius: @pager-border-radius; }
}
}
// Loose
.pager-loose {
display: block;
margin: @line-height-computed 0;
.clearfix();
&:extend(.clearfix all);
&.pager-pills > li {
> a,
> span {
border-radius: @pager-border-radius;
}
> span { border-radius: @pager-border-radius; }
}
> li {
> a,
> span {
border-radius: @border-radius-base;
margin-left: 5px;
}
}
> li:first-child {
> a,
> span {
margin-left: 0;
}
> span { margin-left: 0; }
}
}
src/less/components/panels.fix.less
浏览文件 @ 68a34216
//
// Fix panel in list group
// --------------------------------------------------
/// ========================================================================
/// Bootstrap: panels.fix.less
/// https://github.com/twbs/bootstrap/blob/master/less/panels.less
///
/// ZUI: The file has been changed in ZUI. It will not keep update with the
/// Bootsrap version in the future.
/// http://zui.sexy
/// ========================================================================
/// Bootrap: Copyright 2011-2016 Twitter, Inc. Licensed under MIT
/// ========================================================================
// List groups in panels
......@@ -9,16 +16,34 @@
// any kind of custom content between the two.
.panel {
> .list-group {
> .list-group,
> .panel-collapse > .list-group {
margin-bottom: 0;
.list-group-item {
border-width: 1px 0;
border-radius: 0;
}
// Add border top radius for first one
&:first-child {
.list-group-item:first-child {
border-top: 0;
.border-top-radius((@panel-border-radius - 1));
}
}
// Remove border radius for top one
&:first-child { .border-top-radius(0); }
// But keep it for the last one
&:last-child { border-bottom: 0; }
// Add border bottom radius for last one
&:last-child {
.list-group-item:last-child {
border-bottom: 0;
.border-bottom-radius((@panel-border-radius - 1));
}
}
}
> .panel-heading + .panel-collapse > .list-group {
.list-group-item:first-child {
.border-top-radius(0);
}
}
}
......@@ -29,3 +54,6 @@
border-top-width: 0;
}
}
.list-group + .panel-footer {
border-top-width: 0;
}
src/less/components/panels.group.less
浏览文件 @ 68a34216
/// ========================================================================
/// Bootstrap: panels.group.less
/// https://github.com/twbs/bootstrap/blob/master/less/panels.less
///
/// ZUI: The file has been changed in ZUI. It will not keep update with the
/// Bootsrap version in the future.
/// http://zui.sexy
/// ========================================================================
/// Bootrap: Copyright 2011-2016 Twitter, Inc. Licensed under MIT
/// ========================================================================
// Collapsable panels (aka, accordion)
//
// Wrap a series of panels in `.panel-group` to turn them into an accordion with
// the help of our collapse JavaScript plugin.
.panel-group
{
.panel-group {
margin-bottom: @line-height-computed;
// Tighten up margin so it's only between panels
.panel {
.panel {
margin-bottom: 0;
border-radius: @panel-border-radius;
overflow: hidden; // crop contents when collapsed
+ .panel { margin-top: 5px; }
}
.panel-heading {
.panel-heading {
border-bottom: 0;
+ .panel-collapse .panel-body { border-top: 1px solid @panel-inner-border; }
+ .panel-collapse > .panel-body,
+ .panel-collapse > .list-group {
border-top: 1px solid @panel-inner-border;
}
}
.panel-footer {
.panel-footer {
border-top: 0;
+ .panel-collapse .panel-body { border-bottom: 1px solid @panel-inner-border; }
+ .panel-collapse .panel-body {
border-bottom: 1px solid @panel-inner-border;
}
}
// New subcomponent for wrapping collapsable content for proper animations
.panel-collapse { }
}
src/less/components/panels.less
浏览文件 @ 68a34216
//
// Panels
// --------------------------------------------------
/// ========================================================================
/// Bootstrap: panels.less
/// https://github.com/twbs/bootstrap/blob/master/less/panels.less
///
/// ZUI: The file has been changed in ZUI. It will not keep update with the
/// Bootsrap version in the future.
/// http://zui.sexy
/// ========================================================================
/// Bootrap: Copyright 2011-2016 Twitter, Inc. Licensed under MIT
/// ========================================================================
// Base class
.panel {
margin-bottom: @line-height-computed;
background-color: @panel-bg;
......@@ -15,7 +23,10 @@
}
// Panel contents
.panel-body { padding: 15px; .clearfix(); }
.panel-body {
padding: 15px;
&:extend(.clearfix all);
}
// Tables in panels
......@@ -28,14 +39,18 @@
> .panel-body + .table { border-top: 1px solid @table-border-color; }
}
// Optional heading
.panel-heading {
padding: 8px 15px;
border-bottom: 1px solid transparent;
.border-top-radius(@panel-border-radius - 1);
}
// Within heading, strip any `h*` tag of it's default margins for spacing.
.panel-title {
margin-top: 0;
margin-bottom: 0;
......@@ -43,7 +58,9 @@
> a { color: inherit; }
}
// // Optional footer (stays gray in every modifier class)
// Optional footer (stays gray in every modifier class)
.panel-footer {
padding: 10px 15px;
background-color: @panel-footer-bg;
......
src/less/components/panels.types.less
浏览文件 @ 68a34216
//
// Panel types
// --------------------------------------------------
/// ========================================================================
/// Bootstrap: panels.types.less
/// https://github.com/twbs/bootstrap/blob/master/less/panels.less
///
/// ZUI: The file has been changed in ZUI. It will not keep update with the
/// Bootsrap version in the future.
/// http://zui.sexy
/// ========================================================================
/// Bootrap: Copyright 2011-2016 Twitter, Inc. Licensed under MIT
/// ========================================================================
// Contextual variations
.panel-primary { .panel-variant(@panel-primary-border; @panel-primary-text; @panel-primary-heading-bg; @panel-primary-border); }
.panel-success { .panel-variant(@panel-success-border; @panel-success-text; @panel-success-heading-bg; @panel-success-border); }
.panel-warning { .panel-variant(@panel-warning-border; @panel-warning-text; @panel-warning-heading-bg; @panel-warning-border); }
......
src/less/components/tables.colors.less
浏览文件 @ 68a34216
//
// Table colors
// --------------------------------------------------
/// ========================================================================
/// Bootstrap: tables.colors.less
/// https://github.com/twbs/bootstrap/blob/master/less/tables.less
///
/// ZUI: The file has been changed in ZUI. It will not keep update with the
/// Bootsrap version in the future.
/// http://zui.sexy
/// ========================================================================
/// Bootrap: Copyright 2011-2016 Twitter, Inc. Licensed under MIT
/// ========================================================================
// Generate the contextual variants
......
src/less/components/tables.less
浏览文件 @ 68a34216
//
// Tables
// ==================================================
/// ========================================================================
/// Bootstrap: tables.less
/// https://github.com/twbs/bootstrap/blob/master/less/tables.less
///
/// ZUI: The file has been changed in ZUI. It will not keep update with the
/// Bootsrap version in the future.
/// http://zui.sexy
/// ========================================================================
/// Bootrap: Copyright 2011-2016 Twitter, Inc. Licensed under MIT
/// ========================================================================
// Reset
table {
max-width: 100%;
background-color: @table-bg;
}
caption {
padding-top: @table-cell-padding;
padding-bottom: @table-cell-padding;
color: @text-muted;
text-align: left;
}
th {
text-align: left;
}
// Types
// --------------------------------------------------
// default
// Base
.table {
width: 100%;
......@@ -28,9 +40,8 @@ th {
line-height: @line-height-base;
vertical-align: top;
border-bottom: 1px solid @table-border-color;
// border-top: 1px solid lighten(@table-border-color, 5%);
.transition(all,@animation-speed-fast,@animation-type);
.transition(background, @animation-speed-fast, @animation-type);
}
// Bottom align for column headings
......@@ -39,33 +50,41 @@ th {
border-bottom: 1px solid @table-border-color;
background-color: @table-head-bg;
}
// Account for multiple tbody instances
> tbody + tbody {
border-top: 2px solid @table-border-color;
}
}
// Table with fixed layout
.table-fixed {
table-layout: fixed;
th, td {
overflow:hidden;
white-space:nowrap;
overflow: hidden;
white-space: nowrap;
}
tfoot > tr > th,
tfoot > tr > td,
th.nofixed,
td.nofixed { overflow: visible; }
.nofixed,
.nofixed {overflow: visible;}
}
// Table without border
.table-borderless {
thead > tr > th,
th,
td {
border: none;
}
}
// Condensed table w/ half padding
.table-condensed {
......@@ -75,6 +94,7 @@ th {
}
}
// Bordered version
//
// Add borders all around the table and between all the columns.
......
src/less/components/tables.responsive.less
浏览文件 @ 68a34216
//
// Responsive tables
// --------------------------------------------------
/// ========================================================================
/// Bootstrap: tables.responsive.less
/// https://github.com/twbs/bootstrap/blob/master/less/tables.less
///
/// ZUI: The file has been changed in ZUI. It will not keep update with the
/// Bootsrap version in the future.
/// http://zui.sexy
/// ========================================================================
/// Bootrap: Copyright 2011-2016 Twitter, Inc. Licensed under MIT
/// ========================================================================
// Responsive tables
// Wrap your tables in `.table-responsive` and we'll make them mobile friendly
// by enabling horizontal scrolling. Only applies <768px. Everything above that
// will display normally.
@media (max-width: @screen-sm-min) {
.table-responsive {
.table-responsive {
overflow-x: auto;
min-height: 0.01%; // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837)
@media screen and (max-width: @screen-xs-max) {
width: 100%;
margin-bottom: 15px;
margin-bottom: (@line-height-computed * 0.75);
overflow-y: hidden;
overflow-x: scroll;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid @table-border-color;
-webkit-overflow-scrolling: touch;
// Tighten up spacing
> .table {
......@@ -66,6 +76,7 @@
}
}
}
}
}
}
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或