diff --git a/src/app/components/programa/programa.html b/src/app/components/programa/programa.html index d959f9d..f7c5a95 100644 --- a/src/app/components/programa/programa.html +++ b/src/app/components/programa/programa.html @@ -35,6 +35,42 @@ +
+
+
+
+
+

Faça uma proposta

+

Qual a sua sugestão para melhorar este programa?

+
+
+
+
+
+
+

Apoie outras propostas

+

+ Lorem qual a sua sugestão para melhorar este programa + Lorem qual a sua sugestão para melhorar este programa + Lorem qual a sua sugestão para melhorar este programa + Lorem qual a sua sugestão para melhorar este programa + Lorem qual a sua sugestão para melhorar este programa + Lorem qual a sua sugestão para melhorar este programa? +

+
+
+
+
+
+
+
+
+
+

Bate-papo virtual com ministr@s

+
+
+
+
diff --git a/src/app/components/programa/programa.scss b/src/app/components/programa/programa.scss index 298ed1a..d5bd7db 100644 --- a/src/app/components/programa/programa.scss +++ b/src/app/components/programa/programa.scss @@ -216,7 +216,6 @@ $darken: 15%; position: relative; width: 100%; } - } .program-banner--title { @@ -244,6 +243,90 @@ $darken: 15%; } } +// .flexbox { +// .proposal-row { +// display: flex; +// flex-flow: row nowrap; +// // flex-direction: row; +// // flex-wrap: wrap; +// } + +// .proposal-box { +// // flex: 1 100%; +// flex: 1 0 auto; +// // align-items: stretch; +// } +// } +// .flexboxlegacy {} + +.row-height { + display: table; + table-layout: fixed; + height: 100%; + width: 100%; + border-spacing: 20px; +} + +.col-height { + display: table-cell; + float: none; + height: 100%; + vertical-align: top; + + border: 1px solid #000; + border-radius: 3px; + + @each $category, $color in $categories { + .#{$category} & { + border-color: $color; + } + } +} + +.inside { + margin-top: 20px; + margin-bottom: 20px; +} + +.inside-full-height { + height: 100%; + margin-top: 0; + margin-bottom: 0; +} + +.talk-proposal { + margin-top: -20px; +} + +.proposal-box { + + // padding: 10px 20px; + + .proposal-box--title { + font-size: 38px; + font-weight: 400; + text-align: center; + + margin-bottom: 20px; + } + + .proposal-box--text { + font-size: 24px; + font-weight: 700; + line-height: 1.2; + margin-bottom: 20px; + } + + @each $category, $color in $categories { + .#{$category} & { + border-color: $color; + + .proposal-box--title { + color: $color; + } + } + } +} .program-content { h2 { diff --git a/src/app/index.scss b/src/app/index.scss index 6f896c0..b4fe8f0 100644 --- a/src/app/index.scss +++ b/src/app/index.scss @@ -28,7 +28,7 @@ $categories-descriptions: (saude: "Saúde é direito de todos e dever do Estado. // ------------- body { - // font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-family: "Open Sans", sans-serif; &.contraste { color: #fff; background-color: #000; -- libgit2 0.21.2