12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 |
- .footer{
- padding: 24px 0 24px 250px;
-
- [class*="container-"] {
- padding: 0;
- }
-
- .nav {
- display: inline-block;
- float: left;
- margin-bottom: 0;
- padding-left: 30px;
- list-style: none;
- }
-
- .nav-item {
- display: inline-block;
-
- &:first-child a {
- padding-left: 0;
- }
- }
-
- .nav-link {
- color: $white;
- padding: 0 $padding-base-vertical;
- font-size: $font-size-sm;
- text-transform: uppercase;
- text-decoration: none;
-
- &:hover {
- text-decoration: none;
- }
- }
-
-
-
- .copyright {
- font-size: $font-size-sm;
- line-height: 1.8;
- color: $white;
- }
-
- &:after {
- display: table;
- clear: both;
- content: " ";
- }
- }
-
-
- @media screen and (max-width: 991px) {
- .footer {
- padding-left: 0px;
-
- .copyright {
- text-align: right;
- margin-right: 15px;
- }
- }
- }
-
- @media screen and (min-width: 992px) {
- .footer {
- .copyright {
- float: right;
- padding-right: 30px;
- }
- }
- }
-
- @media screen and (max-width: 768px) {
- .footer {
- nav {
- display: block;
- margin-bottom: 5px;
- float: none;
- }
- }
- }
-
- @media screen and (max-width: 576px) {
- .footer {
- text-align: center;
- .copyright {
- text-align: center;
- }
-
- .nav{
- float: none;
- padding-left: 0;
- }
- }
- }
|