diff --git a/sass/css/_base.scss b/sass/css/_base.scss index e834b86..cd787da 100644 --- a/sass/css/_base.scss +++ b/sass/css/_base.scss @@ -90,28 +90,52 @@ a { } } -.navbar-light .navbar-nav .nav-link, -.dropdown-item { - outline: none; - color: $color-primary; - text-decoration: none; - - &:visited { +.navbar { + .navbar-light .navbar-nav .nav-link, + .dropdown-item { + outline: none; color: $color-primary; + text-decoration: none; + + &:visited { + color: $color-primary; + } + + &:hover { + color: $color-secondary; + } } - &:hover { + .navbar-light .navbar-nav .active>.nav-link, + .navbar-light .navbar-nav .nav-link.active, + .navbar-light .navbar-nav .nav-link.show, + .navbar-light .navbar-nav .show>.nav-link { color: $color-secondary; } -} -.navbar-light .navbar-nav .active>.nav-link, -.navbar-light .navbar-nav .nav-link.active, -.navbar-light .navbar-nav .nav-link.show, -.navbar-light .navbar-nav .show>.nav-link { - color: $color-secondary; -} + .dropdown-menu { + border: none; + } + .dropdown-item { + &:hover, + &:active { + background-color: transparent; + } + } + .dropdown-item.active { + color: $color-secondary; + background-color: transparent; + } + .navbar-toggler { + outline: none; + + &:focus, + &:hover { + outline: none; + } + } +} /** @@ -127,22 +151,6 @@ a { border: 1px solid transparent; } -.dropdown-menu { - border: none; - margin-top: 0; - padding-top: 0; -} -.dropdown-item { - &:hover, - &:active { - background-color: transparent; - } -} -.dropdown-item.active { - color: $color-secondary; - background-color: transparent; -} - .btn-primary { background-color: $btn-primary-2; color: #fff !important; @@ -155,18 +163,11 @@ a { border: 1px solid $btn-secondary-2 !important; } } + .btn-lg { font-size: 1rem; padding: 1rem 1.25rem; } -.navbar-toggler { - outline: none; - - &:focus, - &:hover { - outline: none; - } -} ul.th { list-style: none; @@ -200,6 +201,63 @@ ul:not(.navbar-nav) li { } +.download-selector { + display: inline-flex; + + .divider { + border-right: solid 1px white; + margin: 0.125rem 0; + height: inherit; + z-index: 10; + } + + .dropdown-menu { + border: none; + margin-top: 0; + padding-top: 0; + } + + .btn { + background-color: $btn-primary-2; + &:hover { + background-color: $btn-secondary-2; + } + &:after { + align-self: center; + } + } + button { + &[aria-expanded='true']:after { + transform: rotate(-180deg); + } + span { + margin-right: 0.5rem; + } + } + + ul { + list-style: none; + margin-left: 0!important; + width: 100%; + padding: 0; + + li { + padding: 0; + margin: 0; + + a { + padding: 0.75rem 0.5rem 0.75rem 1.25rem; + } + } + + li::before { + content: none; + display: none; + } + } +} + + .bg-white-shadow { background: url(../images/migen-links@2x.png); background-repeat: no-repeat; diff --git a/static/images/icons/icon-windows.svg b/static/images/icons/icon-windows.svg new file mode 100644 index 0000000..f6432e3 --- /dev/null +++ b/static/images/icons/icon-windows.svg @@ -0,0 +1 @@ + diff --git a/templates/index.html b/templates/index.html index e5c495a..4afcd58 100644 --- a/templates/index.html +++ b/templates/index.html @@ -53,12 +53,29 @@ Order hardware Manual Forum - - download - Windows installer - More... - +
+ + windows + Download .exe + +
+ + +