diff --git a/src/app/core/layout/main-menu/main-menu.component.scss b/src/app/core/layout/main-menu/main-menu.component.scss index 32037674..6a8354e6 100755 --- a/src/app/core/layout/main-menu/main-menu.component.scss +++ b/src/app/core/layout/main-menu/main-menu.component.scss @@ -1,92 +1,91 @@ -@import "/src/styles/colors"; +@import '/src/styles/colors'; .main-menu { - height: 500px; - gap: 175px; + height: 500px; + gap: 175px; - a { - position: relative; - width: max-content; - color: $black-1; - display: flex; - align-items: center; - text-decoration: none; - margin-bottom: 38px; - padding-right: 15px; - padding-left: 0; - - -moz-transition: all .15s ease-out; - -webkit-transition: all .15s ease-out; - -ms-transition: all .15s ease-out; - -o-transition: all .15s ease-out; - transition: all .15s ease-out; + a { + position: relative; + width: max-content; + color: $black-1; + display: flex; + align-items: center; + text-decoration: none; + margin-bottom: 38px; + padding-right: 15px; + padding-left: 0; - font-size: 14px; - line-height: 16px; - font-weight: 600; - color: $gray-3; + -moz-transition: all 0.15s ease-out; + -webkit-transition: all 0.15s ease-out; + -ms-transition: all 0.15s ease-out; + -o-transition: all 0.15s ease-out; + transition: all 0.15s ease-out; - &.active { - padding-right: 0; - padding-left: 15px; - font-weight: 700; - color: $black-3; - - &::before { - background: $primary; - } - } + font-size: 14px; + line-height: 16px; + font-weight: 600; - &:hover { - color: $primary; - } + &.active { + padding-right: 0; + padding-left: 15px; + font-weight: 700; + color: $black-3; - &::before { - -moz-transition: all .15s ease-out; - -webkit-transition: all .15s ease-out; - -ms-transition: all .15s ease-out; - -o-transition: all .15s ease-out; - transition: all .15s ease-out; - content: ""; - position: absolute; - left: 0; - display: block; - width: 9px; - height: 9px; - background: transparent; - border-radius: 9px; - } + &::before { + background: $primary; + } } - .userOptions { - margin-top: 100px; // Agregar un margen superior de 100px a .userOptions + &:hover { + color: $primary; + } - a { - // Estilos de tus enlaces dentro de .userOptions - } + &::before { + -moz-transition: all 0.15s ease-out; + -webkit-transition: all 0.15s ease-out; + -ms-transition: all 0.15s ease-out; + -o-transition: all 0.15s ease-out; + transition: all 0.15s ease-out; + content: ''; + position: absolute; + left: 0; + display: block; + width: 9px; + height: 9px; + background: transparent; + border-radius: 9px; } + } + + .userOptions { + margin-top: 100px; // Agregar un margen superior de 100px a .userOptions - #user-options { - a { - // Estilos de tus enlaces dentro de #user-options - } + /* a { + // Estilos de tus enlaces dentro de .userOptions + } */ + } + + /* #user-options { + a { + // Estilos de tus enlaces dentro de #user-options } + } */ - #languages { - margin-bottom: 30px; + #languages { + margin-bottom: 30px; - button { - border: none; - background: transparent; + button { + border: none; + background: transparent; - &:hover { - color: $primary; - } - } + &:hover { + color: $primary; + } + } - #middleBtn { - border-left: 1px solid $black-1; - border-right: 1px solid $black-1; - } + #middleBtn { + border-left: 1px solid $black-1; + border-right: 1px solid $black-1; } + } }