Bug 11337: closed

[people/shoehn/ipfire.org.git] / static / scss / style.scss

diff --git a/static/scss/style.scss b/static/scss/style.scss
index 42e25f1c4a6ec976fc471bd1f36fd329a4c87108..0a710663b8623d480950fb02cf7cf530219e805d 100644 (file)
--- a/static/scss/style.scss
+++ b/static/scss/style.scss
@@ -139,7 +139,6 @@ img {
 }
 
 // Icons
-
 .icon {
        width: 1.5rem;
        height: 1.5rem;
@@ -154,7 +153,7 @@ img {
        position: absolute;
        left: .75rem;
        top: -.25rem;
-       animation: scroll 3s infinite;
+       animation: scroll 1.5s ease-in-out infinite;
        @include media-breakpoint-down(sm) {
                width: 2rem !important;
                height: 2rem !important;
@@ -192,7 +191,6 @@ footer {
 }
 
 // Buttons
-
 .btn-red900 {
   @include button-variant($btn-red900-color, $btn-red900-bg, $btn-red900-border);
 }
@@ -207,7 +205,8 @@ button.navbar-toggler div {
        font-family: 'Ubuntu', sans-serif;
        font-size: 1rem;
        display: inline-block;
-       margin-left: 12px;
+       position: relative;
+       top: -4px;
 }
 
 .btn {
@@ -261,8 +260,11 @@ button.navbar-toggler div {
        }
 }
 
-// Top Navigation
+button:focus {
+       outline: none;
+}
 
+// Top Navigation
 .fixed-top {
        transition: background-color 700ms linear;
        .navbar {
@@ -321,7 +323,6 @@ button.navbar-toggler div {
 }
 
 // Sections
-
 section.intro {
        min-height: 100vh;
        background-image: url('../img/header-background.jpg');
@@ -372,8 +373,8 @@ section.intro {
                left: 50%;
                transform: translateX(-50%);
                .btn {
-                       width: 32px;
-                       height: 32px;
+                       width: 36px;
+                       height: 36px;
                        fill: $red_900;
                        @include media-breakpoint-up(md) {
                                width: 64px;
@@ -418,6 +419,10 @@ section#wishlist {
        background-position: center center;
 }
 
+.progress {
+       background-color: rgba(255, 255, 255, .2);
+}
+
 .bg-progress {
        background-image: linear-gradient(to right, $yellow-700, $amber-800);
 }
@@ -473,9 +478,7 @@ footer {
 }
 
 // Animation
-
 @keyframes scroll {
-  0%   { transform: translateY(30%); }
+  0%, 100%   { transform: translateY(30%); }
   50% { transform: translateY(50%); }
-  100% { transform: translateY(30%); }
 }
\ No newline at end of file