diff options
Diffstat (limited to 'assets/scss/components/_site-navigation.scss')
| -rw-r--r-- | assets/scss/components/_site-navigation.scss | 116 |
1 files changed, 0 insertions, 116 deletions
diff --git a/assets/scss/components/_site-navigation.scss b/assets/scss/components/_site-navigation.scss deleted file mode 100644 index e0bb61a..0000000 --- a/assets/scss/components/_site-navigation.scss +++ /dev/null @@ -1,116 +0,0 @@ -.navbar{ - padding: 40px 0; - background: transparent; - transition: all .3s ease; - @include desktop{ - background: $white; - } - @include desktop{ - padding: 15px 20px; - margin: 10px 10px 0; - border-radius: 5px; - } - .navbar-brand{ - img{ - @include desktop{ - width: 80%; - } - } - } - .main-navigation{ - margin: 0 auto; - .nav-item{ - .nav-link{ - color: $secondary-color; - font-family: $secondary-font; - padding: 0 15px; - transition: all .3s ease; - font-weight: 500; - &:hover{ - color: $primary_color; - } - @include desktop{ - text-align: center; - padding: 15px 0; - cursor: pointer; - } - } - .active{ - color: $primary_color; - } - } - } - - // .hire_button{ - // background: $primary_color; - // padding: 15px 30px; - // color: #fff; - // text-decoration: none; - // border-radius: 7px; - // font-size: 16px; - // font-family: $secondary-font; - // font-weight: 400; - // border: 1px solid transparent; - // transition: all .3s ease; - // transform: scale(1); - // &:hover{ - // background: #425FEE; - // box-shadow: 0 8px 20px rgba(56, 87, 241, 0.3); - // transform: scale(1.03); - // } - // @include desktop{ - // text-align: center; - // } - // } - - &.nav__color__change{ - background: $white; - padding: 20px 0; - box-shadow: 0px 10px 20px 0px rgba(50,65,141,0.1); - @include desktop{ - padding: 15px 20px; - } - } - @include desktop{ - .navbar-toggler{ - outline: 0; - padding: 0; - &-icon { - height: 2px; - width: 25px; - transition: all 0.2s; - background: $primary-color; - display: block; - &:not(:last-child){ - margin-bottom: 5px; - } - &:nth-child(1){ - transform: rotate(45deg); - transform-origin: 10% 10%; - } - &:nth-child(2){ - opacity: 0; - filter: alpha(opacity=0); - } - &:nth-child(3){ - transform: rotate(-45deg); - transform-origin: 10% 90%; - } - } - &.collapsed{ - .navbar-toggler-icon{ - &:nth-child(1){ - transform: rotate(0); - } - &:nth-child(2){ - opacity: 1; - filter: alpha(opacity=1); - } - &:nth-child(3){ - transform: rotate(0); - } - } - } - } - } - }
\ No newline at end of file |