alterações no css do conteúdo

Rafael Diego
1 parent 250eedce
Showing 1 changed file with 30 additions and 23 deletions Show diff stats
src/app/layout.scss
@@ -9,6 +9,7 @@
   display: table-cell;
   float: none;
   height: 100%;
+  background-color: #181e21;
 }
 .col-top {
@@ -124,12 +125,19 @@
 }
 .vertical-padding {
-    padding-top: 15px;
-    padding-bottom: 15px;
+  padding-top: 15px;
+  padding-bottom: 15px;
 }
-.no-space-left { margin-left: 0; padding-left: 0;}
-.no-space-right { margin-right: 0; padding-right: 0;}
+.no-space-left {
+  margin-left: 0;
+  padding-left: 0;
+}
+
+.no-space-right {
+  margin-right: 0;
+  padding-right: 0;
+}
 .text-center-sm {
   @media screen and (max-width: $screen-sm) {
@@ -141,9 +149,10 @@
   background-color: $defaultblue;
   color: #fff;
   font-weight: bold;
-
   &:hover,
-  &:focus {color: #fff;}
+  &:focus {
+    color: #fff;
+  }
 }
 .has-error {
@@ -152,8 +161,8 @@
 }
 // Está com o nome do termos de uso. Deixas genérico ou apenas aqui? Ver como vão ficar esses modais
-.modal-termos-uso{
-  &-header{
+.modal-termos-uso {
+  &-header {
     border-bottom: none;
     padding: 0px;
     min-height: 10px;
@@ -163,12 +172,10 @@
     top: -30px;
     right: 0px;
   }
-
   &-body {
     padding: 25px 35px;
     height: 500px;
-
-    &-inner{
+    &-inner {
       background-color: lightgray;
       overflow-y: auto;
       padding: 15px;
@@ -204,8 +211,8 @@ ul.list-color {
 }
 ul.list-color li:before {
-
-  @each $category, $color in $categories {
+  @each $category,
+  $color in $categories {
     .#{$category} & {
       color: $color;
     }
@@ -218,11 +225,12 @@ ul.list-color li:before {
   font-size: 20px;
   position: relative;
   top: 2px;
+  color: #2a9677;
 }
-ul.list-color li {
+ul li {
   padding-left: 2em;
-  padding-bottom: 10px;
+  padding-bottom: 15px;
   text-indent: -0.7em;
 }
@@ -262,7 +270,9 @@ ul.list-color li {
 .left-border-gray {
   border-left: 4px solid #d1d6d9;
   margin-bottom: 10px;
-  ul.list-color li:last-child { padding-bottom: 0; }
+  ul.list-color li:last-child {
+    padding-bottom: 0;
+  }
   @media (max-width: 768px) {
     border: none;
   }
@@ -304,7 +314,6 @@ blockquote {
   font-size: 140%;
   padding: 50px 0 0 50px;
   position: relative;
-
   &:before {
     content: "⌜";
     font-size: 200px;
@@ -314,19 +323,18 @@ blockquote {
     font-weight: bolder;
     left: -17px;
     top: -68px;
-    @each $category, $color in $categories {
+    @each $category,
+    $color in $categories {
       .#{$category} & {
         color: $color;
       }
     }
   }
-
 }
 // .cultura blockquote::before {
 //   color: #cd999b;
 // }
-
 // Sobreescreve a classe do bootstrap
 .close {
   color: white;
@@ -337,7 +345,6 @@ blockquote {
 // .img-responsive {
 //   width: 100%;
 // }
-
 //strong {
 //  @each $category, $color in $categories {
 //    .#{$category} & {
@@ -345,9 +352,9 @@ blockquote {
 //    }
 //  }
 //}
-
 .top-border-theme {
-  @each $category, $color in $categories {
+  @each $category,
+  $color in $categories {
     .#{$category} & {
       border-color: $color;
     }