index of
/
home
/
thefkyzp
/
public_html
/
wp-content
/
plugins
/
ocean-extra
/
sass
/
components
/
File: /home/thefkyzp/public_html/wp-content/plugins/ocean-extra/sass/components/_widget-custom-menu.scss
/** * Custom Menu Widget */ .oceanwp-custom-menu { &.right { text-align: right; } &.center { text-align: center; } > ul { list-style: none; margin: 0; padding: 0; > li { float: none; display: inline-block; > a { display: block; padding: 8px 15px; font-size: 13px; line-height: 20px; color: $color-11; letter-spacing: 0.6px; &:hover { color: $color-2; } } } } } .custom-menu-widget .oceanwp-custom-menu { > ul > li { display: block; border-bottom: 1px solid $color-7; > a { padding: 8px 0; .nav-arrow { position: absolute; top: 50%; right: 0; padding: 0; -ms-transform: translateY( -50% ); -webkit-transform: translateY( -50% ); transform: translateY( -50% ); } } } &.right > ul > li > a .nav-arrow { right: auto; left: 0; [dir="rtl"] & { right: 0; left: auto; } } .dropdown-menu .sub-menu { position: relative; top: auto; left: auto; background-color: transparent; border-top: 0; min-width: 100%; margin: 10px 0 0 12px; line-height: 1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; [dir="rtl"] & { right: auto; } li { float: none; display: block; border-bottom: 1px solid $color-7; &:last-child { border-bottom: 0; } a.menu-link { padding: 8px 0; font-size: 13px; line-height: 20px; color: $color-11; letter-spacing: 0.6px; &:hover { background-color: transparent; color: $color-2; } } } } > ul.click-menu { li a { position: relative; .nav-arrow { display: none; } } .open-this { position: absolute; top: 0; right: 0; width: 36px; height: 100%; line-height: 36px; font-size: 14px; text-align: center; cursor: pointer; z-index: 10; [dir="rtl"] & { left: 0; right: auto; } i { padding: 0; } } li.opened > a > .open-this i:before { content: '\f106'; } .sub-menu { border-top: 1px solid #e9e9e9; margin: 0; } } }