Nessuna descrizione

_footer.scss 1.4KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. .footer{
  2. padding: 24px 0 24px 250px;
  3. [class*="container-"] {
  4. padding: 0;
  5. }
  6. .nav {
  7. display: inline-block;
  8. float: left;
  9. margin-bottom: 0;
  10. padding-left: 30px;
  11. list-style: none;
  12. }
  13. .nav-item {
  14. display: inline-block;
  15. &:first-child a {
  16. padding-left: 0;
  17. }
  18. }
  19. .nav-link {
  20. color: $white;
  21. padding: 0 $padding-base-vertical;
  22. font-size: $font-size-sm;
  23. text-transform: uppercase;
  24. text-decoration: none;
  25. &:hover {
  26. text-decoration: none;
  27. }
  28. }
  29. .copyright {
  30. font-size: $font-size-sm;
  31. line-height: 1.8;
  32. color: $white;
  33. }
  34. &:after {
  35. display: table;
  36. clear: both;
  37. content: " ";
  38. }
  39. }
  40. @media screen and (max-width: 991px) {
  41. .footer {
  42. padding-left: 0px;
  43. .copyright {
  44. text-align: right;
  45. margin-right: 15px;
  46. }
  47. }
  48. }
  49. @media screen and (min-width: 992px) {
  50. .footer {
  51. .copyright {
  52. float: right;
  53. padding-right: 30px;
  54. }
  55. }
  56. }
  57. @media screen and (max-width: 768px) {
  58. .footer {
  59. nav {
  60. display: block;
  61. margin-bottom: 5px;
  62. float: none;
  63. }
  64. }
  65. }
  66. @media screen and (max-width: 576px) {
  67. .footer {
  68. text-align: center;
  69. .copyright {
  70. text-align: center;
  71. }
  72. .nav{
  73. float: none;
  74. padding-left: 0;
  75. }
  76. }
  77. }