adding saude-rue infomartion

Leandro Santos
1 parent ab58a848
Showing 3 changed files with 114 additions and 5 deletions Show diff stats
index.html
sass/programas/saude-rue.scss
sass/style.scss
@@ -91,11 +91,7 @@
             </div>
             <div class='body hide'>
-              {{replace body '<[^>]+>' ''}}
-<!--
-              <div class='mais-medicos'> todo seu conteudo do mais medicos vai aqui </div>
-              <div class='sinesp'> todo seu conteudo do sinesp vai aqui </div>
--->
+              {{{body}}}
             </div>
             <div class='make-proposal-container'>
               <div class='make-proposal'>
@@ -0,0 +1,112 @@
+// @import "../utilities/variables";
+
+@each $category, $color in $categories {
+  .#{$category}{
+    font-family: 'Open Sans', sans-serif;
+    font-size: 16px;
+    font-weight: 300;
+    h2 {
+      border-bottom: 1px solid #eeeff1;
+      color: $color;
+      font-size: 38px;
+      font-weight: 300;
+      padding-bottom: .5em;
+      text-transform: uppercase;
+      small {
+        display: block;
+        font-size: 16px;
+        font-weight: 300;
+        margin-top: -.5em;
+        text-transform: none;
+      }
+    }
+    h3 {
+      color: $color;
+      font-size: 28px;
+      font-weight: 300;
+      text-transform: uppercase;
+    }
+    img {
+      &.pull-left {
+        margin-right: 20px;
+      }
+      &.pull-right {
+        margin-left: 20px;
+      }
+    }
+    blockquote {
+      border-bottom: 5px solid $color;
+      border-top: 5px solid $color;
+      margin-left: 0;
+      margin-right: 0;
+      p {
+        font-size: 30px;
+      }
+    }
+    ul {
+      li {
+        border-bottom: 1px solid #e0e0e0;
+        color: $color;
+        font-size: 18px;
+        font-weight: 700;
+        padding-bottom: 1em;
+        padding-top: 1em;
+        &:last-child {
+          border-bottom: none;
+        }
+      }
+      &.list-unstyled {
+        list-style: none;
+      }
+    }
+    .row {
+      font-size: 0;
+      &:after {
+        display: block;
+        height: 0px;
+        content: "";
+        clear: both;
+        visibility: hidden;
+      }
+      .column {
+        display: inline-block;
+        font-size: 1rem;
+        vertical-align: top;
+        width: 6.25%;
+      }
+      &[class*="two column"] {
+        .column {
+          width: 50%;
+        }
+      }
+    }
+    .slide-01 {
+      img {
+        display: block;
+        margin: auto;
+      }
+    }
+    .grafico {
+      img {
+        display: block;
+        margin: auto;
+      }
+    }
+    .slide-02 {
+
+    }
+    .btn-envie-proposta a {
+      background: $color;
+      border-radius: 3px;
+      color: #fff;
+      display: block;
+      padding: 1em;
+      text-align: center;
+      text-decoration: none;
+      text-transform: uppercase;
+      .fa-reply {
+        margin-right: .7em;
+      }
+    }
+  }
+}
 \ No newline at end of file
@@ -32,6 +32,7 @@
 //Importando Programas
 @import 'programas/mais-medicos';
 @import 'programas/sinesp';
+@import 'programas/saude-rue';
 html, body {
   margin: 0;
	@@ -0,0 +1,112 @@		@@ -0,0 +1,112 @@
		1	+// @import "../utilities/variables";
		2	+
		3	+@each $category, $color in $categories {
		4	+ .#{$category}{
		5	+ font-family: 'Open Sans', sans-serif;
		6	+ font-size: 16px;
		7	+ font-weight: 300;
		8	+ h2 {
		9	+ border-bottom: 1px solid #eeeff1;
		10	+ color: $color;
		11	+ font-size: 38px;
		12	+ font-weight: 300;
		13	+ padding-bottom: .5em;
		14	+ text-transform: uppercase;
		15	+ small {
		16	+ display: block;
		17	+ font-size: 16px;
		18	+ font-weight: 300;
		19	+ margin-top: -.5em;
		20	+ text-transform: none;
		21	+ }
		22	+ }
		23	+ h3 {
		24	+ color: $color;
		25	+ font-size: 28px;
		26	+ font-weight: 300;
		27	+ text-transform: uppercase;
		28	+ }
		29	+ img {
		30	+ &.pull-left {
		31	+ margin-right: 20px;
		32	+ }
		33	+ &.pull-right {
		34	+ margin-left: 20px;
		35	+ }
		36	+ }
		37	+ blockquote {
		38	+ border-bottom: 5px solid $color;
		39	+ border-top: 5px solid $color;
		40	+ margin-left: 0;
		41	+ margin-right: 0;
		42	+ p {
		43	+ font-size: 30px;
		44	+ }
		45	+ }
		46	+ ul {
		47	+ li {
		48	+ border-bottom: 1px solid #e0e0e0;
		49	+ color: $color;
		50	+ font-size: 18px;
		51	+ font-weight: 700;
		52	+ padding-bottom: 1em;
		53	+ padding-top: 1em;
		54	+ &:last-child {
		55	+ border-bottom: none;
		56	+ }
		57	+ }
		58	+ &.list-unstyled {
		59	+ list-style: none;
		60	+ }
		61	+ }
		62	+ .row {
		63	+ font-size: 0;
		64	+ &:after {
		65	+ display: block;
		66	+ height: 0px;
		67	+ content: "";
		68	+ clear: both;
		69	+ visibility: hidden;
		70	+ }
		71	+ .column {
		72	+ display: inline-block;
		73	+ font-size: 1rem;
		74	+ vertical-align: top;
		75	+ width: 6.25%;
		76	+ }
		77	+ &[class*="two column"] {
		78	+ .column {
		79	+ width: 50%;
		80	+ }
		81	+ }
		82	+ }
		83	+ .slide-01 {
		84	+ img {
		85	+ display: block;
		86	+ margin: auto;
		87	+ }
		88	+ }
		89	+ .grafico {
		90	+ img {
		91	+ display: block;
		92	+ margin: auto;
		93	+ }
		94	+ }
		95	+ .slide-02 {
		96	+
		97	+ }
		98	+ .btn-envie-proposta a {
		99	+ background: $color;
		100	+ border-radius: 3px;
		101	+ color: #fff;
		102	+ display: block;
		103	+ padding: 1em;
		104	+ text-align: center;
		105	+ text-decoration: none;
		106	+ text-transform: uppercase;
		107	+ .fa-reply {
		108	+ margin-right: .7em;
		109	+ }
		110	+ }
		111	+ }
		112	+}
0	\ No newline at end of file	113	\ No newline at end of file
	@@ -32,6 +32,7 @@		@@ -32,6 +32,7 @@
32	//Importando Programas	32	//Importando Programas
33	@import 'programas/mais-medicos';	33	@import 'programas/mais-medicos';
34	@import 'programas/sinesp';	34	@import 'programas/sinesp';
		35	+@import 'programas/saude-rue';
35		36
36	html, body {	37	html, body {
37	margin: 0;	38	margin: 0;