fixes scss lint warnings

This commit is contained in:
decabeza
2017-06-13 19:07:44 +02:00
parent 450227d5e5
commit 76b7f66fb3
27 changed files with 2246 additions and 1878 deletions

View File

@@ -94,7 +94,7 @@ linters:
NestingDepth:
enabled: true
max_depth: 1
max_depth: 4
PlaceholderInExtend:
enabled: true
@@ -127,12 +127,11 @@ linters:
SelectorDepth:
enabled: true
max_depth: 3
max_depth: 5
SelectorFormat:
enabled: true
convention: hyphenated_lowercase
class_convention: '^(?:u|is|has)\-[a-z][a-zA-Z0-9]*$|^(?!u|is|has)[a-zA-Z][a-zA-Z0-9]*(?:\-[a-z][a-zA-Z0-9]*)?(?:\-\-[a-z][a-zA-Z0-9]*)?$'
Shorthand:
enabled: true

View File

@@ -53,53 +53,53 @@ $small-font-size: rem-calc(14);
$line-height: rem-calc(24);
$tiny-font-size: rem-calc(12);
$brand: #004A83;
$brand: #004a83;
$dark: darken($brand, 10%);
$text: #222222;
$text: #222;
$text-medium: #515151;
$text-light: #BFBFBF;
$text-light: #bfbfbf;
$border: #DEE0E3;
$border: #dee0e3;
$link: $brand;
$link-hover: darken($link, 20%);
$debates: $brand;
$like: #7BD2A8;
$unlike: #EF8585;
$like: #7bd2a8;
$unlike: #ef8585;
$delete: #F04124;
$check: #46DB91;
$delete: #f04124;
$check: #46db91;
$proposals: #FFA42D;
$proposals: #ffa42d;
$proposals-dark: #794500;
$budget: #7E328A;
$budget-hover: #7571BF;
$budget: #7e328a;
$budget-hover: #7571bf;
$highlight: #E7F2FC;
$light: #F5F7FA;
$featured: #FFDC5C;
$highlight: #e7f2fc;
$light: #f5f7fa;
$featured: #ffdc5c;
$footer-border: #BFC1C3;
$footer-border: #bfc1c3;
$success-bg: #DFF0D8;
$success-border: #D6E9C6;
$color-success: #3C763D;
$success-bg: #dff0d8;
$success-border: #d6e9c6;
$color-success: #3c763d;
$info-bg: #D9EDF7;
$info-border: #BCE8F1;
$color-info: #31708F;
$info-bg: #d9edf7;
$info-border: #bce8f1;
$color-info: #31708f;
$warning-bg: #FCF8E3;
$warning-border: #FAEBCC;
$color-warning: #8A6D3B;
$warning-bg: #fcf8e3;
$warning-border: #faebcc;
$color-warning: #8a6d3b;
$alert-bg: #F2DEDE;
$alert-border: #EBCCD1;
$color-alert: #A94442;
$alert-bg: #f2dede;
$alert-border: #ebccd1;
$color-alert: #a94442;
// 1. Global
@@ -118,8 +118,8 @@ $foundation-palette: (
$light-gray: #e6e6e6;
$medium-gray: #cacaca;
$dark-gray: #8a8a8a;
$black: #222222;
$white: #ffffff;
$black: #222;
$white: #fff;
$body-background: $white;
$body-font-color: $black;
$body-font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif !important;

View File

@@ -13,12 +13,13 @@
// 01. Global styles
// -----------------
$admin-color: #CF3638;
$admin-color: #cf3638;
body.admin {
.admin {
header {
.header {
border: 0;
}
.top-links {
background: darken($admin-color, 15%);
@@ -28,7 +29,6 @@ body.admin {
padding-top: $line-height / 4;
text-decoration: underline;
}
}
.top-bar {
background: $admin-color !important;
@@ -42,34 +42,17 @@ body.admin {
}
}
form {
.button {
margin-top: 0;
&.margin-top {
margin-top: $line-height;
}
}
input[type="text"], textarea {
width: 100%;
}
.fieldset {
select {
height: $line-height * 2;
}
.input-group input[type="text"] {
[type="text"] {
border-radius: 0;
margin-bottom: 0 !important;
}
}
}
table {
th {
text-align: left;
@@ -89,7 +72,7 @@ body.admin {
}
tr {
background: white;
background: #fff;
border: 1px solid $border;
&:hover {
@@ -97,7 +80,8 @@ body.admin {
}
}
td.break {
table {
.break {
word-break: break-word;
}
@@ -105,7 +89,8 @@ body.admin {
table-layout: fixed;
}
input[type="submit"] ~ a, a ~ a {
[type="submit"] ~ a,
a ~ a {
margin-left: 0;
margin-right: 0;
margin-top: $line-height / 2;
@@ -122,7 +107,7 @@ body.admin {
max-width: none;
}
.menu.simple li.active {
.menu.simple .active {
border-bottom: 2px solid $admin-color;
color: $admin-color;
}
@@ -132,10 +117,6 @@ body.admin {
padding-right: 0;
}
#proposals {
width: 100% !important;
}
.accordion-title {
font-size: $base-font-size;
}
@@ -235,9 +216,10 @@ body.admin {
padding-left: 0;
vertical-align: middle;
}
}
li {
background: white;
background: #fff;
margin: 0;
outline: 0;
@@ -254,8 +236,6 @@ body.admin {
&.active a {
background: #f3f6f7;
border-radius: rem-calc(6);
-moz-border-radius: rem-calc(6);
-webkit-border-radius: rem-calc(6);
color: $admin-color;
font-weight: bold;
}
@@ -271,17 +251,14 @@ body.admin {
&:hover {
background: #f3f6f7;
border-radius: rem-calc(6);
-moz-border-radius: rem-calc(6);
-webkit-border-radius: rem-calc(6);
color: $admin-color;
text-decoration: none;
}
}
}
.is-accordion-submenu-parent {
& > a::after {
> a::after {
border-color: $admin-color transparent transparent;
}
}
@@ -308,12 +285,14 @@ body.admin {
// -----------------
.delete {
border-bottom: 1px dotted #CF2A0E;
border-bottom: 1px dotted #cf2a0e;
color: $delete;
font-size: $small-font-size;
&:hover, &:active, &:focus {
border-bottom: 1px dotted white;
&:hover,
&:active,
&:focus {
border-bottom: 1px dotted #fff;
color: #cf2a0e;
}
}
@@ -376,8 +355,6 @@ body.admin {
&:hover {
max-height: rem-calc(1000);
transition: max-height 0.9s;
-moz-transition: max-height 0.9s;
-webkit-transition: max-height 0.9s;
}
}
@@ -385,7 +362,7 @@ body.admin {
// ---------
.stats {
background: white;
background: #fff;
}
.stats-numbers {
@@ -417,6 +394,7 @@ body.admin {
ul {
list-style-type: none;
margin-left: 0;
}
li {
font-size: rem-calc(14);
@@ -436,9 +414,10 @@ body.admin {
}
}
}
}
.account-info, .login-as, .spending-proposal-info {
.account-info,
.login-as,
.spending-proposal-info {
background-color: #e7e7e7;
border-radius: rem-calc(3);
font-size: rem-calc(16);
@@ -455,15 +434,17 @@ body.admin {
margin-bottom: 0;
}
body.admin {
.admin {
.investment-projects-list.medium-9 {
width: 100%;
}
}
.investment-projects-summary {
th, td {
th,
td {
text-align: center;
&:first-child {
@@ -486,9 +467,9 @@ body.admin {
}
}
}
}
.admin-content .select-geozone, .admin-content .select-heading {
.admin-content .select-geozone,
.admin-content .select-heading {
a {
display: block;
@@ -501,14 +482,14 @@ body.admin {
}
}
table.investment-projects-summary {
.investment-projects-summary {
td.total-price {
.total-price {
white-space: nowrap;
}
}
body.admin {
.admin {
.geozone {
background: #ececec;
@@ -551,15 +532,15 @@ table {
// ---------------
.markdown-editor {
background-color: white;
background-color: #fff;
.markdown-area,
#markdown-preview {
.markdown-preview {
display: none;
}
}
.markdown-editor #markdown-preview {
.markdown-editor .markdown-preview {
overflow-y: auto;
height: 15em;
}
@@ -577,11 +558,11 @@ table {
left: 0;
}
.markdown-editor.fullscreen #markdown-preview {
.markdown-editor.fullscreen .markdown-preview {
height: 99%;
}
.edit_legislation_draft_version .row {
.edit-legislation-draft-version .row {
margin-bottom: 2rem;
}
@@ -614,7 +595,7 @@ table {
// 08. CMS
// --------------
.cms_page_list {
.cms-page-list {
[class^="icon-"] {
padding-right: $menu-icon-spacing;
@@ -624,17 +605,18 @@ table {
.legislation-process-edit {
.edit_legislation_process {
.edit-legislation-process {
small {
color: $text-medium;
}
input[type]:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]) {
[type]:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]) {
background: $white;
}
.legislation-process-start, .legislation-process-end {
.legislation-process-start,
.legislation-process-end {
@include breakpoint(medium) {
line-height: 3rem;
}
@@ -664,7 +646,7 @@ table {
.legislation-questions-form {
input[type]:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]) {
[type]:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]) {
background: $white;
margin-bottom: 0;
@@ -673,25 +655,14 @@ table {
}
}
input::-webkit-input-placeholder {
font-style: italic;
}
input:-moz-placeholder { /* Firefox 18- */
font-style: italic;
}
input::-moz-placeholder { /* Firefox 19+ */
font-style: italic;
}
input:-ms-input-placeholder {
input::placeholder {
font-style: italic;
}
.legislation-questions-answers {
margin-bottom: 1rem;
}
}
.field {
margin-bottom: 1rem;
@@ -721,61 +692,12 @@ table {
}
}
}
}
.legislation-draft-versions-form {
.legislation-process-version {
@include breakpoint(medium) {
text-align: right;
}
}
input[type]:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]) {
background: $white;
}
.control {
cursor: pointer;
margin-bottom: 1rem;
small {
display: block;
margin-top: -1rem;
color: $text-medium;
@include breakpoint(medium) {
margin-left: 0.25rem;
display: inline-block;
margin-top: 0;
}
}
}
.fullscreen-container {
text-align: center;
background: #ccdbe6;
.markdown-editor-header,
.markdown-editor-buttons {
display: none;
}
a {
line-height: 8rem;
span {
text-decoration: none;
font-size: $small-font-size;
}
.icon-expand {
margin-left: 0.25rem;
vertical-align: sub;
text-decoration: none;
line-height: 0;
}
&:active,
&:focus,
&:hover {
@@ -784,51 +706,9 @@ table {
}
}
#legislation_draft_version_body {
font-family: $font-family-serif;
background: #f5f5f5;
height: 16em;
&:focus {
border: 1px solid #cacaca;
box-shadow: inset 0 1px 2px rgba(34, 34, 34, 0.1);
}
}
#markdown-preview {
font-family: $font-family-serif;
border: 1px solid #cacaca;
margin-bottom: 2rem;
h1, h2, h3, h4, h5, h6 {
font-family: $font-family-serif !important;
font-size: 1rem;
line-height: 1.625rem;
margin-bottom: 0;
}
p {
font-size: 1rem;
line-height: 1.625rem;
}
}
.fullscreen {
.markdown-area,
#markdown-preview {
display: block;
}
.column {
padding: 0;
}
.fullscreen-container {
text-align: left;
background: $admin-color;
padding: 0.5rem 1rem;
margin-bottom: 0;
a {
line-height: 3rem;
@@ -865,6 +745,7 @@ table {
float: right;
padding-left: 1rem;
}
}
input {
font-size: $small-font-size;
@@ -877,30 +758,129 @@ table {
margin: 0.5rem;
}
}
}
a {
color: $white;
}
}
}
#legislation_draft_version_body {
border-radius: 0;
padding: 1rem;
border: none;
.legislation-draft-versions-form {
.legislation-process-version {
@include breakpoint(medium) {
text-align: right;
}
}
[type]:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]) {
background: $white;
}
.control {
cursor: pointer;
margin-bottom: 1rem;
small {
display: block;
margin-top: -1rem;
color: $text-medium;
@include breakpoint(medium) {
padding: 1rem 2rem;
margin-left: 0.25rem;
display: inline-block;
margin-top: 0;
}
}
}
.fullscreen-container {
text-align: center;
background: #ccdbe6;
.markdown-editor-header,
.markdown-editor-buttons {
display: none;
}
span {
text-decoration: none;
font-size: $small-font-size;
}
.icon-expand {
margin-left: 0.25rem;
vertical-align: sub;
text-decoration: none;
line-height: 0;
}
}
.legislation-draft-version-body {
font-family: $font-family-serif;
background: #f5f5f5;
height: 16em;
&:focus {
border: none;
border: 1px solid #cacaca;
box-shadow: inset 0 1px 2px rgba(34, 34, 34, 0.1);
}
}
#markdown-preview {
.markdown-preview {
font-family: $font-family-serif;
border: 1px solid #cacaca;
margin-bottom: 2rem;
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: $font-family-serif !important;
font-size: 1rem;
line-height: 1.625rem;
margin-bottom: 0;
}
p {
font-size: 1rem;
line-height: 1.625rem;
}
}
.fullscreen {
.markdown-area,
.markdown-preview {
display: block;
}
.column {
padding: 0;
}
.fullscreen-container {
text-align: left;
background: $admin-color;
padding: 0.5rem 1rem;
margin-bottom: 0;
}
.legislation-draft-version-body {
border-radius: 0;
padding: 1rem;
border: none;
border: 0;
@include breakpoint(medium) {
padding: 1rem 2rem;
}
}
.markdown-preview {
padding: 1rem;
border: 0;
@include breakpoint(medium) {
padding: 1rem 2rem;
@@ -908,3 +888,9 @@ table {
}
}
}
.legislation-draft-version-body {
&:focus {
border: 0;
}
}

View File

@@ -2,9 +2,9 @@
//
.annotator-editor .annotator-controls,
.annotator-filter, .annotator-filter
.annotator-filter-navigation button {
background: #F3F3F3;
.annotator-filter,
.annotator-filter .annotator-filter-navigation button {
background: #f3f3f3;
background-image: none;
border: 0;
border-radius: 0;
@@ -14,12 +14,12 @@
}
.annotator-adder {
background-image: image-url("annotator_adder.png");
background-image: image-url('annotator_adder.png');
margin-top: -52px;
}
.annotator-widget {
background: white;
background: #fff;
border: 1px solid $border;
border-radius: 0;
bottom: $line-height;
@@ -38,12 +38,12 @@
.annotator-item,
.annotator-editor .annotator-item input:focus,
.annotator-editor .annotator-item textarea:focus {
background: white;
background: #fff;
}
.annotator-widget:after,
.annotator-editor.annotator-invert-y .annotator-widget:after {
background-image: image-url("annotator_items.png");
.annotator-widget::after,
.annotator-editor.annotator-invert-y .annotator-widget::after {
background-image: image-url('annotator_items.png');
}
.annotator-editor a,
@@ -54,7 +54,7 @@
.annotator-editor a {
background: none;
background-image: none;
border: none;
border: 0;
box-shadow: none;
color: $link;
font-family: $body-font-family;
@@ -63,7 +63,9 @@
text-shadow: none;
padding: 0;
&:hover, &:active, &:focus {
&:hover,
&:active,
&:focus {
background: none;
background-image: none;
color: $link-hover;
@@ -71,28 +73,28 @@
text-shadow: none;
}
&:after {
&::after {
content: none;
}
&.annotator-cancel {
background: #F04124;
color: white;
background: #f04124;
color: #fff;
padding: $line-height / 4 $line-height / 2;
&:hover {
background: darken(#F04124, 20);
background: darken(#f04124, 20);
text-decoration: none;
}
}
&.annotator-save {
background: #43AC6A;
color: white;
background: #43ac6a;
color: #fff;
padding: $line-height / 4 $line-height / 2;
&:hover {
background: darken(#43AC6A, 20);
background: darken(#43ac6a, 20);
text-decoration: none;
}
}
@@ -104,19 +106,23 @@
}
.annotator-hl.weight-1 {
background: #FFF9DA;
background: #fff9da;
}
.annotator-hl.weight-2 {
background: #FFF5BC;
background: #fff5bc;
}
.annotator-hl.weight-3 {
background: #FFF1A2;
background: #fff1a2;
}
.annotator-hl.weight-4 {
background: #FFEF8C;
background: #ffef8c;
}
.annotator-hl.weight-5 {
background: #FFE95F;
background: #ffe95f;
}
.current-annotation {

View File

@@ -1,17 +1,17 @@
@import "social-share-button";
@import "foundation_and_overrides";
@import "fonts";
@import "icons";
@import "mixins";
@import "admin";
@import "layout";
@import "participation";
@import "pages";
@import "legislation";
@import "legislation_process";
@import "custom";
@import "c3";
@import "annotator.min";
@import "annotator_overrides";
@import "jquery-ui/datepicker";
@import "datepicker_overrides";
@import 'social-share-button';
@import 'foundation_and_overrides';
@import 'fonts';
@import 'icons';
@import 'mixins';
@import 'admin';
@import 'layout';
@import 'participation';
@import 'pages';
@import 'legislation';
@import 'legislation_process';
@import 'custom';
@import 'c3';
@import 'annotator.min';
@import 'annotator_overrides';
@import 'jquery-ui/datepicker';
@import 'datepicker_overrides';

View File

@@ -3,7 +3,7 @@
.ui-datepicker-header {
background: $brand;
color: white;
color: #fff;
font-weight: bold;
}
@@ -14,9 +14,17 @@
color: $text;
}
.ui-state-hover, .ui-state-active {
.ui-state-hover,
.ui-state-active {
background: $brand;
color: white;
color: #fff;
}
thead {
tr th {
color: $dark;
}
}
}
@@ -32,8 +40,9 @@
right: 12px;
}
.ui-datepicker-prev, .ui-datepicker-next {
color: white;
.ui-datepicker-prev,
.ui-datepicker-next {
color: #fff;
cursor: pointer;
font-weight: normal;
font-size: $small-font-size;
@@ -44,22 +53,13 @@
table {
border: 1px solid $border;
border-top: 0;
thead {
background: $dark;
border-left: 1px solid $dark;
border-right: 1px solid $dark;
tr th {
color: $dark;
}
}
tr {
border-bottom: 1px solid $border;
&:last-child {
border-bottom: 0px;
border-bottom: 0;
}
&:nth-child(odd) {
@@ -72,23 +72,23 @@
border-right: 1px solid $border;
&:last-child {
border-right: 0px;
border-right: 0;
}
span, a {
span,
a {
text-align: center;
line-height: $line-height;
color: $text;
}
}
}
&.ui-datepicker-unselectable.ui-state-disabled {
background: white;
.ui-datepicker-unselectable.ui-state-disabled {
background: #fff;
.ui-state-default {
background: #F8F8F8;
background: #f8f8f8;
color: $text-medium;
}
}
}
}
}

View File

@@ -16,7 +16,7 @@
font-url('sourcesanspro-light-webfont.woff2') format('woff2'),
font-url('sourcesanspro-light-webfont.woff') format('woff'),
font-url('sourcesanspro-light-webfont.ttf') format('truetype'),
font-url('sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg')
font-url('sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
}
@font-face {
@@ -67,7 +67,7 @@
font-url('lato-light.ttf') format('truetype'),
font-url('lato-light.svg#latolight') format('svg');
font-weight: lighter;
font-style: normal
font-style: normal;
}
@font-face {
@@ -79,7 +79,7 @@
font-url('lato-regular.ttf') format('truetype'),
font-url('lato-regular.svg#latoregular') format('svg');
font-weight: normal;
font-style: normal
font-style: normal;
}
@font-face {
@@ -91,5 +91,5 @@
font-url('lato-bold.ttf') format('truetype'),
font-url('lato-bold.svg#latobold') format('svg');
font-weight: bold;
font-style: normal
font-style: normal;
}

View File

@@ -1,4 +1,5 @@
@charset "UTF-8";
@font-face {
font-family: 'icons';
src: font-url('icons.eot');
@@ -9,7 +10,8 @@
font-weight: normal;
font-style: normal;
}
[data-icon]:before {
[data-icon]::before {
font-family: "icons" !important;
content: attr(data-icon);
font-style: normal !important;
@@ -21,8 +23,9 @@
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
[class^="icon-"]::before,
[class*=" icon-"]::before {
font-family: "icons" !important;
font-style: normal !important;
font-weight: normal !important;
@@ -33,168 +36,223 @@
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-angle-down:before {
content: "\61";
.icon-angle-down::before {
content: '\61';
}
.icon-angle-left:before {
content: "\62";
.icon-angle-left::before {
content: '\62';
}
.icon-angle-right:before {
content: "\63";
.icon-angle-right::before {
content: '\63';
}
.icon-angle-up:before {
content: "\64";
.icon-angle-up::before {
content: '\64';
}
.icon-comments:before {
content: "\65";
.icon-comments::before {
content: '\65';
}
.icon-twitter:before {
content: "\66";
.icon-twitter::before {
content: '\66';
}
.icon-calendar:before {
content: "\67";
.icon-calendar::before {
content: '\67';
}
.icon-debates:before {
content: "\69";
.icon-debates::before {
content: '\69';
}
.icon-unlike:before {
content: "\6a";
.icon-unlike::before {
content: '\6a';
}
.icon-like:before {
content: "\6b";
.icon-like::before {
content: '\6b';
}
.icon-check:before {
content: "\6c";
.icon-check::before {
content: '\6c';
}
.icon-edit:before {
content: "\6d";
.icon-edit::before {
content: '\6d';
}
.icon-user:before {
content: "\6f";
.icon-user::before {
content: '\6f';
}
.icon-settings:before {
content: "\71";
.icon-settings::before {
content: '\71';
}
.icon-stats:before {
content: "\72";
.icon-stats::before {
content: '\72';
}
.icon-proposals:before {
content: "\68";
.icon-proposals::before {
content: '\68';
}
.icon-organizations:before {
content: "\73";
.icon-organizations::before {
content: '\73';
}
.icon-deleted:before {
content: "\74";
.icon-deleted::before {
content: '\74';
}
.icon-tag:before {
content: "\75";
.icon-tag::before {
content: '\75';
}
.icon-eye:before {
content: "\70";
.icon-eye::before {
content: '\70';
}
.icon-x:before {
content: "\76";
.icon-x::before {
content: '\76';
}
.icon-flag:before {
content: "\77";
.icon-flag::before {
content: '\77';
}
.icon-comment:before {
content: "\79";
.icon-comment::before {
content: '\79';
}
.icon-reply:before {
content: "\7a";
.icon-reply::before {
content: '\7a';
}
.icon-facebook:before {
content: "\41";
.icon-facebook::before {
content: '\41';
}
.icon-google-plus:before {
content: "\42";
.icon-google-plus::before {
content: '\42';
}
.icon-search:before {
content: "\45";
.icon-search::before {
content: '\45';
}
.icon-external:before {
content: "\46";
.icon-external::before {
content: '\46';
}
.icon-video:before {
content: "\44";
.icon-video::before {
content: '\44';
}
.icon-document:before {
content: "\47";
.icon-document::before {
content: '\47';
}
.icon-print:before {
content: "\48";
.icon-print::before {
content: '\48';
}
.icon-blog:before {
content: "\4a";
.icon-blog::before {
content: '\4a';
}
.icon-box:before {
content: "\49";
.icon-box::before {
content: '\49';
}
.icon-youtube:before {
content: "\4b";
.icon-youtube::before {
content: '\4b';
}
.icon-letter:before {
content: "\4c";
.icon-letter::before {
content: '\4c';
}
.icon-circle:before {
content: "\43";
.icon-circle::before {
content: '\43';
}
.icon-circle-o:before {
content: "\4d";
.icon-circle-o::before {
content: '\4d';
}
.icon-help:before {
content: "\4e";
.icon-help::before {
content: '\4e';
}
.icon-budget:before {
content: "\53";
.icon-budget::before {
content: '\53';
}
.icon-notification:before {
content: "\6e";
.icon-notification::before {
content: '\6e';
}
.icon-no-notification:before {
content: "\78";
.icon-no-notification::before {
content: '\78';
}
.icon-whatsapp:before {
content: "\50";
.icon-whatsapp::before {
content: '\50';
}
.icon-zip:before {
content: "\4f";
.icon-zip::before {
content: '\4f';
}
.icon-banner:before {
content: "\51";
.icon-banner::before {
content: '\51';
}
.icon-arrow-down:before {
content: "\52";
.icon-arrow-down::before {
content: '\52';
}
.icon-arrow-left:before {
content: "\54";
.icon-arrow-left::before {
content: '\54';
}
.icon-arrow-right:before {
content: "\55";
.icon-arrow-right::before {
content: '\55';
}
.icon-check-circle:before {
content: "\56";
.icon-check-circle::before {
content: '\56';
}
.icon-arrow-top:before {
content: "\57";
.icon-arrow-top::before {
content: '\57';
}
.icon-checkmark-circle:before {
content: "\59";
.icon-checkmark-circle::before {
content: '\59';
}
.icon-minus-square:before {
content: "\58";
.icon-minus-square::before {
content: '\58';
}
.icon-plus-square:before {
content: "\5a";
.icon-plus-square::before {
content: '\5a';
}
.icon-expand:before {
content: "\30";
.icon-expand::before {
content: '\30';
}
.icon-telegram:before {
content: "\31";
.icon-telegram::before {
content: '\31';
}
.icon-instagram:before {
content: "\32";
.icon-instagram::before {
content: '\32';
}

View File

@@ -8,7 +8,9 @@
// 01. Global styles
// -----------------
*, *:before, *:after {
*,
*::before,
*::after {
box-sizing: border-box !important;
}
@@ -23,96 +25,344 @@
display: block !important;
}
.column, .columns {
.column,
.columns {
display: inline-block !important;
float: none !important;
box-sizing: border-box !important;
}
.small-1, .row .small-1 { width: 7.33333%; }
.small-2, .row .small-2 { width: 15.66667%; }
.small-3, .row .small-3 { width: 24%; }
.small-4, .row .small-4 { width: 32.33333%; }
.small-5, .row .small-5 { width: 40.66667%; }
.small-6, .row .small-6 { width: 49%; }
.small-7, .row .small-7 { width: 57.33333%; }
.small-8, .row .small-8 { width: 65.66667%; }
.small-9, .row .small-9 { width: 74%; }
.small-10, .row .small-10 { width: 82.33333%; }
.small-11, .row .small-11 { width: 90.66667%; }
.small-12, .row .small-12 { width: 99%; }
.small-1,
.row .small-1 {
width: 7.33333%;
}
.medium-1, .row .medium-1 { width: 7.33333%; }
.medium-2, .row .medium-2 { width: 15.66667%; }
.medium-3, .row .medium-3 { width: 24%; }
.medium-4, .row .medium-4 { width: 32.33333%; }
.medium-5, .row .medium-5 { width: 40.66667%; }
.medium-6, .row .medium-6 { width: 49%; }
.medium-7, .row .medium-7 { width: 57.33333%; }
.medium-8, .row .medium-8 { width: 65.66667%; }
.medium-9, .row .medium-9 { width: 74%; }
.medium-10, .row .medium-10 { width: 82.33333%; }
.medium-11, .row .medium-11 { width: 90.66667%; }
.medium-12, .row .medium-12 { width: 99%; }
.small-2,
.row .small-2 {
width: 15.66667%;
}
.large-1, .row .large-1 { width: 7.33333%; }
.large-2, .row .large-2 { width: 15.66667%; }
.large-3, .row .large-3 { width: 24%; }
.large-4, .row .large-4 { width: 32.33333%; }
.large-5, .row .large-5 { width: 40.66667%; }
.large-6, .row .large-6 { width: 49%; }
.large-7, .row .large-7 { width: 57.33333%; }
.large-8, .row .large-8 { width: 65.66667%; }
.large-9, .row .large-9 { width: 74%; }
.large-10, .row .large-10 { width: 82.33333%; }
.large-11, .row .large-11 { width: 90.66667%; }
.large-12, .row .large-12 { width: 99%; }
.small-3,
.row .small-3 {
width: 24%;
}
.row .small-offset-1 { margin-left: 7.33333%; }
.row .small-offset-2 { margin-left: 15.66667%; }
.row .small-offset-3 { margin-left: 24%; }
.row .small-offset-4 { margin-left: 32.33333%; }
.row .small-offset-5 { margin-left: 40.66667%; }
.row .small-offset-6 { margin-left: 49%; }
.row .small-offset-7 { margin-left: 57.33333%; }
.row .small-offset-8 { margin-left: 65.66667%; }
.row .small-offset-9 { margin-left: 74%; }
.row .small-offset-10 { margin-left: 82.33333%; }
.row .small-offset-11 { margin-left: 90.66667%; }
.row .small-offset-12 { margin-left: 99%; }
.small-4,
.row .small-4 {
width: 32.33333%;
}
.row .medium-offset-1 { margin-left: 7.33333%; }
.row .medium-offset-2 { margin-left: 15.66667%; }
.row .medium-offset-3 { margin-left: 24%; }
.row .medium-offset-4 { margin-left: 32.33333%; }
.row .medium-offset-5 { margin-left: 40.66667%; }
.row .medium-offset-6 { margin-left: 49%; }
.row .medium-offset-7 { margin-left: 57.33333%; }
.row .medium-offset-8 { margin-left: 65.66667%; }
.row .medium-offset-9 { margin-left: 74%; }
.row .medium-offset-10 { margin-left: 82.33333%; }
.row .medium-offset-11 { margin-left: 90.66667%; }
.row .medium-offset-12 { margin-left: 99%; }
.small-5,
.row .small-5 {
width: 40.66667%;
}
.row .large-offset-1 { margin-left: 7.33333%; }
.row .large-offset-2 { margin-left: 15.66667%; }
.row .large-offset-3 { margin-left: 24%; }
.row .large-offset-4 { margin-left: 32.33333%; }
.row .large-offset-5 { margin-left: 40.66667%; }
.row .large-offset-6 { margin-left: 49%; }
.row .large-offset-7 { margin-left: 57.33333%; }
.row .large-offset-8 { margin-left: 65.66667%; }
.row .large-offset-9 { margin-left: 74%; }
.row .large-offset-10 { margin-left: 82.33333%; }
.row .large-offset-11 { margin-left: 90.66667%; }
.row .large-offset-12 { margin-left: 99%; }
.small-6,
.row .small-6 {
width: 49%;
}
.small-7,
.row .small-7 {
width: 57.33333%;
}
.small-8,
.row .small-8 {
width: 65.66667%;
}
.small-9,
.row .small-9 {
width: 74%;
}
.small-10,
.row .small-10 {
width: 82.33333%;
}
.small-11,
.row .small-11 {
width: 90.66667%;
}
.small-12,
.row .small-12 {
width: 99%;
}
.medium-1,
.row .medium-1 {
width: 7.33333%;
}
.medium-2,
.row .medium-2 {
width: 15.66667%;
}
.medium-3,
.row .medium-3 {
width: 24%;
}
.medium-4,
.row .medium-4 {
width: 32.33333%;
}
.medium-5,
.row .medium-5 {
width: 40.66667%;
}
.medium-6,
.row .medium-6 {
width: 49%;
}
.medium-7,
.row .medium-7 {
width: 57.33333%;
}
.medium-8,
.row .medium-8 {
width: 65.66667%;
}
.medium-9,
.row .medium-9 {
width: 74%;
}
.medium-10,
.row .medium-10 {
width: 82.33333%;
}
.medium-11,
.row .medium-11 {
width: 90.66667%;
}
.medium-12,
.row .medium-12 {
width: 99%;
}
.large-1,
.row .large-1 {
width: 7.33333%;
}
.large-2,
.row .large-2 {
width: 15.66667%;
}
.large-3,
.row .large-3 {
width: 24%;
}
.large-4,
.row .large-4 {
width: 32.33333%;
}
.large-5,
.row .large-5 {
width: 40.66667%;
}
.large-6,
.row .large-6 {
width: 49%;
}
.large-7,
.row .large-7 {
width: 57.33333%;
}
.large-8,
.row .large-8 {
width: 65.66667%;
}
.large-9,
.row .large-9 {
width: 74%;
}
.large-10,
.row .large-10 {
width: 82.33333%;
}
.large-11,
.row .large-11 {
width: 90.66667%;
}
.large-12,
.row .large-12 {
width: 99%;
}
.row .small-offset-1 {
margin-left: 7.33333%;
}
.row .small-offset-2 {
margin-left: 15.66667%;
}
.row .small-offset-3 {
margin-left: 24%;
}
.row .small-offset-4 {
margin-left: 32.33333%;
}
.row .small-offset-5 {
margin-left: 40.66667%;
}
.row .small-offset-6 {
margin-left: 49%;
}
.row .small-offset-7 {
margin-left: 57.33333%;
}
.row .small-offset-8 {
margin-left: 65.66667%;
}
.row .small-offset-9 {
margin-left: 74%;
}
.row .small-offset-10 {
margin-left: 82.33333%;
}
.row .small-offset-11 {
margin-left: 90.66667%;
}
.row .small-offset-12 {
margin-left: 99%;
}
.row .medium-offset-1 {
margin-left: 7.33333%;
}
.row .medium-offset-2 {
margin-left: 15.66667%;
}
.row .medium-offset-3 {
margin-left: 24%;
}
.row .medium-offset-4 {
margin-left: 32.33333%;
}
.row .medium-offset-5 {
margin-left: 40.66667%;
}
.row .medium-offset-6 {
margin-left: 49%;
}
.row .medium-offset-7 {
margin-left: 57.33333%;
}
.row .medium-offset-8 {
margin-left: 65.66667%;
}
.row .medium-offset-9 {
margin-left: 74%;
}
.row .medium-offset-10 {
margin-left: 82.33333%;
}
.row .medium-offset-11 {
margin-left: 90.66667%;
}
.row .medium-offset-12 {
margin-left: 99%;
}
.row .large-offset-1 {
margin-left: 7.33333%;
}
.row .large-offset-2 {
margin-left: 15.66667%;
}
.row .large-offset-3 {
margin-left: 24%;
}
.row .large-offset-4 {
margin-left: 32.33333%;
}
.row .large-offset-5 {
margin-left: 40.66667%;
}
.row .large-offset-6 {
margin-left: 49%;
}
.row .large-offset-7 {
margin-left: 57.33333%;
}
.row .large-offset-8 {
margin-left: 65.66667%;
}
.row .large-offset-9 {
margin-left: 74%;
}
.row .large-offset-10 {
margin-left: 82.33333%;
}
.row .large-offset-11 {
margin-left: 90.66667%;
}
.row .large-offset-12 {
margin-left: 99%;
}
.top-bar {
clear: both !important;
height: 100px !important;
}
.locale, .external-links {
.locale,
.external-links {
background: #002d50 !important;
}
@@ -121,11 +371,12 @@
}
.external-links {
color: white !important;
color: #fff !important;
float: right !important;
}
.top-bar-title, .top-bar-title a, .top-bar-title a {
.top-bar-title,
.top-bar-title a {
display: inline-block !important;
float: none !important;
}
@@ -140,28 +391,29 @@
margin: 0 !important;
position: inherit !important;
&:after {
&::after {
content: none !important;
}
}
form {
input, textarea {
input,
textarea {
height: 48px !important;
line-height: 48px !important;
margin-bottom: 24px !important;
width: 100% !important;
}
input[type="checkbox"],
input[type="radio"] {
[type="checkbox"],
[type="radio"] {
height: auto !important;
line-height: inherit !important;
width: auto !important;
}
input[type="radio"] {
[type="radio"] {
width: 18px !important;
}
}
@@ -184,16 +436,17 @@ form {
// 02. Admin
// ---------
body.admin form {
.admin form {
input[type="text"], textarea {
[type="text"],
textarea {
height: 48px !important;
line-height: 48px !important;
margin-bottom: 24px !important;
}
}
.admin-sidebar ul [class^="icon-"] {
.admin-sidebar [class^="icon-"] {
padding-left: 12px !important;
padding-right: 12px !important;
}

File diff suppressed because it is too large Load Diff

View File

@@ -18,7 +18,7 @@
h4 {
font-weight: 400;
text-align: center;
color: white;
color: #fff;
}
}
}
@@ -28,7 +28,7 @@
.legislation-categories {
.menu.simple {
border-bottom: none;
border-bottom: 0;
list-style: none;
padding-left: 0;
margin-left: 0;
@@ -37,6 +37,7 @@
@include breakpoint(medium) {
margin: 1.5rem 0;
}
}
li {
display: block;
@@ -47,9 +48,8 @@
margin-bottom: 2rem;
max-width: 80%;
}
}
li.active {
&.active {
font-weight: 700;
}
}
@@ -58,14 +58,14 @@
// 03. Legislation cards
// -----------------
.legislation {
margin: 0 0 $line-height 0;
background: white;
margin: 0 0 $line-height;
background: #fff;
border: 1px solid;
border-color: #e5e6e9 #dfe0e4 #d0d1d5;
border-radius: 0;
box-shadow: 0px 1px 3px 0 #DEE0E3;
box-shadow: 0 1px 3px 0 #dee0e3;
min-height: 12rem;
padding: 2rem 0 0 0;
padding: 2rem 0 0;
}
.legislation-text {
@@ -83,13 +83,13 @@
}
.legislation-calendar {
background: #E5ECF2;
background: #e5ecf2;
padding-top: 1rem;
h5 {
margin-left: 0.25rem;
margin-bottom: 0;
color: #61686E;
color: #61686e;
@include breakpoint(medium) {
margin-left: 0;

View File

@@ -16,7 +16,7 @@
// -----------------
.grey-heading {
background: #E6E6E6;
background: #e6e6e6;
}
$epigraph-font-size: rem-calc(15);
@@ -39,15 +39,15 @@ $epigraph-line-height: rem-calc(22);
list-style: none;
margin-left: 0;
li:before {
li::before {
vertical-align: text-bottom;
padding-right: 0.5rem;
content: "";
color: #8AA8BE;
content: '';
color: #8aa8be;
}
}
#debate-show {
.legislation-debate-show {
display: none;
}
@@ -82,12 +82,9 @@ $epigraph-line-height: rem-calc(22);
}
.half-gradient {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+0,e6e6e6+50,ffffff+50 */
background: #e6e6e6; /* Old browsers */
background: -moz-linear-gradient(top, #e6e6e6 0%, #e6e6e6 50%, #ffffff 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e6e6e6 0%,#e6e6e6 50%,#ffffff 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e6e6e6 0%,#e6e6e6 50%,#ffffff 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
background: #e6e6e6;
background: linear-gradient(to bottom, #e6e6e6 0%, #e6e6e6 50%, #fff 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#fff', GradientType=0);
}
.text-center .button {
@@ -115,6 +112,7 @@ $epigraph-line-height: rem-calc(22);
ul {
font-size: $epigraph-font-size;
line-height: $epigraph-line-height;
}
li {
margin-bottom: 1rem;
@@ -124,7 +122,6 @@ $epigraph-line-height: rem-calc(22);
margin-bottom: 0;
}
}
}
h4 {
font-size: $base-font-size;
@@ -134,6 +131,11 @@ $epigraph-line-height: rem-calc(22);
.button-subscribe {
margin-top: 1rem;
@include breakpoint(medium) {
padding: 0.5em 1em;
margin-top: 3rem;
}
h3 {
margin-bottom: 0;
}
@@ -144,12 +146,7 @@ $epigraph-line-height: rem-calc(22);
}
&:hover h3 {
color: white;
}
@include breakpoint(medium) {
padding: 0.5em 1em;
margin-top: 3rem;
color: #fff;
}
}
}
@@ -161,7 +158,7 @@ $epigraph-line-height: rem-calc(22);
.legislation-process-list {
border-bottom: 1px solid $medium-gray;
margin: 0 1rem 1rem 1rem;
margin: 0 1rem 1rem;
padding-top: 4rem;
@include breakpoint(medium) {
@@ -190,6 +187,7 @@ $epigraph-line-height: rem-calc(22);
left: -1rem;
}
}
}
li {
cursor: pointer;
@@ -215,12 +213,13 @@ $epigraph-line-height: rem-calc(22);
a,
h4 {
display: block;
color: #6D6D6D;
color: #6d6d6d;
margin-bottom: 0;
}
a {
&:hover, &:active {
&:hover,
&:active {
text-decoration: none;
}
@@ -239,7 +238,6 @@ $epigraph-line-height: rem-calc(22);
}
}
}
}
// 04. Debate list
// -----------------
@@ -269,21 +267,21 @@ $epigraph-line-height: rem-calc(22);
.debate-title a {
color: $brand;
}
}
.debate-meta,
.debate-meta a {
font-size: $small-font-size;
color: #6D6D6D;
color: #6d6d6d;
.icon-comments {
margin-right: 0.2rem;
}
}
}
.debate-info {
padding: 1rem;
background: #F4F4F4;
background: #f4f4f4;
}
}
@@ -297,13 +295,14 @@ $epigraph-line-height: rem-calc(22);
.quiz-header {
margin-bottom: 2rem;
.quiz-title, .quiz-next {
.quiz-title,
.quiz-next {
padding: 1rem;
height: 6rem;
}
.quiz-title {
background: #E5ECF2;
background: #e5ecf2;
.quiz-header-title {
margin-bottom: 0;
@@ -324,12 +323,13 @@ $epigraph-line-height: rem-calc(22);
.quiz-next-link {
display: block;
&:hover, &:active {
&:hover,
&:active {
text-decoration: none;
}
.quiz-next {
background: #CCDBE5;
background: #ccdbe5;
font-weight: 700;
color: $brand;
font-size: $small-font-size;
@@ -341,13 +341,14 @@ $epigraph-line-height: rem-calc(22);
vertical-align: sub;
}
&:hover, &:active {
&:hover,
&:active {
text-decoration: none;
background: $brand;
color: white;
color: #fff;
.icon-angle-right {
color: white;
color: #fff;
}
}
}
@@ -380,8 +381,8 @@ $epigraph-line-height: rem-calc(22);
}
.active {
background: #CCDBE6;
border: none;
background: #ccdbe6;
border: 0;
}
.control input {
@@ -392,7 +393,7 @@ $epigraph-line-height: rem-calc(22);
.control input:checked ~ .control-indicator {
background-color: $brand;
border: none;
border: 0;
}
.radio .control-indicator {
@@ -409,11 +410,8 @@ $epigraph-line-height: rem-calc(22);
line-height: 1rem;
font-size: 65%;
text-align: center;
border: 2px solid #9C9C9C;
border: 2px solid #9c9c9c;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}
@@ -422,9 +420,9 @@ $epigraph-line-height: rem-calc(22);
// 06. Legislation draft
// -----------------
.debate-draft {
padding: 10rem 2rem 15rem 2rem;
padding: 10rem 2rem 15rem;
display: block;
background: #F2F2F2;
background: #f2f2f2;
button {
height: 90px;
@@ -445,7 +443,7 @@ $epigraph-line-height: rem-calc(22);
.legislation-allegation {
padding-top: 1rem;
#debate-show {
.legislation-debate-show {
margin-top: 2rem;
}
@@ -459,7 +457,7 @@ $epigraph-line-height: rem-calc(22);
.button-circle {
line-height: 0;
padding: 0em;
padding: 0;
width: 30px;
height: 30px;
border-radius: 50%;
@@ -467,7 +465,7 @@ $epigraph-line-height: rem-calc(22);
span {
padding-left: 1px;
&:before {
&::before {
line-height: 1.55;
}
}
@@ -482,8 +480,12 @@ $epigraph-line-height: rem-calc(22);
.button-subscribed {
margin-top: 1rem;
border: 1px solid #D1D1D1;
background: #F2F2F2;
border: 1px solid #d1d1d1;
background: #f2f2f2;
@include breakpoint(medium) {
padding: 0.5em 1em;
}
h3 {
display: inline-block;
@@ -499,10 +501,6 @@ $epigraph-line-height: rem-calc(22);
&:hover h3 {
color: $text;
}
@include breakpoint(medium) {
padding: 0.5em 1em;
}
}
}
@@ -547,7 +545,7 @@ $epigraph-line-height: rem-calc(22);
a {
text-decoration: underline;
color: $text-medium
color: $text-medium;
}
}
}
@@ -585,12 +583,12 @@ $epigraph-line-height: rem-calc(22);
}
.calc-text {
width: calc(65% - 25px)
width: calc(65% - 25px);
}
.calc-comments {
cursor: pointer;
background: #F2F2F2;
background: #f2f2f2;
width: 50px;
.draft-panel {
@@ -618,7 +616,7 @@ $epigraph-line-height: rem-calc(22);
font-weight: 700;
padding: 0.5rem 1rem;
color: #696969;
background: #F2F2F2;
background: #f2f2f2;
font-size: $small-font-size;
.icon-comments {
@@ -647,21 +645,23 @@ $epigraph-line-height: rem-calc(22);
li {
margin-bottom: 1rem;
}
.open::before {
cursor: pointer;
position: absolute;
margin-left: -1.25rem;
font-family: "icons";
content: "\58";
font-family: 'icons';
content: '\58';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.closed::before {
cursor: pointer;
position: absolute;
margin-left: -1.25rem;
font-family: "icons";
content: "\5a";
font-family: 'icons';
content: '\5a';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@@ -689,7 +689,7 @@ $epigraph-line-height: rem-calc(22);
.anchor::before {
display: none;
content: "#";
content: '#';
color: $text-medium;
position: absolute;
left: 0;
@@ -732,10 +732,7 @@ $epigraph-line-height: rem-calc(22);
font-weight: 700;
color: #696969;
margin-top: 4rem;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
}
@@ -746,7 +743,7 @@ $epigraph-line-height: rem-calc(22);
.comments-on {
.calc-index {
width: 50px;
background: #F2F2F2;
background: #f2f2f2;
cursor: pointer;
.panel-title {
@@ -766,10 +763,7 @@ $epigraph-line-height: rem-calc(22);
font-weight: 700;
color: #696969;
margin-top: $line-height;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
.panel-title {
@@ -781,11 +775,11 @@ $epigraph-line-height: rem-calc(22);
.calc-text {
width: calc(65% - 25px);
border-right: none;
border-right: 0;
.show-comments {
width: 105%;
background: #FAFAFA;
background: #fafafa;
padding: 0.25rem 2.5rem 0.25rem 0.25rem;
border: 1px solid $border;
margin-bottom: 1rem;
@@ -798,7 +792,7 @@ $epigraph-line-height: rem-calc(22);
}
.calc-comments {
background: white;
background: #fff;
cursor: auto;
width: calc(35% - 25px);
@@ -810,7 +804,7 @@ $epigraph-line-height: rem-calc(22);
display: none;
}
#comments-box {
.comments-box-container {
position: absolute;
top: 230px;
}
@@ -818,7 +812,7 @@ $epigraph-line-height: rem-calc(22);
.comment-box {
width: 375px;
padding: 1rem;
background: #F9F9F9;
background: #f9f9f9;
border: 1px solid $border;
display: block;
margin-bottom: 2rem;
@@ -868,7 +862,7 @@ $epigraph-line-height: rem-calc(22);
.participation-not-allowed {
font-size: 0.875rem;
height: 50px;
padding: .85rem 0.75rem;
padding: 0.85rem 0.75rem;
top: -18px;
}
}
@@ -880,21 +874,21 @@ $epigraph-line-height: rem-calc(22);
border-bottom: 1px solid $border;
.comment-advice {
border-top: 1px solid #D0D0D0;
border-right: 1px solid #D0D0D0;
border-left: 1px solid #D0D0D0;
border-top: 1px solid #d0d0d0;
border-right: 1px solid #d0d0d0;
border-left: 1px solid #d0d0d0;
width: 100%;
padding: 0.5rem;
display: inline-block;
font-size: $small-font-size;
background: #DFDFDF;
background: #dfdfdf;
.icon-proposals {
color: #838383;
}
a {
color: #87A3B9;
color: #87a3b9;
text-decoration: underline;
}
}
@@ -902,9 +896,9 @@ $epigraph-line-height: rem-calc(22);
textarea {
border-radius: 0;
box-shadow: none;
border-bottom: 1px solid #D0D0D0;
border-right: 1px solid #D0D0D0;
border-left: 1px solid #D0D0D0;
border-bottom: 1px solid #d0d0d0;
border-right: 1px solid #d0d0d0;
border-left: 1px solid #d0d0d0;
width: 100%;
height: 200px;
margin-bottom: 0.5rem;
@@ -912,7 +906,7 @@ $epigraph-line-height: rem-calc(22);
.comment-actions {
.cancel-comment {
color: #87A3B9;
color: #87a3b9;
text-decoration: underline;
font-size: $small-font-size;
display: inline-block;
@@ -948,10 +942,11 @@ $epigraph-line-height: rem-calc(22);
display: inline-block;
&::after {
content: "|";
content: '|';
color: #838383;
}
}
.comment-replies {
display: inline-block;
}
@@ -968,14 +963,14 @@ $epigraph-line-height: rem-calc(22);
&::after {
margin-left: 0.25rem;
content: "|";
content: '|';
}
}
.icon-like,
.icon-unlike {
cursor: pointer;
color: #C7C7C7;
color: #c7c7c7;
&:hover,
&:active,
@@ -993,8 +988,8 @@ $epigraph-line-height: rem-calc(22);
}
.draft-panel {
background: #E5E5E5;
border-left: 1px solid #D4D4D4;
background: #e5e5e5;
border-left: 1px solid #d4d4d4;
.panel-title {
display: inline-block;
@@ -1022,7 +1017,7 @@ $epigraph-line-height: rem-calc(22);
&::before {
margin-right: 0.25rem;
content: ""
content: '';
}
.changes-link {
@@ -1041,7 +1036,7 @@ $epigraph-line-height: rem-calc(22);
.icon-external {
text-decoration: none;
color: #999999;
color: #999;
line-height: 0;
vertical-align: sub;
margin-left: 0.5rem;
@@ -1067,9 +1062,9 @@ $epigraph-line-height: rem-calc(22);
}
.comment-section {
background: #FAFAFA;
background: #fafafa;
padding: 1rem;
border: 1px solid #DEE0E3;
border: 1px solid #dee0e3;
margin-top: 0.25rem;
margin-bottom: 1rem;
}
@@ -1085,7 +1080,7 @@ $epigraph-line-height: rem-calc(22);
.icon-expand,
.icon-comments {
text-decoration: none;
color: #999999;
color: #999;
line-height: 0;
}
@@ -1119,9 +1114,9 @@ $epigraph-line-height: rem-calc(22);
}
.comment-section {
background: #FAFAFA;
background: #fafafa;
padding: 1rem;
border: 1px solid #DEE0E3;
border: 1px solid #dee0e3;
margin-top: 0.25rem;
margin-bottom: 1rem;
}
@@ -1137,7 +1132,7 @@ $epigraph-line-height: rem-calc(22);
.icon-expand,
.icon-comments {
text-decoration: none;
color: #999999;
color: #999;
line-height: 0;
}

View File

@@ -7,7 +7,7 @@
// --------
@mixin logo {
color: white;
color: #fff;
display: inline-block;
font-family: 'Lato' !important;
font-size: rem-calc(24);

View File

@@ -16,7 +16,7 @@
padding-top: $line-height;
&.light {
background: #ECF0F1;
background: #ecf0f1;
}
}
@@ -50,7 +50,7 @@
color: $brand;
}
.additional-info {
.additional-info {
margin-bottom: $line-height;
}
@@ -68,7 +68,7 @@
}
}
ul.features {
.features {
list-style-type: circle;
margin-left: $line-height;
@@ -77,7 +77,7 @@
}
li {
margin-bottom: $line-height
margin-bottom: $line-height;
}
}
@@ -104,7 +104,7 @@
padding: $line-height / 2;
&.light {
background: #ECF0F1;
background: #ecf0f1;
border: 0;
}
}

View File

@@ -25,8 +25,9 @@
margin-top: 0;
}
.icon-like, .icon-unlike {
background: white;
.icon-like,
.icon-unlike {
background: #fff;
border: 2px solid $text-light;
border-radius: rem-calc(3);
color: $text-light;
@@ -36,8 +37,9 @@
padding: rem-calc(3) rem-calc(6);
position: relative;
&:hover, &:active {
color: white;
&:hover,
&:active {
color: #fff;
cursor: pointer;
opacity: 1 !important;
}
@@ -45,7 +47,8 @@
.icon-like {
&:hover, &:active {
&:hover,
&:active {
background: $like;
border: 2px solid $like;
}
@@ -53,18 +56,20 @@
.icon-unlike {
&:hover, &:active {
&:hover,
&:active {
background: $unlike;
border: 2px solid $unlike;
}
}
.like, .unlike {
.like,
.unlike {
line-height: rem-calc(48);
vertical-align: super;
text-decoration: none;
span.percentage {
.percentage {
color: $text;
display: inline-block;
font-size: $small-font-size;
@@ -82,8 +87,9 @@
.voted {
.icon-like, .icon-unlike {
color: white;
.icon-like,
.icon-unlike {
color: #fff;
}
.icon-like {
@@ -99,8 +105,9 @@
.no-voted {
.icon-like, .icon-unlike {
opacity: .3;
.icon-like,
.icon-unlike {
opacity: 0.3;
}
}
@@ -153,7 +160,7 @@
color: $text-medium;
&[title] {
border-bottom: none;
border-bottom: 0;
}
}
@@ -164,7 +171,8 @@
font-size: $small-font-size;
margin-top: rem-calc(12);
&:hover, &:active {
&:hover,
&:active {
background: lighten($proposals, 25%);
cursor: pointer;
}
@@ -242,10 +250,12 @@
.budget-investment-form,
.spending-proposal-form {
.icon-debates, .icon-proposals, .icon-budget {
.icon-debates,
.icon-proposals,
.icon-budget {
font-size: rem-calc(50);
line-height: $line-height;
opacity: .5;
opacity: 0.5;
}
.icon-debates {
@@ -259,6 +269,7 @@
.icon-budget {
color: $budget;
}
}
.recommendations {
list-style-type: none;
@@ -269,24 +280,23 @@
font-size: $small-font-size;
margin: $line-height / 2 0;
&:before {
content: "l ";
&::before {
content: 'l ';
font-family: "icons" !important;
}
}
}
}
.debate-form {
.recommendations li:before {
.recommendations li::before {
color: $debates;
}
}
.proposal-form {
.recommendations li:before {
.recommendations li::before {
color: $proposals;
}
}
@@ -315,20 +325,24 @@
display: inline;
}
.whatsapp:before {
.whatsapp::before {
background-color: #43d854;
color: white;
color: #fff;
font-size: 1.7em;
margin-left: rem-calc(0.5);
padding: rem-calc(9.5) rem-calc(9.8);
vertical-align: rem-calc(10);
}
.edit-debate, .edit-proposal {
.edit-debate,
.edit-proposal {
margin-bottom: 0;
}
.debate-info, .proposal-info, .investment-project-info, .budget-investment-show {
.debate-info,
.proposal-info,
.investment-project-info,
.budget-investment-show {
clear: both;
color: $text-medium;
font-size: $small-font-size;
@@ -350,26 +364,28 @@
}
}
.debate-description, .proposal-description {
.debate-description,
.proposal-description {
font-size: rem-calc(15);
line-height: rem-calc(30);
}
ul, ol {
margin: rem-calc(12) 0;
ul,
ol {
li {
font-size: rem-calc(15);
margin-bottom: rem-calc(15);
}
}
&.tags, &.geozone {
&.tags,
&.geozone {
li {
margin-bottom: 0;
}
}
}
.author-photo {
line-height: rem-calc(32);
@@ -383,10 +399,6 @@
a {
color: $link !important;
&:hover {
color: $link-hover !important;
}
}
}
@@ -403,14 +415,15 @@
}
blockquote {
color: #4C4C4C;
color: #4c4c4c;
margin-top: rem-calc(12);
padding-top: 0;
font-size: rem-calc(15);
line-height: rem-calc(30);
}
.document-link, .video-link {
.document-link,
.video-link {
border: 1px solid $border;
display: block;
margin: $line-height / 2 0;
@@ -421,9 +434,9 @@
padding-left: rem-calc(24);
}
:before {
color: #007BB7;
content: "G";
::before {
color: #007bb7;
content: 'G';
font-family: "icons" !important;
font-size: rem-calc(24);
left: rem-calc(6);
@@ -435,9 +448,9 @@
.video-link {
:before {
color: #CC181E;
content: "D";
::before {
color: #cc181e;
content: 'D';
}
}
@@ -463,11 +476,14 @@
color: $text;
}
.investment-project-show p, .budget-investment-show p {
.investment-project-show p,
.budget-investment-show p {
word-break: break-word;
}
.proposal-show, .investment-project-show, .budget-investment-show {
.proposal-show,
.investment-project-show,
.budget-investment-show {
.supports {
padding: $line-height / 2 0 0;
@@ -481,38 +497,52 @@
// 04. List participation
// ----------------------
.debates-list, .proposals-list, .investment-projects-list, .budget-investments-list {
.debates-list,
.proposals-list,
.investment-projects-list,
.budget-investments-list {
@include breakpoint(medium) {
margin-bottom: rem-calc(48);
}
}
.investment-projects-list, .budget-investments-list {
.investment-projects-list,
.budget-investments-list {
@include breakpoint(medium) {
min-height: $line-height * 15;
}
}
.debate, .proposal, .investment-project, .budget-investment, .legislation {
.debate,
.proposal,
.investment-project,
.budget-investment,
.legislation {
margin: $line-height / 4 0;
.panel {
background: white;
background: #fff;
border: 1px solid;
border-color: #e5e6e9 #dfe0e4 #d0d1d5;
border-radius: 0;
box-shadow: 0px 1px 3px 0 $border;
box-shadow: 0 1px 3px 0 $border;
margin-bottom: rem-calc(12);
min-height: rem-calc(192);
padding: rem-calc(12) rem-calc(12) 0 rem-calc(12);
padding: rem-calc(12) rem-calc(12) 0;
@include breakpoint(medium) {
margin-bottom: rem-calc(-1);
padding-bottom: rem-calc(12);
}
@include breakpoint(medium) {
.divider {
display: inline-block;
}
}
h3 {
font-weight: bold;
margin-top: $line-height / 2;
@@ -521,19 +551,24 @@
color: $text;
}
}
}
.debate-content, .proposal-content,
.investment-project-content, .budget-investment-content {
.debate-content,
.proposal-content,
.investment-project-content,
.budget-investment-content {
margin: 0;
min-height: rem-calc(180);
position: relative;
}
.tags {
display: block;
}
}
.icon-debates, .icon-proposals, .icon-budget {
.icon-debates,
.icon-proposals,
.icon-budget {
font-size: rem-calc(18);
line-height: $line-height;
margin-left: rem-calc(6);
@@ -553,7 +588,10 @@
font-size: $small-font-size;
}
.debate-info, .proposal-info, .investment-project-info, .budget-investment-info {
.debate-info,
.proposal-info,
.investment-project-info,
.budget-investment-info {
color: $text-medium;
font-size: $small-font-size;
margin: rem-calc(6) 0 0;
@@ -568,7 +606,10 @@
}
}
.debate-description, .proposal-description, .investment-project-description, .budget-investment-description {
.debate-description,
.proposal-description,
.investment-project-description,
.budget-investment-description {
color: $text;
font-size: rem-calc(13);
height: rem-calc(72);
@@ -581,14 +622,6 @@
a {
color: $text;
}
ul, ol {
li {
font-size: rem-calc(13);
margin-bottom: rem-calc(12);
}
}
}
.truncate {
@@ -609,13 +642,6 @@
display: none;
}
@include breakpoint(medium) {
.divider {
display: inline-block;
}
}
}
.more-info {
clear: both;
color: $text-medium;
@@ -626,18 +652,19 @@
}
}
.debate, .debate-show {
.debate,
.debate-show {
.votes {
@include votes;
.against {
margin-left: $line-height/4;
}
@include breakpoint(medium) {
text-align: center;
}
.against {
margin-left: $line-height / 4;
}
}
}
@@ -653,8 +680,10 @@
}
}
.investment-project, .investment-project-show,
.budget-investment, .budget-investment-show {
.investment-project,
.investment-project-show,
.budget-investment,
.budget-investment-show {
.supports {
@include supports;
@@ -669,16 +698,16 @@
.button-support {
background: $budget;
color: white;
color: #fff;
&:hover {
background: $budget-hover;
color: white;
color: #fff;
cursor: pointer;
}
&:active {
opacity: .75;
opacity: 0.75;
}
}
@@ -745,7 +774,8 @@
// 05. Featured
// ------------
.featured-debates, .featured-proposals,
.featured-debates,
.featured-proposals,
.enquiries-list {
padding: $line-height / 2 0;
@@ -769,11 +799,11 @@
}
}
a, .info {
a,
.info {
color: lighten($text, 15%);
font-size: $small-font-size;
}
}
.featured-debates {
@@ -794,7 +824,7 @@
padding-bottom: 0;
padding-top: 0;
&:after {
&::after {
content: none;
}
@@ -808,7 +838,7 @@
margin-top: 0;
&:hover {
background: white;
background: #fff;
color: $text;
}
}
@@ -833,25 +863,25 @@
margin-top: 0;
font-size: $small-font-size;
}
}
.share-supported {
.ssb-twitter,
.ssb-facebook,
.ssb-google_plus {
[class^="ssb-icon ssb-google"] {
background: none;
color: $text;
height: rem-calc(33) !important;
&:before {
&::before {
font-size: rem-calc(18);
line-height: rem-calc(33);
}
}
}
}
}
// 06. Budget
// ----------
@@ -859,26 +889,26 @@
.expanded.budget {
background: $budget;
h1, h2, p, a.back, .icon-angle-left {
color: white;
h1,
h2,
p,
.back,
.icon-angle-left {
color: #fff;
}
.button {
background: white;
background: #fff;
color: $budget;
}
.info {
background: #6A2A72;
background: #6a2a72;
p {
margin-bottom: 0;
text-transform: uppercase;
}
@include breakpoint(medium) {
border-top: rem-calc(6) solid #54225C;
}
}
}
@@ -894,8 +924,13 @@
margin-bottom: 0;
}
h1, h2, .back, .icon-angle-left, p, a {
color: white;
h1,
h2,
.back,
.icon-angle-left,
p,
a {
color: #fff;
}
.callout.warning {
@@ -914,6 +949,7 @@
.spending-proposal-timeline {
padding-top: $line-height;
}
ul li {
margin-right: $line-height;
@@ -924,36 +960,35 @@
}
}
}
}
a {
text-decoration: underline;
}
&.button {
background: white;
.button {
background: #fff;
color: $brand;
margin-bottom: rem-calc(3);
text-decoration: none;
}
}
.social-share-button a {
color: white;
color: #fff;
&.social-share-button-twitter:hover {
color: #40A2D1;
color: #40a2d1;
}
&.social-share-button-facebook:hover {
color: #354F88;
color: #354f88;
}
&.social-share-button-google_plus:hover {
color: #CE3E26;
&[class^="social-share-button-google"] {
color: #ce3e26;
}
&.social-share-button-telegram:hover {
color: #CE3E26;
color: #ce3e26;
}
}
}
@@ -969,7 +1004,6 @@
.progress-meter {
background: #fdcb10;
border-radius: 0;
-webkit-transition: width 2s;
transition: width 2s;
}
@@ -979,7 +1013,7 @@
}
.spent-amount-text {
color: white;
color: #fff;
font-size: $base-font-size;
font-weight: normal;
position: absolute;
@@ -988,9 +1022,9 @@
top: 16px;
width: 100%;
&:before {
&::before {
color: #a5a1ff;
content: "\57";
content: '\57';
font-family: 'icons';
font-size: $small-font-size;
position: absolute;
@@ -1000,7 +1034,7 @@
}
.total-amount {
color: white;
color: #fff;
font-size: rem-calc(18);
font-weight: bold;
float: right;
@@ -1030,7 +1064,8 @@
.ballot {
h2, h3 {
h2,
h3 {
font-weight: normal;
span {
@@ -1040,7 +1075,7 @@
}
.ballot-content {
border: 2px solid #F9F9F9;
border: 2px solid #f9f9f9;
border-radius: rem-calc(6);
padding: $line-height / 2;
}
@@ -1063,7 +1098,7 @@
}
}
ul.ballot-list {
.ballot-list {
list-style: none;
margin-left: 0;
@@ -1104,16 +1139,17 @@ ul.ballot-list {
&:hover {
background: $budget;
color: white;
color: #fff;
a, span {
color: white;
a,
span {
color: #fff;
outline: 0;
text-decoration: none;
}
.remove-investment-project .icon-x {
color: white;
color: #fff;
}
}
}
@@ -1131,9 +1167,9 @@ ul.ballot-list {
color: $budget;
font-weight: bold;
&:after {
content: "\56";
font-family: "icons";
&::after {
content: '\56';
font-family: 'icons';
font-size: $small-font-size;
font-weight: normal;
line-height: $line-height;
@@ -1153,13 +1189,9 @@ ul.ballot-list {
@include breakpoint(medium) {
background-color: $budget;
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
transition: height 0.3s;
h1 {
-webkit-transition: font-size 0.3s;
-moz-transition: font-size 0.3s;
transition: font-size 0.3s;
}
@@ -1177,8 +1209,6 @@ ul.ballot-list {
h1 {
font-size: rem-calc(24);
-webkit-transition: font-size 0.3s;
-moz-transition: font-size 0.3s;
transition: font-size 0.3s;
}
}
@@ -1189,8 +1219,8 @@ ul.ballot-list {
// -------------------------
.dark-heading {
background: #2D3E50;
color: white;
background: #2d3e50;
color: #fff;
@include breakpoint(medium) {
padding-bottom: $line-height;
@@ -1199,7 +1229,7 @@ ul.ballot-list {
p {
&.title {
color: #FFD200;
color: #ffd200;
}
&.title-date {
@@ -1213,40 +1243,42 @@ ul.ballot-list {
padding-top: $line-height;
@include breakpoint(medium) {
border-top: rem-calc(6) solid #FFD200;
border-top: rem-calc(6) solid #ffd200;
}
}
}
.featured-proposals-ballot-banner, .sucessfull-proposals-banner {
background: #2D3E50 image-url("ballot_tiny.gif") no-repeat;
.featured-proposals-ballot-banner,
.sucessfull-proposals-banner {
background: #2d3e50 image-url('ballot_tiny.gif') no-repeat;
background-position: 75% 0;
position: relative;
h2, a:hover h2 {
color: #FFD200 !important;
}
p {
color: white;
}
@include breakpoint(medium) {
margin-left: 0 !important;
margin-right: 0 !important;
}
@include breakpoint(large) {
background: #2D3E50 image-url("ballot.gif") no-repeat;
background: #2d3e50 image-url('ballot.gif') no-repeat;
background-position: 90% 0;
}
h2,
a:hover h2 {
color: #ffd200 !important;
}
p {
color: #fff;
}
}
.sucessfull-proposals-banner,
.successful .panel {
.icon-successful {
border-right: 60px solid #FFD200;
border-right: 60px solid #ffd200;
border-top: 0;
border-bottom: 60px solid transparent;
height: 0;
@@ -1255,9 +1287,9 @@ ul.ballot-list {
top: 0;
width: 0;
&:after {
color: #1B254C;
content: "\59";
&::after {
color: #1b254c;
content: '\59';
font-family: "icons" !important;
left: 34px;
position: absolute;
@@ -1292,15 +1324,15 @@ ul.ballot-list {
// ----------------------
.dark-heading {
background: #2D3E50;
color: white;
background: #2d3e50;
color: #fff;
.title {
color: #92BA48;
color: #92ba48;
}
.button {
background: white;
background: #fff;
color: $brand;
}
@@ -1324,17 +1356,18 @@ ul.ballot-list {
padding: $line-height;
@include breakpoint(medium) {
border-top: rem-calc(6) solid #92BA48;
border-top: rem-calc(6) solid #92ba48;
}
}
a:not(.button) {
color: white;
color: #fff;
text-decoration: underline;
}
.back, .icon-angle-left {
color: white;
.back,
.icon-angle-left {
color: #fff;
}
&.polls-show-header {
@@ -1342,8 +1375,9 @@ ul.ballot-list {
}
}
.poll, .poll-question {
background: white;
.poll,
.poll-question {
background: #fff;
border-radius: rem-calc(6);
margin-bottom: $line-height / 2;
}
@@ -1361,11 +1395,11 @@ ul.ballot-list {
top: 0;
width: 0;
&.can-answer:after,
&.cant-answer:after,
&.not-logged-in:after,
&.already-answer:after,
&.unverified:after {
&.can-answer::after,
&.cant-answer::after,
&.not-logged-in::after,
&.already-answer::after,
&.unverified::after {
font-family: "icons" !important;
left: 34px;
position: absolute;
@@ -1375,45 +1409,45 @@ ul.ballot-list {
&.can-answer {
border-right: 60px solid $info-bg;
&:after {
&::after {
color: $color-info;
content: "\6c";
content: '\6c';
}
}
&.cant-answer {
border-right: 60px solid $alert-bg;
&:after {
&::after {
color: $color-alert;
content: "\74";
content: '\74';
}
}
&.not-logged-in {
border-right: 60px solid $info-bg;
&:after {
&::after {
color: $color-info;
content: "\6f";
content: '\6f';
}
}
&.unverified {
border-right: 60px solid $warning-bg;
&:after {
&::after {
color: $color-warning;
content: "\6f";
content: '\6f';
}
}
&.already-answer {
border-right: 60px solid $success-bg;
&:after {
&::after {
color: $color-success;
content: "\59";
content: '\59';
}
}
}
@@ -1434,11 +1468,11 @@ ul.ballot-list {
}
}
h2.questions-callout {
.questions-callout {
font-size: $base-font-size;
}
h3.section-title-divider {
.section-title-divider {
border-bottom: 2px solid $brand;
color: $brand;
margin-bottom: $line-height;
@@ -1463,16 +1497,16 @@ h3.section-title-divider {
min-width: rem-calc(168);
&.answered {
background: #F4F8EC;
border: 2px solid #92BA48;
background: #f4f8ec;
border: 2px solid #92ba48;
color: $text;
position: relative;
&:after {
background: #92BA48;
&::after {
background: #92ba48;
border-radius: rem-calc(20);
content: "\6c";
color: white;
content: '\6c';
color: #fff;
font-family: "icons" !important;
font-size: rem-calc(12);
padding: $line-height / 4;

View File

@@ -79,7 +79,7 @@
<div class="small-12 medium-6 column markdown-area">
<%= f.text_area :body, label: false, placeholder: t('admin.legislation.draft_versions.form.body_placeholder') %>
</div>
<div id="markdown-preview" class="small-12 medium-6 column">
<div id="markdown-preview" class="small-12 medium-6 column markdown-preview">
</div>
</div>
</div>

View File

@@ -6,7 +6,7 @@
<h2 class="inline-block"><%= t("admin.site_customization.content_blocks.index.title") %></h2>
<table class="cms_page_list">
<table class="cms-page-list">
<thead>
<tr>
<th><%= t("admin.site_customization.content_blocks.content_block.name") %></th>

View File

@@ -8,7 +8,7 @@
<% if @pages.any? %>
<h3><%= page_entries_info @pages %></h3>
<table class="cms_page_list">
<table class="cms-page-list">
<thead>
<tr>
<th><%= t("admin.site_customization.pages.page.title") %></th>

View File

@@ -1,4 +1,4 @@
<header>
<header class="header">
<div class="top-links">
<div class="expanded row">
<%= render 'shared/locale_switcher' %>

View File

@@ -9,7 +9,7 @@
<span class="panel-title"><%= t('legislation.draft_versions.show.text_comments') %></span>
</div>
<div id="comments-box" style="display: none;">
<div id="comments-box" class="comments-box-container" style="display: none;">
<div class="comment-box">
<div class="comment-header">
<span class="icon-comment" aria-hidden="true"></span>

View File

@@ -6,7 +6,7 @@
</div>
</div>
<div id="debate-show" class="row description">
<div id="debate-show" class="row description legislation-debate-show">
<div class="small-12 column">
<% if process.description.present? %>
<h4><%= t('legislation.processes.header_full.description') %></h4>

View File

@@ -16,7 +16,7 @@
<% end %>
</div>
<% if process.additional_info.present? %>
<div id="debate-show" class="small-12 column debate-add-info">
<div id="debate-show" class="small-12 column debate-add-info legislation-debate-show">
<div class="debate-info-wrapper">
<%= markdown process.additional_info if process.additional_info %>
</div>

View File

@@ -2,7 +2,7 @@
<%= render 'admin/shared/proposal_search', url: management_proposals_path %>
<div class="row">
<div id="proposals" class="proposals-list small-12 medium-9 column">
<div class="proposals-list small-12 column">
<div class="filters">
<div class="small-12 medium-7 float-left">

View File

@@ -1,6 +1,6 @@
<main>
<div class="row">
<div id="proposals" class="proposals-list small-12 column">
<div class="proposals-list small-12 column">
<a id="print_link" href="javascript:window.print();" class="button warning float-right">
<%= t('management.proposals.print.print_button') %>
</a>

View File

@@ -1,7 +1,7 @@
<a href="#" class="button float-right margin-right">Crear nueva página</a>
<h2 class="inline-block">Editar páginas</h2>
<table class="cms_page_list">
<table class="cms-page-list">
<thead>
<tr>
<th>Nombre</th>

View File

@@ -36,7 +36,7 @@
</div>
</div>
<form class="edit_legislation_draft_version" id="edit_legislation_draft_version_1" action="/admin/legislation/processes/1/draft_versions/1" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" /><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="PGlvCYHqh/eXoeE0qz7DEZHsTghiKHY9HSZa2JNj+5pFPxPkF1Zuq3gaAuTmTjjhNi86OYIebJPVjFoaBIRaCA==" />
<form class="edit-legislation-draft-version" id="edit_legislation_draft_version_1" action="/admin/legislation/processes/1/draft_versions/1" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" /><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="PGlvCYHqh/eXoeE0qz7DEZHsTghiKHY9HSZa2JNj+5pFPxPkF1Zuq3gaAuTmTjjhNi86OYIebJPVjFoaBIRaCA==" />
<div class="row">
<div class="small-12 medium-4 column">
@@ -105,7 +105,7 @@ Esta es la primera versión, no hay cambios.</textarea>
<a class="fullscreen-toggle" href="#"><span>Pantalla completa</span> <span class="icon-expand"></span></a>
</div>
<div class="small-12 medium-6 column">
<textarea name="legislation_draft_version[body]" id="legislation_draft_version_body">
<textarea name="legislation_draft_version[body]" id="legislation_draft_version_body" class="legislation-draft-version-body">
## PREÁMBULO
### I
@@ -579,7 +579,7 @@ e) La afectación legal de los terrenos obtenidos por la Administración en virt
3. Antes de la finalización de las obras de urbanización no es posible, con carácter general, la realización de otros actos edificatorios o de implantación de usos que los provisionales previstos en la letra b) del número 1 anterior. Sin embargo, podrá autorizarse la edificación vinculada a la simultánea terminación de las obras de urbanización inmediata a la parcela de que se trate, en las mismas condiciones que en el suelo urbano consolidado.
</textarea>
</div>
<div id="markdown-preview" class="small-12 medium-6 column"></div>
<div id="markdown-preview" class="small-12 medium-6 column markdown-preview"></div>
<div id="markdown-result">
<input label="false" type="hidden" value="&lt;h2&gt;PREÁMBULO&lt;/h2&gt;
&lt;h3&gt;I&lt;/h3&gt;

View File

@@ -18,7 +18,7 @@
</li>
</ul>
<form class="edit_legislation_process" id="edit_legislation_process_1" action="/admin/legislation/processes/1" accept-charset="UTF-8" method="post">
<form class="edit-legislation-process" id="edit_legislation_process_1" action="/admin/legislation/processes/1" accept-charset="UTF-8" method="post">
<div class="row">
<div class="small-12 medium-4 column">