CSS dos programas

Rafael Diego
1 parent 72b57159
Showing 3 changed files with 165 additions and 65 deletions Show diff stats
gulp/server.js
src/app/index.scss
src/app/layout.scss
@@ -64,7 +64,8 @@ function browserSyncInit(baseDir, browser) {
   browserSync.instance = browserSync.init({
     startPath: '/',
     server: server,
-    browser: browser
+    browser: browser,
+    ghostMode: false
   });
 }
@@ -282,3 +282,18 @@ $common-color: #5E739E;
  */
 // injector
 // endinjector
+
+
+// blockquote {
+//     position:relative;
+// }
+
+// blockquote:before {
+//     content:"\0393";
+//     font-size: 50px;
+//     display: block;
+//     position: absolute;
+//     top: 0;
+//     left: 0.
+// }
+
@@ -29,21 +29,21 @@
     table-layout: fixed;
     height: 100%;
     width: 100%;
-  }
-  .col-xs-height {
+}
+.col-xs-height {
     display: table-cell;
     float: none;
     height: 100%;
-  }
-  .col-xs-top {
+}
+.col-xs-top {
     vertical-align: top;
-  }
-  .col-xs-middle {
+}
+.col-xs-middle {
     vertical-align: middle;
-  }
-  .col-xs-bottom {
+}
+.col-xs-bottom {
     vertical-align: bottom;
-  }
+}
 }
 @media (min-width: 768px) {
@@ -52,21 +52,21 @@
     table-layout: fixed;
     height: 100%;
     width: 100%;
-  }
-  .col-sm-height {
+}
+.col-sm-height {
     display: table-cell;
     float: none;
     height: 100%;
-  }
-  .col-sm-top {
+}
+.col-sm-top {
     vertical-align: top;
-  }
-  .col-sm-middle {
+}
+.col-sm-middle {
     vertical-align: middle;
-  }
-  .col-sm-bottom {
+}
+.col-sm-bottom {
     vertical-align: bottom;
-  }
+}
 }
 @media (min-width: 992px) {
@@ -75,21 +75,21 @@
     table-layout: fixed;
     height: 100%;
     width: 100%;
-  }
-  .col-md-height {
+}
+.col-md-height {
     display: table-cell;
     float: none;
     height: 100%;
-  }
-  .col-md-top {
+}
+.col-md-top {
     vertical-align: top;
-  }
-  .col-md-middle {
+}
+.col-md-middle {
     vertical-align: middle;
-  }
-  .col-md-bottom {
+}
+.col-md-bottom {
     vertical-align: bottom;
-  }
+}
 }
 @media (min-width: 1200px) {
@@ -98,35 +98,35 @@
     table-layout: fixed;
     height: 100%;
     width: 100%;
-  }
-  .col-lg-height {
+}
+.col-lg-height {
     display: table-cell;
     float: none;
     height: 100%;
-  }
-  .col-lg-top {
+}
+.col-lg-top {
     vertical-align: top;
-  }
-  .col-lg-middle {
+}
+.col-lg-middle {
     vertical-align: middle;
-  }
-  .col-lg-bottom {
+}
+.col-lg-bottom {
     vertical-align: bottom;
-  }
+}
 }
 .btn-submit {
-    background-color: $defaultblue;
-    color: #fff;
-    font-weight: bold;
+  background-color: $defaultblue;
+  color: #fff;
+  font-weight: bold;
-    &:hover,
-    &:focus {color: #fff;}
+  &:hover,
+  &:focus {color: #fff;}
 }
 .has-error {
-    border-color: #FF0000;
-    border-width: 1px;
+  border-color: #FF0000;
+  border-width: 1px;
 }
 // Está com o nome do termos de uso. Deixas genérico ou apenas aqui? Ver como vão ficar esses modais
@@ -140,9 +140,9 @@
     position: relative;
     top: -30px;
     right: 0px;
-  }
+}
-  &-body {
+&-body {
     padding: 25px 35px;
     height: 500px;
@@ -151,9 +151,9 @@
       overflow-y: auto;
       padding: 15px;
       height: 440px;
-    }
   }
 }
+}
 .modal-fechar-pequeno {
   font-size: 15px;
@@ -165,29 +165,11 @@
 // Sobreescreve a classe do bootstrap
 .close {
-  // position: absolute;
   color: white;
   opacity: 1;
   font-weight: normal;
 }
-// Cria uma barra de rolagem parecida com a pedida, mas aplica pro site todo
-// ::-webkit-scrollbar {
-//     width: 12px;
-//     background-color: gray;
-// }
-
-// ::-webkit-scrollbar-track {
-//     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-//     border-radius: 10px;
-// }
-
-// ::-webkit-scrollbar-thumb {
-//     border-radius: 10px;
-//     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
-//     background-color: black;
-// }
-
 .btn-question {
   color: #484848;
   background-color: #fff;
@@ -199,3 +181,105 @@
   padding: 0;
   border-radius: 100%;
 }
+
+.destaque-cinza {
+  background-color: #F1F1F1;
+  padding: 30px;
+}
+
+.gray-block {
+  background-color: #F1F1F1;
+}
+
+.destaque-cinza-claro {
+  background-color: #F8F8F8;
+  padding: 30px;
+}
+
+.left-border-gray {
+  border-left: 3px solid #eeeeee;
+
+  @media (max-width: 768px) {
+    border: none;
+}
+}
+
+// .img-responsive-100 {
+//   width: 100%;
+// }
+
+// .vcenter {
+//   display: inline-block;
+//   vertical-align: middle;
+//   float: none;
+//   margin-right: -2px;
+//   margin-left: -2px;
+// }
+
+
+ul.list-color {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+ul.list-color li:before {
+
+  @each $category, $color in $categories {
+    .#{$category} & {
+      color: $color;
+  }
+}
+
+}
+
+ul.list-color li:before {
+  content: "• ";
+  font-weight: bold;
+  font-size: 20px;
+  position: relative;
+  top: 2px;
+}
+
+ul.list-color li {
+  padding-left: 2em;
+  padding-bottom: 20px;
+  text-indent: -0.7em;
+}
+
+.right-block {
+  float: right;
+}
+
+// .margin-bottom {
+//   margin-bottom: 40px;
+// }
+
+// .no-space-right {
+//   padding-right: 0px;
+// }
+
+// .no-space-left {
+//   padding-left: 0px;
+// }
+
+a.link-black {
+  color: black;
+}
+
+.font-white {
+    color: white;
+}
+
+// .padding-top-50{
+//     padding-top: 50px;
+// }
+
+// .padding-bottom-20{
+//     padding-bottom: 20px;
+// }
+
+
+.inline-block {
+    display: inline-block;
+}
	@@ -282,3 +282,18 @@ $common-color: #5E739E;		@@ -282,3 +282,18 @@ $common-color: #5E739E;
282	*/	282	*/
283	// injector	283	// injector
284	// endinjector	284	// endinjector
		285	+
		286	+
		287	+// blockquote {
		288	+// position:relative;
		289	+// }
		290	+
		291	+// blockquote:before {
		292	+// content:"\0393";
		293	+// font-size: 50px;
		294	+// display: block;
		295	+// position: absolute;
		296	+// top: 0;
		297	+// left: 0.
		298	+// }
		299	+