width: 100%;
height: $footer-height;
+ padding: 3rem 0 0 0;
+
+ @include media-breakpoint-down(md) {
+ padding-top: 31px;
+ }
+
+ h4 {
+ margin-bottom: 1.25rem;
+ color: rgba($gray-400, .6);
+ font-size: 20px;
+ line-height: 28px;
+ }
+
+ ul {
+ li {
+ font-size: 14px;
+ margin-bottom: .75rem;
+
+ a {
+ color: rgba($gray-400, .6);
+ text-decoration: none;
+ &:hover {
+ color: $gray-400;
+ text-decoration: underline;
+ }
+ }
+ }
+ }
+
+ .btn-lg {
+ margin-bottom: 2.75rem;
+ }
+
+ .copyright {
+ background-color: rgba($gray-400, .06);
+ padding: $spacer 0;
+
+ font-size: $small-font-size;
+
+ a {
+ color: $text-muted;
+ }
+ }
+
.btn-toolbar .icon {
height: 2.25rem;
width: 2.25rem;
}
}
-footer {
- padding: 3rem 0 0 0;
- @include media-breakpoint-down(md) {
- padding-top: 31px;
- }
- h4 {
- margin-bottom: 1.25rem;
- color: rgba($gray-400, .6);
- font-size: 20px;
- line-height: 28px;
- }
- ul {
- li {
- font-size: 14px;
- margin-bottom: .75rem;
- a {
- color: rgba($gray-400, .6);
- text-decoration: none;
- &:hover {
- color: $gray-400;
- text-decoration: underline;
- }
- }
- }
- }
- .btn-lg {
- margin-bottom: 2.75rem;
- }
-
- .copyright {
- background-color: rgba($gray-400, .06);
- padding: $spacer 0;
-
- font-size: $small-font-size;
-
- a {
- color: $text-muted;
- }
- }
-}
-
// Animation
@keyframes scroll {
0%, 100% { transform: translateY(30%); }