From 5665b5a31ff6d0d233ea385b8a33929155fe1290 Mon Sep 17 00:00:00 2001 From: Luiz Felipe Silva Date: Wed, 7 Dec 2022 23:30:07 -0300 Subject: [PATCH] update --- src/arquivos/sass/partials/_menu.scss | 38 ++++++++++++++++++- src/controles-customizados/menuPrincipal.html | 15 ++++++++ .../sub-templates/luizfelipe-header.html | 9 +---- 3 files changed, 54 insertions(+), 8 deletions(-) create mode 100644 src/controles-customizados/menuPrincipal.html diff --git a/src/arquivos/sass/partials/_menu.scss b/src/arquivos/sass/partials/_menu.scss index 3ec84b5..46eb98b 100644 --- a/src/arquivos/sass/partials/_menu.scss +++ b/src/arquivos/sass/partials/_menu.scss @@ -12,6 +12,42 @@ } .main-menu { - display: none; + &__departments { + display: flex; + align-items: center; + } + + &__department { + margin-right: 40px; + + @include mq(lg, min) { + &:hover { + .main-menu__department-link { + font-weight: 600; + color: $blue-500; + text-decoration: underline; + } + } + } + } + + &__department-link { + font-size: 12px; + line-height: 15px; + color: $white-500; + + @include mq(lg, min) { + // Técnica usada para quando aplicar bold no hover o elemento não mexer toda a tela. + &::after { + display: block; + // O conteúdo vai ser o atributo title. + content: attr(title); + height: 0; + overflow: hidden; + font-weight: bold; + visibility: hidden; + } + } + } } } diff --git a/src/controles-customizados/menuPrincipal.html b/src/controles-customizados/menuPrincipal.html new file mode 100644 index 0000000..03aec35 --- /dev/null +++ b/src/controles-customizados/menuPrincipal.html @@ -0,0 +1,15 @@ + diff --git a/src/template-pagina/sub-templates/luizfelipe-header.html b/src/template-pagina/sub-templates/luizfelipe-header.html index 22ed3d6..52523dd 100644 --- a/src/template-pagina/sub-templates/luizfelipe-header.html +++ b/src/template-pagina/sub-templates/luizfelipe-header.html @@ -7,13 +7,8 @@ - + +