mirror of
https://gitcode.com/gh_mirrors/hy/Hydro.git
synced 2026-10-20 01:38:19 +08:00
ui-default: init
将ui-default合并至主存储库便于维护
This commit is contained in:
undefined committed
1 parent
6317c9057f
commit
5faa54c7ca
564 files changed
+23083
-14
No files matched your search
@@ -0,0 +1,232 @@
|
||||
.nav--placeholder
|
||||
height: $nav-item-height
|
||||
|
||||
.nav
|
||||
position: relative
|
||||
left: 0
|
||||
top: 0
|
||||
width: 100%
|
||||
height: rem($nav-item-height)
|
||||
font-size: rem($font-size-secondary)
|
||||
transition: background .2s
|
||||
transition-timing-function: ease-out-cubic
|
||||
z-index: 500
|
||||
|
||||
.hasjs &
|
||||
position: fixed
|
||||
|
||||
.nojs &
|
||||
box-shadow: 0 0 10px rgba(#000, 0.4)
|
||||
margin-bottom: rem(-($nav-item-height))
|
||||
overflow: hidden
|
||||
|
||||
.nav > .row
|
||||
transition: max-width .5s ease-out-cubic
|
||||
|
||||
.nav--shadow
|
||||
position: fixed
|
||||
left: 0
|
||||
top: 0
|
||||
width: 100%
|
||||
height: rem($nav-item-height)
|
||||
z-index: 300
|
||||
transition: box-shadow .2s
|
||||
transition-timing-function: ease-out-cubic
|
||||
|
||||
.nojs &
|
||||
display: none
|
||||
|
||||
.nav__list, .nav__list-item
|
||||
list-style: none
|
||||
|
||||
.nav__list--main
|
||||
float: left
|
||||
|
||||
.nav__item
|
||||
display: block
|
||||
line-height: rem($nav-item-height - 6)
|
||||
padding: rem(0 20px 3px 20px)
|
||||
border-top: 3px solid transparent
|
||||
color: #FFF
|
||||
transition: border-color .2s, background .2s, color .2s
|
||||
transition-timing-function: ease-out-cubic
|
||||
position: relative
|
||||
|
||||
&:before
|
||||
content: ''
|
||||
position: absolute
|
||||
left: 0
|
||||
top: -1px
|
||||
width: 100%
|
||||
height: 1px
|
||||
|
||||
&:visited, &:active
|
||||
color: #FFF
|
||||
|
||||
&.nav--active
|
||||
border-color: $nav-item-active-immersive-color
|
||||
&:before
|
||||
box-shadow: 0 0 30px #FFF,
|
||||
0 0 30px #FFF,
|
||||
0 0 30px #FFF
|
||||
|
||||
&:hover
|
||||
text-decoration: none
|
||||
border-color: lighten($nav-item-hover-color, 60%)
|
||||
background: rgba(#FFF, 0.3)
|
||||
|
||||
|
||||
.nav__list--secondary
|
||||
float: right
|
||||
|
||||
.nav__item--round
|
||||
display: block
|
||||
line-height: rem($nav-item-round-height - 2 * $nav-item-round-border)
|
||||
margin: rem((($nav-item-height - $nav-item-round-height) / 2) 0)
|
||||
padding: rem(0 25px)
|
||||
border-radius: rem($nav-item-round-height / 2)
|
||||
color: #FFF
|
||||
border: $nav-item-round-border solid #FFF
|
||||
transition: background .2s, color .2s, border-color .2s
|
||||
transition-timing-function: ease-out-cubic
|
||||
|
||||
&:visited, &:active
|
||||
color: #FFF
|
||||
|
||||
&:hover
|
||||
text-decoration: none
|
||||
background: #FFF
|
||||
color: #666
|
||||
|
||||
.nav__list-item
|
||||
float: left
|
||||
|
||||
.nav__list--main .nav__item--round
|
||||
margin-right: rem(5px)
|
||||
|
||||
.nav__list--secondary .nav__item--round
|
||||
margin-left: rem(5px)
|
||||
|
||||
.nav__logo__options
|
||||
background-image: url(./nav-logo-small_light.png)
|
||||
background-image: url(./nav-logo-small_dark.png)
|
||||
background-image: url(./nav-logo-small@2x_light.png)
|
||||
background-image: url(./nav-logo-small@2x_dark.png)
|
||||
|
||||
.nav__logo
|
||||
display: block
|
||||
width: 0
|
||||
opacity: 0
|
||||
height: rem($nav-logo-height)
|
||||
margin: rem((($nav-item-height - $nav-logo-height) / 2) 0)
|
||||
background: no-repeat
|
||||
transition: width .3s, opacity .3s
|
||||
transition-timing-function: ease-out-cubic
|
||||
+retina()
|
||||
background-size: $nav-logo-width $nav-logo-height
|
||||
|
||||
&:hover
|
||||
text-decoration: none
|
||||
|
||||
+mobile()
|
||||
display: none
|
||||
|
||||
.nav.showlogo, .layout--immersive
|
||||
.nav__logo
|
||||
width: rem($nav-logo-width + 10)
|
||||
opacity: 1
|
||||
|
||||
.nav.floating, .nojs .nav
|
||||
background: rgba(#FFF, 0.98)
|
||||
|
||||
.nav__item
|
||||
color: $text-1-color
|
||||
&.nav--active
|
||||
border-color: $nav-item-active-color
|
||||
&:before
|
||||
box-shadow: 0 0 30px $nav-item-active-color,
|
||||
0 0 30px $nav-item-active-color
|
||||
&:hover
|
||||
border-color: $nav-item-hover-color
|
||||
background: #F8F8F8
|
||||
&:before
|
||||
box-shadow: none
|
||||
|
||||
.nav__item--round
|
||||
border-color: $primary-color
|
||||
color: $primary-color
|
||||
|
||||
&:hover
|
||||
background-color: $primary-color
|
||||
color: #FFF
|
||||
|
||||
.nav--shadow.floating
|
||||
box-shadow: 0 0 6px rgba(#000, 0.3)
|
||||
|
||||
// For Mobile: show a slideout vertical arranged menu
|
||||
+mobile()
|
||||
|
||||
.nav .columns
|
||||
padding: 0
|
||||
|
||||
.nav--shadow
|
||||
display: none
|
||||
|
||||
.nav.slideout-menu
|
||||
background: #1D1F20
|
||||
|
||||
.nav__list
|
||||
float: none
|
||||
|
||||
.nav__list-item
|
||||
float: none
|
||||
|
||||
.nav__item,
|
||||
.nav__item--round,
|
||||
.nav__list--secondary .nav__item--round,
|
||||
.nav .dropdown-target.menu .menu__link
|
||||
line-height: rem($nav-item-height - 6)
|
||||
padding: rem(0 20px 3px 20px)
|
||||
border: 0
|
||||
border-left: 3px solid transparent
|
||||
margin: 0
|
||||
border-radius: 0
|
||||
background: none
|
||||
color: #FFF
|
||||
|
||||
.icon
|
||||
line-height: inherit
|
||||
|
||||
&.nav--active
|
||||
border-color: $nav-item-active-color
|
||||
|
||||
&:visited, &:active
|
||||
background: none
|
||||
color: #FFF
|
||||
|
||||
&:hover
|
||||
border-color: $nav-item-hover-color
|
||||
background: rgba(#FFF, 0.10)
|
||||
color: #FFF
|
||||
|
||||
.nav__item
|
||||
&:before
|
||||
left: -2px
|
||||
top: 0
|
||||
height: 100%
|
||||
width: 1px
|
||||
|
||||
.nav .dropdown-target.menu
|
||||
display: block
|
||||
background: none
|
||||
border: 0
|
||||
box-shadow: none
|
||||
|
||||
.menu__link
|
||||
padding-left: rem(35px)
|
||||
|
||||
.menu__seperator
|
||||
display: none
|
||||
|
||||
.nav__list--secondary
|
||||
border-top: 1px solid #666
|
||||
Reference in new issue
Block a user