From 67bb749236336d8eff3cd2bc370ba1824a14e41d Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Tue, 15 Mar 2016 18:00:14 +0800 Subject: add menu and link code --- src/base.less | 9 +++++++++ src/dist/menus.css | 0 src/menus.less | 28 ++++++++++++++++++++++++++++ src/navigation.less | 1 + src/variables.less | 1 + 5 files changed, 39 insertions(+) create mode 100644 src/dist/menus.css create mode 100644 src/menus.less create mode 100644 src/navigation.less (limited to 'src') diff --git a/src/base.less b/src/base.less index 1590e8e..d197d3b 100644 --- a/src/base.less +++ b/src/base.less @@ -16,3 +16,12 @@ body { font-size: @body-font-size; background-color: @body-bg; } +a { + color: @core-link-color; + text-decoration: underline; + + &:hover, + &:focus { + color: darken(@core-link-color, 10%); + } +} diff --git a/src/dist/menus.css b/src/dist/menus.css new file mode 100644 index 0000000..e69de29 diff --git a/src/menus.less b/src/menus.less new file mode 100644 index 0000000..8235b4a --- /dev/null +++ b/src/menus.less @@ -0,0 +1,28 @@ +// Menus +.menu { + display: block; + width: auto; + text-align: left; + margin: 0; + padding: 1rem; + border-radius: 3px; + background-color: #fff; + z-index: 999; + .shadow; + + .menu-item { + display: block; + padding: .2rem 1rem; + border-radius: 3px; + color: @body-font-color; + line-height: 2.4rem; + cursor: pointer; + text-decoration: none; + user-select: none; + + &:hover, + &:focus { + background-color: @core-border-color; + } + } +} diff --git a/src/navigation.less b/src/navigation.less new file mode 100644 index 0000000..8fbcc0f --- /dev/null +++ b/src/navigation.less @@ -0,0 +1 @@ +// Navigation diff --git a/src/variables.less b/src/variables.less index 2c99039..97f357d 100644 --- a/src/variables.less +++ b/src/variables.less @@ -8,6 +8,7 @@ // Colors @core-color: #5764C6; +@core-link-color: #5764C6; @core-border-color: #efefef; @control-color: #c5c5c5; @control-color-success: #00c372; -- cgit v1.3.1-23-gd82d