1
0
mirror of https://github.com/bitwarden/help synced 2026-01-03 09:03:17 +00:00

removing article from slug and updating width and footer (#139)

* removing article from slug and updating width and footer

* ruby plugin for redirects

* removing help article slug

* help article clean up

* relative url
This commit is contained in:
David Choi
2020-08-04 13:24:37 -05:00
committed by GitHub
parent 59e55a5817
commit 5c13c65b73
8 changed files with 203 additions and 84 deletions

View File

@@ -54,13 +54,8 @@ $navbar-inverse-toggle-border-color: darken($brand-primary, 5%);
//== Container sizes
$grid-gutter-width: 30px !default;
// Large screen / wide desktop
$container-large-desktop: (940px + $grid-gutter-width) !default;
//** For `$screen-lg-min` and up.
$container-lg: $container-large-desktop !default;
// Screen sizes
$screen-xxs: 375px;
$screen-xxs-min: 375px;
$screen-xxs-max: ($screen-xxs-min - 1);

View File

@@ -8,14 +8,7 @@ html {
}
body {
margin-bottom: 465px;
background-color: #ffffff;
}
@media(min-width:$screen-sm) {
body {
margin-bottom: 300px;
}
padding-top: 81px;
}
.navbar-brand {
@@ -74,23 +67,36 @@ content {
font-size: 16px;
}
footer {
footer.default-footer {
background-color: $brand-dark-accent;
height: 465px;
margin: 0;
color: #fff;
position: absolute;
width: 100%;
bottom: 0;
font-size: 16px;
padding: 40px 0;
padding: 40px 0 100px;
.footer-logo {
display: block;
margin-bottom: 30px;
}
a {
color: #fff;
&:hover {
&:hover,
&:focus {
color: #fff;
}
&[disabled] {
cursor: not-allowed;
opacity: 0.5;
text-decoration: none;
}
}
h4 {
margin-top: 0;
}
ul {
@@ -99,28 +105,42 @@ footer {
}
}
.social {
i {
font-size: 40px;
margin-bottom: 10px;
}
.copyright {
margin-top: 30px;
}
@media(min-width:$screen-md) {
.social {
margin-top: 40px;
.social {
.list-inline {
display: flex;
align-items: flex-start;
justify-content: flex-end;
}
i {
font-size: 30px;
&.discourse-logo {
height: 30px;
width: 30px;
&:before {
background-size: 30px 30px;
background: url('./../images/discourse-logo.svg') no-repeat center top;
content: '';
display: block;
height: 30px;
width: 30px;
}
i {
font-size: 55px;
}
}
}
@media(min-width:$screen-sm) {
height: 300px;
@media(max-width:$screen-sm) {
.social {
margin-top: 0;
.list-inline {
justify-content: flex-start;
}
}
}
}
@@ -290,7 +310,7 @@ footer {
figure {
display: block;
margin: 0 auto 35px;
figcaption {
font-size: 14px;
color: $text-muted;