Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
易企天创
zui
提交
0abcdfb6
Z
zui
项目概览
易企天创
/
zui
12 个月 前同步成功
通知
6
Star
0
Fork
1
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
37
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Z
zui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
37
Issue
37
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
0abcdfb6
编写于
1月 09, 2014
作者:
C
Catouse
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
* ajusted style of navbars.
上级
590790ca
变更
6
展开全部
隐藏空白更改
内联
并排
Showing
6 changed file
with
150 addition
and
5 deletion
+150
-5
dist/css/zui.chanzhi.css
dist/css/zui.chanzhi.css
+1
-1
dist/css/zui.css
dist/css/zui.css
+1
-1
examples/doc.html
examples/doc.html
+94
-0
src/less/basic/variables.less
src/less/basic/variables.less
+1
-1
src/less/components/navbars.fixed-left.less
src/less/components/navbars.fixed-left.less
+39
-2
src/less/components/navbars.less
src/less/components/navbars.less
+14
-0
未找到文件。
dist/css/zui.chanzhi.css
浏览文件 @
0abcdfb6
此差异已折叠。
点击以展开。
dist/css/zui.css
浏览文件 @
0abcdfb6
因为 它太大了无法显示 source diff 。你可以改为
查看blob
。
examples/doc.html
0 → 100644
浏览文件 @
0abcdfb6
<!DOCTYPE html>
<html
lang=
"en"
>
<head>
<meta
charset=
"utf-8"
>
<meta
http-equiv=
"X-UA-Compatible"
content=
"IE=edge"
>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
<meta
name=
"description"
content=
"ZUI,一个简单吸引人的前端框架。"
>
<meta
name=
"author"
content=
"Zentao"
>
<title>
ZUI
</title>
<link
href=
"../dist/css/zui.css"
rel=
"stylesheet"
>
<link
href=
"../assets/css/doc.css"
rel=
"stylesheet"
>
<!-- Latest compiled and minified JavaScript -->
<script
src=
"../dist/js/jquery.js"
></script>
<script
src=
"../dist/js/zui.min.js"
></script>
<script
src=
"../src/js/debug.js"
></script>
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/respond.js"></script>
<![endif]-->
<script
src=
"../assets/js/doc.js"
></script>
</head>
<body>
<nav
class=
"navbar navbar-inverse navbar-fixed-left"
role=
"navigation"
>
<div
class=
"navbar-header"
>
<button
type=
"button"
class=
"navbar-toggle"
data-toggle=
"collapse"
data-target=
"#navbar"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
ZUI
</a>
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav"
>
<li
class=
"nav-heading"
>
Header
</li>
<li><a
href=
""
>
Lorem ipsum dolor.
</a></li>
<li><a
href=
""
>
Odio, voluptas, maxime!
</a></li>
<li><a
href=
""
>
Enim, adipisci, assumenda!
</a></li>
<li><a
href=
""
>
Dolores, voluptas, itaque.
</a></li>
<li><a
href=
""
>
Animi, tenetur, officia.
</a></li>
<li
class=
"dropdown"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
><span
id=
"navbarCurrent"
>
examples
</span>
<b
class=
"caret"
></b></a>
<ul
class=
"dropdown-menu"
role=
"menu"
>
<li><a
href=
"alerts.html"
>
alerts
</a></li>
<li><a
href=
"article.html"
>
article
</a></li>
<li><a
href=
"breadcrumb.html"
>
breadcrumb
</a></li>
<li><a
href=
"button-groups.html"
>
button-groups
</a></li>
<li><a
href=
"buttons.html"
>
buttons
</a></li>
<li><a
href=
"cards.html"
>
cards
</a></li>
<li><a
href=
"carousel.html"
>
carousel
</a></li>
<li><a
href=
"chosen.html"
>
chosen
</a></li>
<li><a
href=
"collapse.html"
>
collapse
</a></li>
<li><a
href=
"colorset.html"
>
colorset
</a></li>
<li><a
href=
"comment.html"
>
comment
</a></li>
<li><a
href=
"dropdowns.html"
>
dropdowns
</a></li>
<li><a
href=
"forms.html"
>
forms
</a></li>
<li><a
href=
"grid.html"
>
grid
</a></li>
<li><a
href=
"icons.html"
>
icons
</a></li>
<li><a
href=
"input-groups.html"
>
input-groups
</a></li>
<li><a
href=
"kindeditor.html"
>
kindeditor
</a></li>
<li><a
href=
"labels.html"
>
labels
</a></li>
<li><a
href=
"lightbox.html"
>
Lightbox
</a></li>
<li><a
href=
"list-group.html"
>
list-group
</a></li>
<li><a
href=
"list.html"
>
list
</a></li>
<li><a
href=
"modals.html"
>
modals
</a></li>
<li><a
href=
"navbars.html"
>
navbars
</a></li>
<li><a
href=
"navs.html"
>
navs
</a></li>
<li><a
href=
"pager.html"
>
pager
</a></li>
<li><a
href=
"panels.html"
>
panels
</a></li>
<li><a
href=
"popovers.html"
>
popovers
</a></li>
<li><a
href=
"progress.html"
>
progress
</a></li>
<li><a
href=
"tables.html"
>
tables
</a></li>
<li><a
href=
"tabs.html"
>
tabs
</a></li>
<li><a
href=
"textbox.html"
>
textbox
</a></li>
<li><a
href=
"tooltip.html"
>
tooltip
</a></li>
<li><a
href=
"type.html"
>
type
</a></li>
</ul>
</li>
<li
id=
"navbarNext"
><a
href=
"###"
>
NEXT
<i
class=
"icon-angle-right icon-large"
></i></a></li>
</ul>
</div>
</nav>
<article>
<section
class=
"page-section"
>
<h1
class=
"header-dividing"
>
Navbars
</h1>
</section>
</article>
</body>
</html>
src/less/basic/variables.less
浏览文件 @
0abcdfb6
...
...
@@ -533,7 +533,7 @@
@navbar-default-color: @color-gray-dark;
@navbar-default-bg: lighten(@color-gray-pale, 2.5%);
@navbar-default-border: darken(@navbar-default-bg,
6.5
%);
@navbar-default-border: darken(@navbar-default-bg,
10
%);
// Navbar links
@navbar-default-link-color: @color-gray-dark;
...
...
src/less/components/navbars.fixed-left.less
浏览文件 @
0abcdfb6
.navbar-fixed-left
{
z-index: @zindex-navbar-fixed;
position: fixed;
left: 0;
top: 0;
height: 100%;
max-width: 500px;
width: 240px;
border-radius: 0;
&,
.navbar-nav,
.navbar-nav > li,
...
...
@@ -17,12 +20,46 @@
{
padding: 0;
}
.navbar-nav.navbar-right,.navbar-nav,.navbar-form
{
margin: 7.5px 0;
}
.navbar-toggle
{
display: block;
display: none;
}
&.navbar-default
{
.navbar-header,
.navbar-nav
{
border-bottom: 1px solid lighten(@navbar-default-bg, 10%);
.box-shadow(inset 0 -1px 0 @navbar-default-border);
}
}
&.navbar-inverse
{
.navbar-header,
.navbar-nav
{
border-bottom: 1px solid lighten(@navbar-inverse-bg, 10%);
.box-shadow(inset 0 -1px 0 @navbar-inverse-border);
}
}
.navbar-nav
{
margin: 0;
padding: 5px 0;
> li > a
{
.text-overflow();
padding-top: 6px;
padding-bottom: 6px;
}
}
}
src/less/components/navbars.less
浏览文件 @
0abcdfb6
...
...
@@ -389,6 +389,13 @@
.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;
...
...
@@ -556,6 +563,13 @@
.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;
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录