forked from zer.ooo/web
52 lines
878 B
Sass
52 lines
878 B
Sass
|
ul.topnav
|
||
|
|
list-style-type: none
|
||
|
|
margin: 0
|
||
|
|
padding: 0
|
||
|
|
overflow: hidden
|
||
|
|
|
||
|
|
ul.topnav li
|
||
|
|
float: left
|
||
|
|
|
||
|
|
ul.topnav li a
|
||
|
|
display: inline-block
|
||
|
|
color: #182737
|
||
|
|
text-align: center
|
||
|
|
padding: 15px 26px
|
||
|
|
text-decoration: none
|
||
|
|
transition: 0.3s
|
||
|
|
font-size: 15px
|
||
|
|
background-color: #fff
|
||
|
|
margin: 20px
|
||
|
|
border-radius: 5px
|
||
|
|
|
||
|
|
ul.topnav li a:hover
|
||
|
|
background-color: #fff
|
||
|
|
text-decoration: none
|
||
|
|
|
||
|
|
ul.topnav li.icon
|
||
|
|
display: none
|
||
|
|
|
||
|
|
@media screen and (max-width:680px)
|
||
|
|
ul.topnav li:not(:first-child)
|
||
|
|
display: none
|
||
|
|
ul.topnav li.icon
|
||
|
|
float: right
|
||
|
|
display: inline-block
|
||
|
|
|
||
|
|
@media screen and (max-width:680px)
|
||
|
|
ul.topnav.responsive
|
||
|
|
position: relative
|
||
|
|
|
||
|
|
ul.topnav.responsive li.icon
|
||
|
|
position: absolute
|
||
|
|
right: 0
|
||
|
|
top: 0
|
||
|
|
|
||
|
|
ul.topnav.responsive li
|
||
|
|
float: none
|
||
|
|
display: inline
|
||
|
|
|
||
|
|
ul.topnav.responsive li a
|
||
|
|
display: block
|
||
|
|
text-align: left
|