diff options
add menu and link code
5 files changed, 39 insertions, 0 deletions
| -rw-r--r-- | src/base.less | 9 | ||||
| -rw-r--r-- | src/dist/menus.css | 0 | ||||
| -rw-r--r-- | src/menus.less | 28 | ||||
| -rw-r--r-- | src/navigation.less | 1 | ||||
| -rw-r--r-- | src/variables.less | 1 |
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 --- /dev/null +++ b/src/dist/menus.css 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; |