fixes scss lint warnings
This commit is contained in:
decabeza
@@ -94,7 +94,7 @@ linters:
|
|||||||
|
|
||||||
NestingDepth:
|
NestingDepth:
|
||||||
enabled: true
|
enabled: true
|
||||||
max_depth: 1
|
max_depth: 4
|
||||||
|
|
||||||
PlaceholderInExtend:
|
PlaceholderInExtend:
|
||||||
enabled: true
|
enabled: true
|
||||||
@@ -127,12 +127,11 @@ linters:
|
|||||||
|
|
||||||
SelectorDepth:
|
SelectorDepth:
|
||||||
enabled: true
|
enabled: true
|
||||||
max_depth: 3
|
max_depth: 5
|
||||||
|
|
||||||
SelectorFormat:
|
SelectorFormat:
|
||||||
enabled: true
|
enabled: true
|
||||||
convention: hyphenated_lowercase
|
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:
|
Shorthand:
|
||||||
enabled: true
|
enabled: true
|
||||||
|
|||||||
@@ -53,53 +53,53 @@ $small-font-size: rem-calc(14);
|
|||||||
$line-height: rem-calc(24);
|
$line-height: rem-calc(24);
|
||||||
$tiny-font-size: rem-calc(12);
|
$tiny-font-size: rem-calc(12);
|
||||||
|
|
||||||
$brand: #004A83;
|
$brand: #004a83;
|
||||||
$dark: darken($brand, 10%);
|
$dark: darken($brand, 10%);
|
||||||
|
|
||||||
$text: #222222;
|
$text: #222;
|
||||||
$text-medium: #515151;
|
$text-medium: #515151;
|
||||||
$text-light: #BFBFBF;
|
$text-light: #bfbfbf;
|
||||||
|
|
||||||
$border: #DEE0E3;
|
$border: #dee0e3;
|
||||||
|
|
||||||
$link: $brand;
|
$link: $brand;
|
||||||
$link-hover: darken($link, 20%);
|
$link-hover: darken($link, 20%);
|
||||||
|
|
||||||
$debates: $brand;
|
$debates: $brand;
|
||||||
|
|
||||||
$like: #7BD2A8;
|
$like: #7bd2a8;
|
||||||
$unlike: #EF8585;
|
$unlike: #ef8585;
|
||||||
|
|
||||||
$delete: #F04124;
|
$delete: #f04124;
|
||||||
$check: #46DB91;
|
$check: #46db91;
|
||||||
|
|
||||||
$proposals: #FFA42D;
|
$proposals: #ffa42d;
|
||||||
$proposals-dark: #794500;
|
$proposals-dark: #794500;
|
||||||
|
|
||||||
$budget: #7E328A;
|
$budget: #7e328a;
|
||||||
$budget-hover: #7571BF;
|
$budget-hover: #7571bf;
|
||||||
|
|
||||||
$highlight: #E7F2FC;
|
$highlight: #e7f2fc;
|
||||||
$light: #F5F7FA;
|
$light: #f5f7fa;
|
||||||
$featured: #FFDC5C;
|
$featured: #ffdc5c;
|
||||||
|
|
||||||
$footer-border: #BFC1C3;
|
$footer-border: #bfc1c3;
|
||||||
|
|
||||||
$success-bg: #DFF0D8;
|
$success-bg: #dff0d8;
|
||||||
$success-border: #D6E9C6;
|
$success-border: #d6e9c6;
|
||||||
$color-success: #3C763D;
|
$color-success: #3c763d;
|
||||||
|
|
||||||
$info-bg: #D9EDF7;
|
$info-bg: #d9edf7;
|
||||||
$info-border: #BCE8F1;
|
$info-border: #bce8f1;
|
||||||
$color-info: #31708F;
|
$color-info: #31708f;
|
||||||
|
|
||||||
$warning-bg: #FCF8E3;
|
$warning-bg: #fcf8e3;
|
||||||
$warning-border: #FAEBCC;
|
$warning-border: #faebcc;
|
||||||
$color-warning: #8A6D3B;
|
$color-warning: #8a6d3b;
|
||||||
|
|
||||||
$alert-bg: #F2DEDE;
|
$alert-bg: #f2dede;
|
||||||
$alert-border: #EBCCD1;
|
$alert-border: #ebccd1;
|
||||||
$color-alert: #A94442;
|
$color-alert: #a94442;
|
||||||
|
|
||||||
|
|
||||||
// 1. Global
|
// 1. Global
|
||||||
@@ -118,8 +118,8 @@ $foundation-palette: (
|
|||||||
$light-gray: #e6e6e6;
|
$light-gray: #e6e6e6;
|
||||||
$medium-gray: #cacaca;
|
$medium-gray: #cacaca;
|
||||||
$dark-gray: #8a8a8a;
|
$dark-gray: #8a8a8a;
|
||||||
$black: #222222;
|
$black: #222;
|
||||||
$white: #ffffff;
|
$white: #fff;
|
||||||
$body-background: $white;
|
$body-background: $white;
|
||||||
$body-font-color: $black;
|
$body-font-color: $black;
|
||||||
$body-font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif !important;
|
$body-font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif !important;
|
||||||
@@ -573,7 +573,7 @@ $tab-background: $white;
|
|||||||
$tab-background-active: $white;
|
$tab-background-active: $white;
|
||||||
$tab-item-font-size: $base-font-size;
|
$tab-item-font-size: $base-font-size;
|
||||||
$tab-item-background-hover: $white;
|
$tab-item-background-hover: $white;
|
||||||
$tab-item-padding: $line-height/2 0;
|
$tab-item-padding: $line-height / 2 0;
|
||||||
$tab-expand-max: 6;
|
$tab-expand-max: 6;
|
||||||
$tab-content-background: $white;
|
$tab-content-background: $white;
|
||||||
$tab-content-border: $border;
|
$tab-content-border: $border;
|
||||||
|
|||||||
@@ -13,21 +13,21 @@
|
|||||||
// 01. Global styles
|
// 01. Global styles
|
||||||
// -----------------
|
// -----------------
|
||||||
|
|
||||||
$admin-color: #CF3638;
|
$admin-color: #cf3638;
|
||||||
|
|
||||||
body.admin {
|
.admin {
|
||||||
|
|
||||||
header {
|
.header {
|
||||||
border: 0;
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.top-links {
|
.top-links {
|
||||||
background: darken($admin-color, 15%);
|
background: darken($admin-color, 15%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.back-web {
|
.back-web {
|
||||||
padding-top: $line-height/4;
|
padding-top: $line-height / 4;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.top-bar {
|
.top-bar {
|
||||||
@@ -42,62 +42,46 @@ body.admin {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
form {
|
.fieldset {
|
||||||
|
|
||||||
.button {
|
select {
|
||||||
margin-top: 0;
|
height: $line-height * 2;
|
||||||
|
|
||||||
&.margin-top {
|
|
||||||
margin-top: $line-height;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="text"], textarea {
|
[type="text"] {
|
||||||
width: 100%;
|
border-radius: 0;
|
||||||
|
margin-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
text-align: left;
|
||||||
|
|
||||||
|
&.text-center {
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fieldset {
|
&.text-right {
|
||||||
|
padding-right: $line-height;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
select {
|
&.with-button {
|
||||||
height: $line-height*2;
|
line-height: $line-height * 2;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.input-group input[type="text"] {
|
tr {
|
||||||
border-radius: 0;
|
background: #fff;
|
||||||
margin-bottom: 0 !important;
|
border: 1px solid $border;
|
||||||
}
|
|
||||||
|
&:hover {
|
||||||
|
background: #f3f6f7;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
table {
|
table {
|
||||||
|
.break {
|
||||||
th {
|
|
||||||
text-align: left;
|
|
||||||
|
|
||||||
&.text-center {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.text-right {
|
|
||||||
padding-right: $line-height;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.with-button {
|
|
||||||
line-height: $line-height*2;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
tr {
|
|
||||||
background: white;
|
|
||||||
border: 1px solid $border;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background: #f3f6f7;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
td.break {
|
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -105,14 +89,15 @@ body.admin {
|
|||||||
table-layout: fixed;
|
table-layout: fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="submit"] ~ a, a ~ a {
|
[type="submit"] ~ a,
|
||||||
|
a ~ a {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
margin-top: $line-height/2;
|
margin-top: $line-height / 2;
|
||||||
|
|
||||||
@include breakpoint(medium) {
|
@include breakpoint(medium) {
|
||||||
margin-left: $line-height/2;
|
margin-left: $line-height / 2;
|
||||||
margin-right: $line-height/2;
|
margin-right: $line-height / 2;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -122,7 +107,7 @@ body.admin {
|
|||||||
max-width: none;
|
max-width: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu.simple li.active {
|
.menu.simple .active {
|
||||||
border-bottom: 2px solid $admin-color;
|
border-bottom: 2px solid $admin-color;
|
||||||
color: $admin-color;
|
color: $admin-color;
|
||||||
}
|
}
|
||||||
@@ -132,10 +117,6 @@ body.admin {
|
|||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#proposals {
|
|
||||||
width: 100% !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.accordion-title {
|
.accordion-title {
|
||||||
font-size: $base-font-size;
|
font-size: $base-font-size;
|
||||||
}
|
}
|
||||||
@@ -183,7 +164,7 @@ body.admin {
|
|||||||
&:hover .on-hover-block {
|
&:hover .on-hover-block {
|
||||||
display: block;
|
display: block;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-top: $line-height/2;
|
margin-top: $line-height / 2;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -231,57 +212,53 @@ body.admin {
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: rem-calc(24);
|
font-size: rem-calc(24);
|
||||||
line-height: $line-height;
|
line-height: $line-height;
|
||||||
padding: $line-height/2 $line-height/4;
|
padding: $line-height / 2 $line-height / 4;
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
background: white;
|
background: #fff;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
outline: 0;
|
outline: 0;
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
margin-left: $line-height/1.5;
|
margin-left: $line-height / 1.5;
|
||||||
border-left: 1px solid $border;
|
border-left: 1px solid $border;
|
||||||
padding-left: $line-height/2;
|
padding-left: $line-height / 2;
|
||||||
}
|
|
||||||
|
|
||||||
&.section-title {
|
|
||||||
border-bottom: 1px solid $border;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
li a {
|
&.section-title {
|
||||||
color: $text;
|
border-bottom: 1px solid $border;
|
||||||
display: block;
|
}
|
||||||
line-height: rem-calc(48);
|
|
||||||
padding-left: rem-calc(12);
|
|
||||||
vertical-align: top;
|
|
||||||
|
|
||||||
&:hover {
|
&.active a {
|
||||||
background: #f3f6f7;
|
background: #f3f6f7;
|
||||||
border-radius: rem-calc(6);
|
border-radius: rem-calc(6);
|
||||||
-moz-border-radius: rem-calc(6);
|
color: $admin-color;
|
||||||
-webkit-border-radius: rem-calc(6);
|
font-weight: bold;
|
||||||
color: $admin-color;
|
}
|
||||||
text-decoration: none;
|
}
|
||||||
}
|
|
||||||
|
li a {
|
||||||
|
color: $text;
|
||||||
|
display: block;
|
||||||
|
line-height: rem-calc(48);
|
||||||
|
padding-left: rem-calc(12);
|
||||||
|
vertical-align: top;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: #f3f6f7;
|
||||||
|
border-radius: rem-calc(6);
|
||||||
|
color: $admin-color;
|
||||||
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.is-accordion-submenu-parent {
|
.is-accordion-submenu-parent {
|
||||||
|
|
||||||
& > a::after {
|
> a::after {
|
||||||
border-color: $admin-color transparent transparent;
|
border-color: $admin-color transparent transparent;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -291,11 +268,11 @@ body.admin {
|
|||||||
margin-left: $line-height;
|
margin-left: $line-height;
|
||||||
|
|
||||||
li:first-child {
|
li:first-child {
|
||||||
padding-top: $line-height/2;
|
padding-top: $line-height / 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
li:last-child {
|
li:last-child {
|
||||||
padding-bottom: $line-height/2;
|
padding-bottom: $line-height / 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
@@ -308,12 +285,14 @@ body.admin {
|
|||||||
// -----------------
|
// -----------------
|
||||||
|
|
||||||
.delete {
|
.delete {
|
||||||
border-bottom: 1px dotted #CF2A0E;
|
border-bottom: 1px dotted #cf2a0e;
|
||||||
color: $delete;
|
color: $delete;
|
||||||
font-size: $small-font-size;
|
font-size: $small-font-size;
|
||||||
|
|
||||||
&:hover, &:active, &:focus {
|
&:hover,
|
||||||
border-bottom: 1px dotted white;
|
&:active,
|
||||||
|
&:focus {
|
||||||
|
border-bottom: 1px dotted #fff;
|
||||||
color: #cf2a0e;
|
color: #cf2a0e;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -376,8 +355,6 @@ body.admin {
|
|||||||
&:hover {
|
&:hover {
|
||||||
max-height: rem-calc(1000);
|
max-height: rem-calc(1000);
|
||||||
transition: max-height 0.9s;
|
transition: max-height 0.9s;
|
||||||
-moz-transition: max-height 0.9s;
|
|
||||||
-webkit-transition: max-height 0.9s;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -385,7 +362,7 @@ body.admin {
|
|||||||
// ---------
|
// ---------
|
||||||
|
|
||||||
.stats {
|
.stats {
|
||||||
background: white;
|
background: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.stats-numbers {
|
.stats-numbers {
|
||||||
@@ -417,34 +394,36 @@ body.admin {
|
|||||||
ul {
|
ul {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
font-size: rem-calc(14);
|
font-size: rem-calc(14);
|
||||||
margin-bottom: rem-calc(12);
|
margin-bottom: rem-calc(12);
|
||||||
|
|
||||||
span {
|
span {
|
||||||
color: $text-medium;
|
color: $text-medium;
|
||||||
font-size: rem-calc(12);
|
font-size: rem-calc(12);
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-check {
|
.icon-check {
|
||||||
color: $check;
|
color: $check;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-x {
|
.icon-x {
|
||||||
color: $delete;
|
color: $delete;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.account-info, .login-as, .spending-proposal-info {
|
.account-info,
|
||||||
|
.login-as,
|
||||||
|
.spending-proposal-info {
|
||||||
background-color: #e7e7e7;
|
background-color: #e7e7e7;
|
||||||
border-radius: rem-calc(3);
|
border-radius: rem-calc(3);
|
||||||
font-size: rem-calc(16);
|
font-size: rem-calc(16);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
margin: $line-height;
|
margin: $line-height;
|
||||||
padding: $line-height/2;
|
padding: $line-height / 2;
|
||||||
|
|
||||||
strong {
|
strong {
|
||||||
font-size: rem-calc(18);
|
font-size: rem-calc(18);
|
||||||
@@ -455,40 +434,42 @@ body.admin {
|
|||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
body.admin {
|
.admin {
|
||||||
|
|
||||||
.investment-projects-list.medium-9 {
|
.investment-projects-list.medium-9 {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.investment-projects-summary {
|
.investment-projects-summary {
|
||||||
|
|
||||||
th, td {
|
th,
|
||||||
text-align: center;
|
td {
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
&:first-child {
|
&:first-child {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
|
||||||
|
|
||||||
&:last-child {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
tr {
|
&:last-child {
|
||||||
&:nth-child(even) td:last-child {
|
font-weight: bold;
|
||||||
background: $success-border;
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:nth-child(odd) td:last-child {
|
tr {
|
||||||
background: $success-bg;
|
&:nth-child(even) td:last-child {
|
||||||
}
|
background: $success-border;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:nth-child(odd) td:last-child {
|
||||||
|
background: $success-bg;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.admin-content .select-geozone, .admin-content .select-heading {
|
.admin-content .select-geozone,
|
||||||
|
.admin-content .select-heading {
|
||||||
|
|
||||||
a {
|
a {
|
||||||
display: block;
|
display: block;
|
||||||
@@ -501,14 +482,14 @@ body.admin {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
table.investment-projects-summary {
|
.investment-projects-summary {
|
||||||
|
|
||||||
td.total-price {
|
.total-price {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
body.admin {
|
.admin {
|
||||||
|
|
||||||
.geozone {
|
.geozone {
|
||||||
background: #ececec;
|
background: #ececec;
|
||||||
@@ -516,8 +497,8 @@ body.admin {
|
|||||||
color: $text;
|
color: $text;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: $small-font-size;
|
font-size: $small-font-size;
|
||||||
margin-bottom: $line-height/3;
|
margin-bottom: $line-height / 3;
|
||||||
padding: $line-height/4 $line-height/3;
|
padding: $line-height / 4 $line-height / 3;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
@@ -538,9 +519,9 @@ body.admin {
|
|||||||
table {
|
table {
|
||||||
|
|
||||||
.callout {
|
.callout {
|
||||||
height: $line-height*2;
|
height: $line-height * 2;
|
||||||
line-height: $line-height*2;
|
line-height: $line-height * 2;
|
||||||
padding: 0 $line-height/2;
|
padding: 0 $line-height / 2;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -551,15 +532,15 @@ table {
|
|||||||
// ---------------
|
// ---------------
|
||||||
|
|
||||||
.markdown-editor {
|
.markdown-editor {
|
||||||
background-color: white;
|
background-color: #fff;
|
||||||
|
|
||||||
.markdown-area,
|
.markdown-area,
|
||||||
#markdown-preview {
|
.markdown-preview {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-editor #markdown-preview {
|
.markdown-editor .markdown-preview {
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
height: 15em;
|
height: 15em;
|
||||||
}
|
}
|
||||||
@@ -577,11 +558,11 @@ table {
|
|||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-editor.fullscreen #markdown-preview {
|
.markdown-editor.fullscreen .markdown-preview {
|
||||||
height: 99%;
|
height: 99%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.edit_legislation_draft_version .row {
|
.edit-legislation-draft-version .row {
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -614,7 +595,7 @@ table {
|
|||||||
|
|
||||||
// 08. CMS
|
// 08. CMS
|
||||||
// --------------
|
// --------------
|
||||||
.cms_page_list {
|
.cms-page-list {
|
||||||
|
|
||||||
[class^="icon-"] {
|
[class^="icon-"] {
|
||||||
padding-right: $menu-icon-spacing;
|
padding-right: $menu-icon-spacing;
|
||||||
@@ -624,17 +605,18 @@ table {
|
|||||||
|
|
||||||
.legislation-process-edit {
|
.legislation-process-edit {
|
||||||
|
|
||||||
.edit_legislation_process {
|
.edit-legislation-process {
|
||||||
|
|
||||||
small {
|
small {
|
||||||
color: $text-medium;
|
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;
|
background: $white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.legislation-process-start, .legislation-process-end {
|
.legislation-process-start,
|
||||||
|
.legislation-process-end {
|
||||||
@include breakpoint(medium) {
|
@include breakpoint(medium) {
|
||||||
line-height: 3rem;
|
line-height: 3rem;
|
||||||
}
|
}
|
||||||
@@ -664,7 +646,7 @@ table {
|
|||||||
|
|
||||||
.legislation-questions-form {
|
.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;
|
background: $white;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
|
||||||
@@ -673,53 +655,113 @@ table {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
input::-webkit-input-placeholder {
|
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 {
|
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.legislation-questions-answers {
|
.legislation-questions-answers {
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.field {
|
.field {
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
|
|
||||||
@include breakpoint(medium) {
|
@include breakpoint(medium) {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
line-height: 3rem;
|
||||||
|
color: $delete;
|
||||||
|
|
||||||
|
span {
|
||||||
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.icon-x {
|
||||||
|
vertical-align: sub;
|
||||||
|
text-decoration: none;
|
||||||
|
line-height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active,
|
||||||
|
&:focus,
|
||||||
|
&:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.fullscreen-container {
|
||||||
|
|
||||||
|
a {
|
||||||
|
line-height: 8rem;
|
||||||
|
|
||||||
|
&:active,
|
||||||
|
&:focus,
|
||||||
|
&:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.fullscreen {
|
||||||
|
|
||||||
|
.fullscreen-container {
|
||||||
|
|
||||||
a {
|
a {
|
||||||
line-height: 3rem;
|
line-height: 3rem;
|
||||||
color: $delete;
|
|
||||||
|
|
||||||
span {
|
@include breakpoint(medium) {
|
||||||
text-decoration: underline;
|
float: right;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.icon-x {
|
.markdown-editor-header {
|
||||||
vertical-align: sub;
|
vertical-align: top;
|
||||||
text-decoration: none;
|
display: inline-block;
|
||||||
line-height: 0;
|
color: $white;
|
||||||
}
|
|
||||||
|
|
||||||
&:active,
|
@include breakpoint(medium) {
|
||||||
&:focus,
|
line-height: 3rem;
|
||||||
&:hover {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.truncate {
|
||||||
|
@include breakpoint(medium) {
|
||||||
|
width: 40vw;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.markdown-editor-buttons {
|
||||||
|
display: block;
|
||||||
|
|
||||||
|
@include breakpoint(medium) {
|
||||||
|
display: inline-block;
|
||||||
|
float: right;
|
||||||
|
padding-left: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
input {
|
||||||
|
font-size: $small-font-size;
|
||||||
|
padding: 0.5em 1em;
|
||||||
|
margin-left: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
margin-top: 1rem;
|
||||||
|
|
||||||
|
@include breakpoint(medium) {
|
||||||
|
margin: 0.5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: $white;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -731,7 +773,7 @@ table {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
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;
|
background: $white;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -761,30 +803,20 @@ table {
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
span {
|
||||||
line-height: 8rem;
|
text-decoration: none;
|
||||||
|
font-size: $small-font-size;
|
||||||
|
}
|
||||||
|
|
||||||
span {
|
.icon-expand {
|
||||||
text-decoration: none;
|
margin-left: 0.25rem;
|
||||||
font-size: $small-font-size;
|
vertical-align: sub;
|
||||||
}
|
text-decoration: none;
|
||||||
|
line-height: 0;
|
||||||
.icon-expand {
|
|
||||||
margin-left: 0.25rem;
|
|
||||||
vertical-align: sub;
|
|
||||||
text-decoration: none;
|
|
||||||
line-height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:active,
|
|
||||||
&:focus,
|
|
||||||
&:hover {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#legislation_draft_version_body {
|
.legislation-draft-version-body {
|
||||||
font-family: $font-family-serif;
|
font-family: $font-family-serif;
|
||||||
background: #f5f5f5;
|
background: #f5f5f5;
|
||||||
height: 16em;
|
height: 16em;
|
||||||
@@ -795,12 +827,17 @@ table {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#markdown-preview {
|
.markdown-preview {
|
||||||
font-family: $font-family-serif;
|
font-family: $font-family-serif;
|
||||||
border: 1px solid #cacaca;
|
border: 1px solid #cacaca;
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
font-family: $font-family-serif !important;
|
font-family: $font-family-serif !important;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
line-height: 1.625rem;
|
line-height: 1.625rem;
|
||||||
@@ -816,7 +853,7 @@ table {
|
|||||||
.fullscreen {
|
.fullscreen {
|
||||||
|
|
||||||
.markdown-area,
|
.markdown-area,
|
||||||
#markdown-preview {
|
.markdown-preview {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -829,78 +866,21 @@ table {
|
|||||||
background: $admin-color;
|
background: $admin-color;
|
||||||
padding: 0.5rem 1rem;
|
padding: 0.5rem 1rem;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
|
||||||
a {
|
|
||||||
line-height: 3rem;
|
|
||||||
|
|
||||||
@include breakpoint(medium) {
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown-editor-header {
|
|
||||||
vertical-align: top;
|
|
||||||
display: inline-block;
|
|
||||||
color: $white;
|
|
||||||
|
|
||||||
@include breakpoint(medium) {
|
|
||||||
line-height: 3rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.truncate {
|
|
||||||
@include breakpoint(medium) {
|
|
||||||
width: 40vw;
|
|
||||||
white-space: nowrap;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown-editor-buttons {
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
@include breakpoint(medium) {
|
|
||||||
display: inline-block;
|
|
||||||
float: right;
|
|
||||||
padding-left: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
|
||||||
font-size: $small-font-size;
|
|
||||||
padding: 0.5em 1em;
|
|
||||||
margin-left: 0;
|
|
||||||
margin-bottom: 0;
|
|
||||||
margin-top: 1rem;
|
|
||||||
|
|
||||||
@include breakpoint(medium) {
|
|
||||||
margin: 0.5rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: $white;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#legislation_draft_version_body {
|
.legislation-draft-version-body {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
border: none;
|
border: 0;
|
||||||
|
|
||||||
@include breakpoint(medium) {
|
@include breakpoint(medium) {
|
||||||
padding: 1rem 2rem;
|
padding: 1rem 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:focus {
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#markdown-preview {
|
.markdown-preview {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
border: none;
|
border: 0;
|
||||||
|
|
||||||
@include breakpoint(medium) {
|
@include breakpoint(medium) {
|
||||||
padding: 1rem 2rem;
|
padding: 1rem 2rem;
|
||||||
@@ -908,3 +888,9 @@ table {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.legislation-draft-version-body {
|
||||||
|
&:focus {
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -2,59 +2,59 @@
|
|||||||
//
|
//
|
||||||
|
|
||||||
.annotator-editor .annotator-controls,
|
.annotator-editor .annotator-controls,
|
||||||
.annotator-filter, .annotator-filter
|
.annotator-filter,
|
||||||
.annotator-filter-navigation button {
|
.annotator-filter .annotator-filter-navigation button {
|
||||||
background: #F3F3F3;
|
background: #f3f3f3;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
border: 0;
|
border: 0;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border-top: 1px solid $border;
|
border-top: 1px solid $border;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
padding: $line-height/2 $line-height/4;
|
padding: $line-height / 2 $line-height / 4;
|
||||||
}
|
}
|
||||||
|
|
||||||
.annotator-adder {
|
.annotator-adder {
|
||||||
background-image: image-url("annotator_adder.png");
|
background-image: image-url('annotator_adder.png');
|
||||||
margin-top: -52px;
|
margin-top: -52px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.annotator-widget {
|
.annotator-widget {
|
||||||
background: white;
|
background: #fff;
|
||||||
border: 1px solid $border;
|
border: 1px solid $border;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
bottom: $line-height;
|
bottom: $line-height;
|
||||||
box-shadow: 0 0 5px rgba(0,0,0,0.05);
|
box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
|
||||||
font-family: $body-font-family;
|
font-family: $body-font-family;
|
||||||
font-size: $base-font-size;
|
font-size: $base-font-size;
|
||||||
line-height: $line-height;
|
line-height: $line-height;
|
||||||
min-width: $line-height*13;
|
min-width: $line-height * 13;
|
||||||
|
|
||||||
p {
|
p {
|
||||||
color: $text;
|
color: $text;
|
||||||
padding: $line-height/2;
|
padding: $line-height / 2;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.annotator-item,
|
.annotator-item,
|
||||||
.annotator-editor .annotator-item input:focus,
|
.annotator-editor .annotator-item input:focus,
|
||||||
.annotator-editor .annotator-item textarea:focus {
|
.annotator-editor .annotator-item textarea:focus {
|
||||||
background: white;
|
background: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.annotator-widget:after,
|
.annotator-widget::after,
|
||||||
.annotator-editor.annotator-invert-y .annotator-widget:after {
|
.annotator-editor.annotator-invert-y .annotator-widget::after {
|
||||||
background-image: image-url("annotator_items.png");
|
background-image: image-url('annotator_items.png');
|
||||||
}
|
}
|
||||||
|
|
||||||
.annotator-editor a,
|
.annotator-editor a,
|
||||||
.annotator-filter .annotator-filter-property label {
|
.annotator-filter .annotator-filter-property label {
|
||||||
padding: 0 $line-height/4;
|
padding: 0 $line-height / 4;
|
||||||
}
|
}
|
||||||
|
|
||||||
.annotator-editor a {
|
.annotator-editor a {
|
||||||
background: none;
|
background: none;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
border: none;
|
border: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
color: $link;
|
color: $link;
|
||||||
font-family: $body-font-family;
|
font-family: $body-font-family;
|
||||||
@@ -63,7 +63,9 @@
|
|||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
&:hover, &:active, &:focus {
|
&:hover,
|
||||||
|
&:active,
|
||||||
|
&:focus {
|
||||||
background: none;
|
background: none;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: $link-hover;
|
color: $link-hover;
|
||||||
@@ -71,28 +73,28 @@
|
|||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:after {
|
&::after {
|
||||||
content: none;
|
content: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.annotator-cancel {
|
&.annotator-cancel {
|
||||||
background: #F04124;
|
background: #f04124;
|
||||||
color: white;
|
color: #fff;
|
||||||
padding: $line-height/4 $line-height/2;
|
padding: $line-height / 4 $line-height / 2;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: darken(#F04124, 20);
|
background: darken(#f04124, 20);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.annotator-save {
|
&.annotator-save {
|
||||||
background: #43AC6A;
|
background: #43ac6a;
|
||||||
color: white;
|
color: #fff;
|
||||||
padding: $line-height/4 $line-height/2;
|
padding: $line-height / 4 $line-height / 2;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: darken(#43AC6A, 20);
|
background: darken(#43ac6a, 20);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -104,19 +106,23 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.annotator-hl.weight-1 {
|
.annotator-hl.weight-1 {
|
||||||
background: #FFF9DA;
|
background: #fff9da;
|
||||||
}
|
}
|
||||||
|
|
||||||
.annotator-hl.weight-2 {
|
.annotator-hl.weight-2 {
|
||||||
background: #FFF5BC;
|
background: #fff5bc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.annotator-hl.weight-3 {
|
.annotator-hl.weight-3 {
|
||||||
background: #FFF1A2;
|
background: #fff1a2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.annotator-hl.weight-4 {
|
.annotator-hl.weight-4 {
|
||||||
background: #FFEF8C;
|
background: #ffef8c;
|
||||||
}
|
}
|
||||||
|
|
||||||
.annotator-hl.weight-5 {
|
.annotator-hl.weight-5 {
|
||||||
background: #FFE95F;
|
background: #ffe95f;
|
||||||
}
|
}
|
||||||
|
|
||||||
.current-annotation {
|
.current-annotation {
|
||||||
|
|||||||
@@ -1,17 +1,17 @@
|
|||||||
@import "social-share-button";
|
@import 'social-share-button';
|
||||||
@import "foundation_and_overrides";
|
@import 'foundation_and_overrides';
|
||||||
@import "fonts";
|
@import 'fonts';
|
||||||
@import "icons";
|
@import 'icons';
|
||||||
@import "mixins";
|
@import 'mixins';
|
||||||
@import "admin";
|
@import 'admin';
|
||||||
@import "layout";
|
@import 'layout';
|
||||||
@import "participation";
|
@import 'participation';
|
||||||
@import "pages";
|
@import 'pages';
|
||||||
@import "legislation";
|
@import 'legislation';
|
||||||
@import "legislation_process";
|
@import 'legislation_process';
|
||||||
@import "custom";
|
@import 'custom';
|
||||||
@import "c3";
|
@import 'c3';
|
||||||
@import "annotator.min";
|
@import 'annotator.min';
|
||||||
@import "annotator_overrides";
|
@import 'annotator_overrides';
|
||||||
@import "jquery-ui/datepicker";
|
@import 'jquery-ui/datepicker';
|
||||||
@import "datepicker_overrides";
|
@import 'datepicker_overrides';
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
|
|
||||||
.ui-datepicker-header {
|
.ui-datepicker-header {
|
||||||
background: $brand;
|
background: $brand;
|
||||||
color: white;
|
color: #fff;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -14,9 +14,17 @@
|
|||||||
color: $text;
|
color: $text;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-state-hover, .ui-state-active {
|
.ui-state-hover,
|
||||||
|
.ui-state-active {
|
||||||
background: $brand;
|
background: $brand;
|
||||||
color: white;
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
thead {
|
||||||
|
|
||||||
|
tr th {
|
||||||
|
color: $dark;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -32,8 +40,9 @@
|
|||||||
right: 12px;
|
right: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-datepicker-prev, .ui-datepicker-next {
|
.ui-datepicker-prev,
|
||||||
color: white;
|
.ui-datepicker-next {
|
||||||
|
color: #fff;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-size: $small-font-size;
|
font-size: $small-font-size;
|
||||||
@@ -44,51 +53,42 @@
|
|||||||
table {
|
table {
|
||||||
border: 1px solid $border;
|
border: 1px solid $border;
|
||||||
border-top: 0;
|
border-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
thead {
|
tr {
|
||||||
background: $dark;
|
border-bottom: 1px solid $border;
|
||||||
border-left: 1px solid $dark;
|
|
||||||
border-right: 1px solid $dark;
|
|
||||||
|
|
||||||
tr th {
|
&:last-child {
|
||||||
color: $dark;
|
border-bottom: 0;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
tr {
|
&:nth-child(odd) {
|
||||||
border-bottom: 1px solid $border;
|
background: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&:last-child {
|
td {
|
||||||
border-bottom: 0px;
|
padding: 0;
|
||||||
}
|
border-right: 1px solid $border;
|
||||||
|
|
||||||
&:nth-child(odd) {
|
&:last-child {
|
||||||
background: none;
|
border-right: 0;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
td {
|
span,
|
||||||
padding: 0;
|
a {
|
||||||
border-right: 1px solid $border;
|
text-align: center;
|
||||||
|
line-height: $line-height;
|
||||||
&:last-child {
|
color: $text;
|
||||||
border-right: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
span, a {
|
|
||||||
text-align: center;
|
|
||||||
line-height: $line-height;
|
|
||||||
color: $text;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.ui-datepicker-unselectable.ui-state-disabled {
|
|
||||||
background: white;
|
|
||||||
|
|
||||||
.ui-state-default {
|
|
||||||
background: #F8F8F8;
|
|
||||||
color: $text-medium;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ui-datepicker-unselectable.ui-state-disabled {
|
||||||
|
background: #fff;
|
||||||
|
|
||||||
|
.ui-state-default {
|
||||||
|
background: #f8f8f8;
|
||||||
|
color: $text-medium;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -16,7 +16,7 @@
|
|||||||
font-url('sourcesanspro-light-webfont.woff2') format('woff2'),
|
font-url('sourcesanspro-light-webfont.woff2') format('woff2'),
|
||||||
font-url('sourcesanspro-light-webfont.woff') format('woff'),
|
font-url('sourcesanspro-light-webfont.woff') format('woff'),
|
||||||
font-url('sourcesanspro-light-webfont.ttf') format('truetype'),
|
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 {
|
@font-face {
|
||||||
@@ -67,7 +67,7 @@
|
|||||||
font-url('lato-light.ttf') format('truetype'),
|
font-url('lato-light.ttf') format('truetype'),
|
||||||
font-url('lato-light.svg#latolight') format('svg');
|
font-url('lato-light.svg#latolight') format('svg');
|
||||||
font-weight: lighter;
|
font-weight: lighter;
|
||||||
font-style: normal
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
@@ -79,7 +79,7 @@
|
|||||||
font-url('lato-regular.ttf') format('truetype'),
|
font-url('lato-regular.ttf') format('truetype'),
|
||||||
font-url('lato-regular.svg#latoregular') format('svg');
|
font-url('lato-regular.svg#latoregular') format('svg');
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
@@ -91,5 +91,5 @@
|
|||||||
font-url('lato-bold.ttf') format('truetype'),
|
font-url('lato-bold.ttf') format('truetype'),
|
||||||
font-url('lato-bold.svg#latobold') format('svg');
|
font-url('lato-bold.svg#latobold') format('svg');
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-style: normal
|
font-style: normal;
|
||||||
}
|
}
|
||||||
@@ -1,4 +1,5 @@
|
|||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'icons';
|
font-family: 'icons';
|
||||||
src: font-url('icons.eot');
|
src: font-url('icons.eot');
|
||||||
@@ -9,7 +10,8 @@
|
|||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
[data-icon]:before {
|
|
||||||
|
[data-icon]::before {
|
||||||
font-family: "icons" !important;
|
font-family: "icons" !important;
|
||||||
content: attr(data-icon);
|
content: attr(data-icon);
|
||||||
font-style: normal !important;
|
font-style: normal !important;
|
||||||
@@ -21,8 +23,9 @@
|
|||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
}
|
}
|
||||||
[class^="icon-"]:before,
|
|
||||||
[class*=" icon-"]:before {
|
[class^="icon-"]::before,
|
||||||
|
[class*=" icon-"]::before {
|
||||||
font-family: "icons" !important;
|
font-family: "icons" !important;
|
||||||
font-style: normal !important;
|
font-style: normal !important;
|
||||||
font-weight: normal !important;
|
font-weight: normal !important;
|
||||||
@@ -33,168 +36,223 @@
|
|||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-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';
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -8,7 +8,9 @@
|
|||||||
// 01. Global styles
|
// 01. Global styles
|
||||||
// -----------------
|
// -----------------
|
||||||
|
|
||||||
*, *:before, *:after {
|
*,
|
||||||
|
*::before,
|
||||||
|
*::after {
|
||||||
box-sizing: border-box !important;
|
box-sizing: border-box !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -23,96 +25,344 @@
|
|||||||
display: block !important;
|
display: block !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.column, .columns {
|
.column,
|
||||||
|
.columns {
|
||||||
display: inline-block !important;
|
display: inline-block !important;
|
||||||
float: none !important;
|
float: none !important;
|
||||||
box-sizing: border-box !important;
|
box-sizing: border-box !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.small-1, .row .small-1 { width: 7.33333%; }
|
.small-1,
|
||||||
.small-2, .row .small-2 { width: 15.66667%; }
|
.row .small-1 {
|
||||||
.small-3, .row .small-3 { width: 24%; }
|
width: 7.33333%;
|
||||||
.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%; }
|
|
||||||
|
|
||||||
.medium-1, .row .medium-1 { width: 7.33333%; }
|
.small-2,
|
||||||
.medium-2, .row .medium-2 { width: 15.66667%; }
|
.row .small-2 {
|
||||||
.medium-3, .row .medium-3 { width: 24%; }
|
width: 15.66667%;
|
||||||
.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%; }
|
.small-3,
|
||||||
.large-2, .row .large-2 { width: 15.66667%; }
|
.row .small-3 {
|
||||||
.large-3, .row .large-3 { width: 24%; }
|
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%; }
|
.small-4,
|
||||||
.row .small-offset-2 { margin-left: 15.66667%; }
|
.row .small-4 {
|
||||||
.row .small-offset-3 { margin-left: 24%; }
|
width: 32.33333%;
|
||||||
.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%; }
|
.small-5,
|
||||||
.row .medium-offset-2 { margin-left: 15.66667%; }
|
.row .small-5 {
|
||||||
.row .medium-offset-3 { margin-left: 24%; }
|
width: 40.66667%;
|
||||||
.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%; }
|
.small-6,
|
||||||
.row .large-offset-2 { margin-left: 15.66667%; }
|
.row .small-6 {
|
||||||
.row .large-offset-3 { margin-left: 24%; }
|
width: 49%;
|
||||||
.row .large-offset-4 { margin-left: 32.33333%; }
|
}
|
||||||
.row .large-offset-5 { margin-left: 40.66667%; }
|
|
||||||
.row .large-offset-6 { margin-left: 49%; }
|
.small-7,
|
||||||
.row .large-offset-7 { margin-left: 57.33333%; }
|
.row .small-7 {
|
||||||
.row .large-offset-8 { margin-left: 65.66667%; }
|
width: 57.33333%;
|
||||||
.row .large-offset-9 { margin-left: 74%; }
|
}
|
||||||
.row .large-offset-10 { margin-left: 82.33333%; }
|
|
||||||
.row .large-offset-11 { margin-left: 90.66667%; }
|
.small-8,
|
||||||
.row .large-offset-12 { margin-left: 99%; }
|
.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 {
|
.top-bar {
|
||||||
clear: both !important;
|
clear: both !important;
|
||||||
height: 100px !important;
|
height: 100px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.locale, .external-links {
|
.locale,
|
||||||
|
.external-links {
|
||||||
background: #002d50 !important;
|
background: #002d50 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -121,11 +371,12 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.external-links {
|
.external-links {
|
||||||
color: white !important;
|
color: #fff !important;
|
||||||
float: right !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;
|
display: inline-block !important;
|
||||||
float: none !important;
|
float: none !important;
|
||||||
}
|
}
|
||||||
@@ -140,28 +391,29 @@
|
|||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
position: inherit !important;
|
position: inherit !important;
|
||||||
|
|
||||||
&:after {
|
&::after {
|
||||||
content: none !important;
|
content: none !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
form {
|
form {
|
||||||
|
|
||||||
input, textarea {
|
input,
|
||||||
|
textarea {
|
||||||
height: 48px !important;
|
height: 48px !important;
|
||||||
line-height: 48px !important;
|
line-height: 48px !important;
|
||||||
margin-bottom: 24px !important;
|
margin-bottom: 24px !important;
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="checkbox"],
|
[type="checkbox"],
|
||||||
input[type="radio"] {
|
[type="radio"] {
|
||||||
height: auto !important;
|
height: auto !important;
|
||||||
line-height: inherit !important;
|
line-height: inherit !important;
|
||||||
width: auto !important;
|
width: auto !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="radio"] {
|
[type="radio"] {
|
||||||
width: 18px !important;
|
width: 18px !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -184,16 +436,17 @@ form {
|
|||||||
// 02. Admin
|
// 02. Admin
|
||||||
// ---------
|
// ---------
|
||||||
|
|
||||||
body.admin form {
|
.admin form {
|
||||||
|
|
||||||
input[type="text"], textarea {
|
[type="text"],
|
||||||
|
textarea {
|
||||||
height: 48px !important;
|
height: 48px !important;
|
||||||
line-height: 48px !important;
|
line-height: 48px !important;
|
||||||
margin-bottom: 24px !important;
|
margin-bottom: 24px !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.admin-sidebar ul [class^="icon-"] {
|
.admin-sidebar [class^="icon-"] {
|
||||||
padding-left: 12px !important;
|
padding-left: 12px !important;
|
||||||
padding-right: 12px !important;
|
padding-right: 12px !important;
|
||||||
}
|
}
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@@ -18,7 +18,7 @@
|
|||||||
h4 {
|
h4 {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: white;
|
color: #fff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -28,7 +28,7 @@
|
|||||||
.legislation-categories {
|
.legislation-categories {
|
||||||
|
|
||||||
.menu.simple {
|
.menu.simple {
|
||||||
border-bottom: none;
|
border-bottom: 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
@@ -37,19 +37,19 @@
|
|||||||
@include breakpoint(medium) {
|
@include breakpoint(medium) {
|
||||||
margin: 1.5rem 0;
|
margin: 1.5rem 0;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
display: block;
|
display: block;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
|
|
||||||
@include breakpoint(medium) {
|
@include breakpoint(medium) {
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
max-width: 80%;
|
max-width: 80%;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
li.active {
|
&.active {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -58,14 +58,14 @@
|
|||||||
// 03. Legislation cards
|
// 03. Legislation cards
|
||||||
// -----------------
|
// -----------------
|
||||||
.legislation {
|
.legislation {
|
||||||
margin: 0 0 $line-height 0;
|
margin: 0 0 $line-height;
|
||||||
background: white;
|
background: #fff;
|
||||||
border: 1px solid;
|
border: 1px solid;
|
||||||
border-color: #e5e6e9 #dfe0e4 #d0d1d5;
|
border-color: #e5e6e9 #dfe0e4 #d0d1d5;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
box-shadow: 0px 1px 3px 0 #DEE0E3;
|
box-shadow: 0 1px 3px 0 #dee0e3;
|
||||||
min-height: 12rem;
|
min-height: 12rem;
|
||||||
padding: 2rem 0 0 0;
|
padding: 2rem 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.legislation-text {
|
.legislation-text {
|
||||||
@@ -83,13 +83,13 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.legislation-calendar {
|
.legislation-calendar {
|
||||||
background: #E5ECF2;
|
background: #e5ecf2;
|
||||||
padding-top: 1rem;
|
padding-top: 1rem;
|
||||||
|
|
||||||
h5 {
|
h5 {
|
||||||
margin-left: 0.25rem;
|
margin-left: 0.25rem;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
color: #61686E;
|
color: #61686e;
|
||||||
|
|
||||||
@include breakpoint(medium) {
|
@include breakpoint(medium) {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
|
|||||||
@@ -16,7 +16,7 @@
|
|||||||
// -----------------
|
// -----------------
|
||||||
|
|
||||||
.grey-heading {
|
.grey-heading {
|
||||||
background: #E6E6E6;
|
background: #e6e6e6;
|
||||||
}
|
}
|
||||||
|
|
||||||
$epigraph-font-size: rem-calc(15);
|
$epigraph-font-size: rem-calc(15);
|
||||||
@@ -39,15 +39,15 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
list-style: none;
|
list-style: none;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
|
|
||||||
li:before {
|
li::before {
|
||||||
vertical-align: text-bottom;
|
vertical-align: text-bottom;
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
content: "■";
|
content: '■';
|
||||||
color: #8AA8BE;
|
color: #8aa8be;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#debate-show {
|
.legislation-debate-show {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -82,12 +82,9 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
}
|
}
|
||||||
|
|
||||||
.half-gradient {
|
.half-gradient {
|
||||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+0,e6e6e6+50,ffffff+50 */
|
background: #e6e6e6;
|
||||||
background: #e6e6e6; /* Old browsers */
|
background: linear-gradient(to bottom, #e6e6e6 0%, #e6e6e6 50%, #fff 50%);
|
||||||
background: -moz-linear-gradient(top, #e6e6e6 0%, #e6e6e6 50%, #ffffff 50%); /* FF3.6-15 */
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#fff', GradientType=0);
|
||||||
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 */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-center .button {
|
.text-center .button {
|
||||||
@@ -115,14 +112,14 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
ul {
|
ul {
|
||||||
font-size: $epigraph-font-size;
|
font-size: $epigraph-font-size;
|
||||||
line-height: $epigraph-line-height;
|
line-height: $epigraph-line-height;
|
||||||
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
|
|
||||||
p {
|
p {
|
||||||
display: inline;
|
display: inline;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -134,6 +131,11 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
.button-subscribe {
|
.button-subscribe {
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
|
|
||||||
|
@include breakpoint(medium) {
|
||||||
|
padding: 0.5em 1em;
|
||||||
|
margin-top: 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
@@ -144,12 +146,7 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:hover h3 {
|
&:hover h3 {
|
||||||
color: white;
|
color: #fff;
|
||||||
}
|
|
||||||
|
|
||||||
@include breakpoint(medium) {
|
|
||||||
padding: 0.5em 1em;
|
|
||||||
margin-top: 3rem;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -161,7 +158,7 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
|
|
||||||
.legislation-process-list {
|
.legislation-process-list {
|
||||||
border-bottom: 1px solid $medium-gray;
|
border-bottom: 1px solid $medium-gray;
|
||||||
margin: 0 1rem 1rem 1rem;
|
margin: 0 1rem 1rem;
|
||||||
padding-top: 4rem;
|
padding-top: 4rem;
|
||||||
|
|
||||||
@include breakpoint(medium) {
|
@include breakpoint(medium) {
|
||||||
@@ -190,53 +187,54 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
left: -1rem;
|
left: -1rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 0 1rem 1rem 0;
|
margin: 0 1rem 1rem 0;
|
||||||
transition: all 0.4s;
|
transition: all 0.4s;
|
||||||
border-bottom: 2px solid transparent;
|
border-bottom: 2px solid transparent;
|
||||||
|
|
||||||
&:first-of-type {
|
&:first-of-type {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:active,
|
|
||||||
&:focus {
|
|
||||||
border-bottom: 2px solid $brand;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
margin: 0 0 0 3rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
a,
|
|
||||||
h4 {
|
|
||||||
display: block;
|
|
||||||
color: #6D6D6D;
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
&:hover, &:active {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
margin-bottom: 0;
|
|
||||||
|
|
||||||
@include breakpoint(medium) {
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.active {
|
&:hover,
|
||||||
|
&:active,
|
||||||
|
&:focus {
|
||||||
border-bottom: 2px solid $brand;
|
border-bottom: 2px solid $brand;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-width: 950px) {
|
||||||
|
margin: 0 0 0 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
a,
|
||||||
|
h4 {
|
||||||
|
display: block;
|
||||||
|
color: #6d6d6d;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
&:hover,
|
||||||
|
&:active {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin-bottom: 0;
|
||||||
|
|
||||||
|
@include breakpoint(medium) {
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.active {
|
||||||
|
border-bottom: 2px solid $brand;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -269,21 +267,21 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
.debate-title a {
|
.debate-title a {
|
||||||
color: $brand;
|
color: $brand;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.debate-meta,
|
.debate-meta,
|
||||||
.debate-meta a {
|
.debate-meta a {
|
||||||
font-size: $small-font-size;
|
font-size: $small-font-size;
|
||||||
color: #6D6D6D;
|
color: #6d6d6d;
|
||||||
|
|
||||||
.icon-comments {
|
.icon-comments {
|
||||||
margin-right: 0.2rem;
|
margin-right: 0.2rem;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.debate-info {
|
.debate-info {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
background: #F4F4F4;
|
background: #f4f4f4;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -297,13 +295,14 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
.quiz-header {
|
.quiz-header {
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
|
|
||||||
.quiz-title, .quiz-next {
|
.quiz-title,
|
||||||
|
.quiz-next {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
height: 6rem;
|
height: 6rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.quiz-title {
|
.quiz-title {
|
||||||
background: #E5ECF2;
|
background: #e5ecf2;
|
||||||
|
|
||||||
.quiz-header-title {
|
.quiz-header-title {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
@@ -324,12 +323,13 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
.quiz-next-link {
|
.quiz-next-link {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
||||||
&:hover, &:active {
|
&:hover,
|
||||||
|
&:active {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.quiz-next {
|
.quiz-next {
|
||||||
background: #CCDBE5;
|
background: #ccdbe5;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: $brand;
|
color: $brand;
|
||||||
font-size: $small-font-size;
|
font-size: $small-font-size;
|
||||||
@@ -341,13 +341,14 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
vertical-align: sub;
|
vertical-align: sub;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover, &:active {
|
&:hover,
|
||||||
|
&:active {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background: $brand;
|
background: $brand;
|
||||||
color: white;
|
color: #fff;
|
||||||
|
|
||||||
.icon-angle-right {
|
.icon-angle-right {
|
||||||
color: white;
|
color: #fff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -380,8 +381,8 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
}
|
}
|
||||||
|
|
||||||
.active {
|
.active {
|
||||||
background: #CCDBE6;
|
background: #ccdbe6;
|
||||||
border: none;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.control input {
|
.control input {
|
||||||
@@ -392,7 +393,7 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
|
|
||||||
.control input:checked ~ .control-indicator {
|
.control input:checked ~ .control-indicator {
|
||||||
background-color: $brand;
|
background-color: $brand;
|
||||||
border: none;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.radio .control-indicator {
|
.radio .control-indicator {
|
||||||
@@ -409,11 +410,8 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
line-height: 1rem;
|
line-height: 1rem;
|
||||||
font-size: 65%;
|
font-size: 65%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border: 2px solid #9C9C9C;
|
border: 2px solid #9c9c9c;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
-webkit-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -422,9 +420,9 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
// 06. Legislation draft
|
// 06. Legislation draft
|
||||||
// -----------------
|
// -----------------
|
||||||
.debate-draft {
|
.debate-draft {
|
||||||
padding: 10rem 2rem 15rem 2rem;
|
padding: 10rem 2rem 15rem;
|
||||||
display: block;
|
display: block;
|
||||||
background: #F2F2F2;
|
background: #f2f2f2;
|
||||||
|
|
||||||
button {
|
button {
|
||||||
height: 90px;
|
height: 90px;
|
||||||
@@ -445,7 +443,7 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
.legislation-allegation {
|
.legislation-allegation {
|
||||||
padding-top: 1rem;
|
padding-top: 1rem;
|
||||||
|
|
||||||
#debate-show {
|
.legislation-debate-show {
|
||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -459,7 +457,7 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
|
|
||||||
.button-circle {
|
.button-circle {
|
||||||
line-height: 0;
|
line-height: 0;
|
||||||
padding: 0em;
|
padding: 0;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
@@ -467,7 +465,7 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
span {
|
span {
|
||||||
padding-left: 1px;
|
padding-left: 1px;
|
||||||
|
|
||||||
&:before {
|
&::before {
|
||||||
line-height: 1.55;
|
line-height: 1.55;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -482,8 +480,12 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
|
|
||||||
.button-subscribed {
|
.button-subscribed {
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
border: 1px solid #D1D1D1;
|
border: 1px solid #d1d1d1;
|
||||||
background: #F2F2F2;
|
background: #f2f2f2;
|
||||||
|
|
||||||
|
@include breakpoint(medium) {
|
||||||
|
padding: 0.5em 1em;
|
||||||
|
}
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@@ -499,10 +501,6 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
&:hover h3 {
|
&:hover h3 {
|
||||||
color: $text;
|
color: $text;
|
||||||
}
|
}
|
||||||
|
|
||||||
@include breakpoint(medium) {
|
|
||||||
padding: 0.5em 1em;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -547,7 +545,7 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
|
|
||||||
a {
|
a {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
color: $text-medium
|
color: $text-medium;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -585,12 +583,12 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
}
|
}
|
||||||
|
|
||||||
.calc-text {
|
.calc-text {
|
||||||
width: calc(65% - 25px)
|
width: calc(65% - 25px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.calc-comments {
|
.calc-comments {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
background: #F2F2F2;
|
background: #f2f2f2;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
|
|
||||||
.draft-panel {
|
.draft-panel {
|
||||||
@@ -618,7 +616,7 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
padding: 0.5rem 1rem;
|
padding: 0.5rem 1rem;
|
||||||
color: #696969;
|
color: #696969;
|
||||||
background: #F2F2F2;
|
background: #f2f2f2;
|
||||||
font-size: $small-font-size;
|
font-size: $small-font-size;
|
||||||
|
|
||||||
.icon-comments {
|
.icon-comments {
|
||||||
@@ -647,21 +645,23 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
li {
|
li {
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.open::before {
|
.open::before {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
margin-left: -1.25rem;
|
margin-left: -1.25rem;
|
||||||
font-family: "icons";
|
font-family: 'icons';
|
||||||
content: "\58";
|
content: '\58';
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
}
|
}
|
||||||
|
|
||||||
.closed::before {
|
.closed::before {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
margin-left: -1.25rem;
|
margin-left: -1.25rem;
|
||||||
font-family: "icons";
|
font-family: 'icons';
|
||||||
content: "\5a";
|
content: '\5a';
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
}
|
}
|
||||||
@@ -689,7 +689,7 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
|
|
||||||
.anchor::before {
|
.anchor::before {
|
||||||
display: none;
|
display: none;
|
||||||
content: "#";
|
content: '#';
|
||||||
color: $text-medium;
|
color: $text-medium;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
@@ -732,10 +732,7 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: #696969;
|
color: #696969;
|
||||||
margin-top: 4rem;
|
margin-top: 4rem;
|
||||||
-webkit-transform: rotate(-90deg);
|
transform: rotate(-90deg);
|
||||||
-moz-transform: rotate(-90deg);
|
|
||||||
-ms-transform: rotate(-90deg);
|
|
||||||
-o-transform: rotate(-90deg);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -746,7 +743,7 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
.comments-on {
|
.comments-on {
|
||||||
.calc-index {
|
.calc-index {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
background: #F2F2F2;
|
background: #f2f2f2;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
.panel-title {
|
.panel-title {
|
||||||
@@ -766,10 +763,7 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: #696969;
|
color: #696969;
|
||||||
margin-top: $line-height;
|
margin-top: $line-height;
|
||||||
-webkit-transform: rotate(-90deg);
|
transform: rotate(-90deg);
|
||||||
-moz-transform: rotate(-90deg);
|
|
||||||
-ms-transform: rotate(-90deg);
|
|
||||||
-o-transform: rotate(-90deg);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
|
||||||
|
|
||||||
.panel-title {
|
.panel-title {
|
||||||
@@ -781,11 +775,11 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
|
|
||||||
.calc-text {
|
.calc-text {
|
||||||
width: calc(65% - 25px);
|
width: calc(65% - 25px);
|
||||||
border-right: none;
|
border-right: 0;
|
||||||
|
|
||||||
.show-comments {
|
.show-comments {
|
||||||
width: 105%;
|
width: 105%;
|
||||||
background: #FAFAFA;
|
background: #fafafa;
|
||||||
padding: 0.25rem 2.5rem 0.25rem 0.25rem;
|
padding: 0.25rem 2.5rem 0.25rem 0.25rem;
|
||||||
border: 1px solid $border;
|
border: 1px solid $border;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
@@ -798,7 +792,7 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
}
|
}
|
||||||
|
|
||||||
.calc-comments {
|
.calc-comments {
|
||||||
background: white;
|
background: #fff;
|
||||||
cursor: auto;
|
cursor: auto;
|
||||||
width: calc(35% - 25px);
|
width: calc(35% - 25px);
|
||||||
|
|
||||||
@@ -810,7 +804,7 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#comments-box {
|
.comments-box-container {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 230px;
|
top: 230px;
|
||||||
}
|
}
|
||||||
@@ -818,7 +812,7 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
.comment-box {
|
.comment-box {
|
||||||
width: 375px;
|
width: 375px;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
background: #F9F9F9;
|
background: #f9f9f9;
|
||||||
border: 1px solid $border;
|
border: 1px solid $border;
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
@@ -868,7 +862,7 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
.participation-not-allowed {
|
.participation-not-allowed {
|
||||||
font-size: 0.875rem;
|
font-size: 0.875rem;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
padding: .85rem 0.75rem;
|
padding: 0.85rem 0.75rem;
|
||||||
top: -18px;
|
top: -18px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -880,31 +874,31 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
border-bottom: 1px solid $border;
|
border-bottom: 1px solid $border;
|
||||||
|
|
||||||
.comment-advice {
|
.comment-advice {
|
||||||
border-top: 1px solid #D0D0D0;
|
border-top: 1px solid #d0d0d0;
|
||||||
border-right: 1px solid #D0D0D0;
|
border-right: 1px solid #d0d0d0;
|
||||||
border-left: 1px solid #D0D0D0;
|
border-left: 1px solid #d0d0d0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5rem;
|
padding: 0.5rem;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: $small-font-size;
|
font-size: $small-font-size;
|
||||||
background: #DFDFDF;
|
background: #dfdfdf;
|
||||||
|
|
||||||
.icon-proposals {
|
.icon-proposals {
|
||||||
color: #838383;
|
color: #838383;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: #87A3B9;
|
color: #87a3b9;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
textarea {
|
textarea {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
border-bottom: 1px solid #D0D0D0;
|
border-bottom: 1px solid #d0d0d0;
|
||||||
border-right: 1px solid #D0D0D0;
|
border-right: 1px solid #d0d0d0;
|
||||||
border-left: 1px solid #D0D0D0;
|
border-left: 1px solid #d0d0d0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 200px;
|
height: 200px;
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
@@ -912,7 +906,7 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
|
|
||||||
.comment-actions {
|
.comment-actions {
|
||||||
.cancel-comment {
|
.cancel-comment {
|
||||||
color: #87A3B9;
|
color: #87a3b9;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
font-size: $small-font-size;
|
font-size: $small-font-size;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@@ -948,10 +942,11 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
&::after {
|
&::after {
|
||||||
content: "|";
|
content: '|';
|
||||||
color: #838383;
|
color: #838383;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-replies {
|
.comment-replies {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
@@ -968,14 +963,14 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
|
|
||||||
&::after {
|
&::after {
|
||||||
margin-left: 0.25rem;
|
margin-left: 0.25rem;
|
||||||
content: "|";
|
content: '|';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-like,
|
.icon-like,
|
||||||
.icon-unlike {
|
.icon-unlike {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: #C7C7C7;
|
color: #c7c7c7;
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:active,
|
&:active,
|
||||||
@@ -993,8 +988,8 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
}
|
}
|
||||||
|
|
||||||
.draft-panel {
|
.draft-panel {
|
||||||
background: #E5E5E5;
|
background: #e5e5e5;
|
||||||
border-left: 1px solid #D4D4D4;
|
border-left: 1px solid #d4d4d4;
|
||||||
|
|
||||||
.panel-title {
|
.panel-title {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@@ -1022,7 +1017,7 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
margin-right: 0.25rem;
|
margin-right: 0.25rem;
|
||||||
content: "—"
|
content: '—';
|
||||||
}
|
}
|
||||||
|
|
||||||
.changes-link {
|
.changes-link {
|
||||||
@@ -1041,7 +1036,7 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
|
|
||||||
.icon-external {
|
.icon-external {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #999999;
|
color: #999;
|
||||||
line-height: 0;
|
line-height: 0;
|
||||||
vertical-align: sub;
|
vertical-align: sub;
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
@@ -1067,9 +1062,9 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
}
|
}
|
||||||
|
|
||||||
.comment-section {
|
.comment-section {
|
||||||
background: #FAFAFA;
|
background: #fafafa;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
border: 1px solid #DEE0E3;
|
border: 1px solid #dee0e3;
|
||||||
margin-top: 0.25rem;
|
margin-top: 0.25rem;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
@@ -1085,7 +1080,7 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
.icon-expand,
|
.icon-expand,
|
||||||
.icon-comments {
|
.icon-comments {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #999999;
|
color: #999;
|
||||||
line-height: 0;
|
line-height: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1119,9 +1114,9 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
}
|
}
|
||||||
|
|
||||||
.comment-section {
|
.comment-section {
|
||||||
background: #FAFAFA;
|
background: #fafafa;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
border: 1px solid #DEE0E3;
|
border: 1px solid #dee0e3;
|
||||||
margin-top: 0.25rem;
|
margin-top: 0.25rem;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
@@ -1137,7 +1132,7 @@ $epigraph-line-height: rem-calc(22);
|
|||||||
.icon-expand,
|
.icon-expand,
|
||||||
.icon-comments {
|
.icon-comments {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #999999;
|
color: #999;
|
||||||
line-height: 0;
|
line-height: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -7,14 +7,14 @@
|
|||||||
// --------
|
// --------
|
||||||
|
|
||||||
@mixin logo {
|
@mixin logo {
|
||||||
color: white;
|
color: #fff;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-family: 'Lato' !important;
|
font-family: 'Lato' !important;
|
||||||
font-size: rem-calc(24);
|
font-size: rem-calc(24);
|
||||||
font-weight: lighter;
|
font-weight: lighter;
|
||||||
|
|
||||||
@include breakpoint(medium) {
|
@include breakpoint(medium) {
|
||||||
line-height: $line-height*2;
|
line-height: $line-height * 2;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -24,7 +24,7 @@
|
|||||||
|
|
||||||
@include breakpoint(medium) {
|
@include breakpoint(medium) {
|
||||||
height: 80px;
|
height: 80px;
|
||||||
margin-right: $line-height/2;
|
margin-right: $line-height / 2;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
width: 80px;
|
width: 80px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -16,7 +16,7 @@
|
|||||||
padding-top: $line-height;
|
padding-top: $line-height;
|
||||||
|
|
||||||
&.light {
|
&.light {
|
||||||
background: #ECF0F1;
|
background: #ecf0f1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -36,7 +36,7 @@
|
|||||||
|
|
||||||
@include breakpoint(medium) {
|
@include breakpoint(medium) {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-right: $line-height/2;
|
margin-right: $line-height / 2;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -50,7 +50,7 @@
|
|||||||
color: $brand;
|
color: $brand;
|
||||||
}
|
}
|
||||||
|
|
||||||
.additional-info {
|
.additional-info {
|
||||||
margin-bottom: $line-height;
|
margin-bottom: $line-height;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -68,23 +68,23 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.features {
|
.features {
|
||||||
list-style-type: circle;
|
list-style-type: circle;
|
||||||
margin-left: $line-height;
|
margin-left: $line-height;
|
||||||
|
|
||||||
@include breakpoint(medium) {
|
@include breakpoint(medium) {
|
||||||
margin: $line-height 0 $line-height $line-height*2.5;
|
margin: $line-height 0 $line-height $line-height * 2.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
margin-bottom: $line-height
|
margin-bottom: $line-height;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.section-content {
|
.section-content {
|
||||||
border-top: 1px solid $medium-gray;
|
border-top: 1px solid $medium-gray;
|
||||||
padding-bottom: $line-height*2;
|
padding-bottom: $line-height * 2;
|
||||||
padding-top: $line-height*2;
|
padding-top: $line-height * 2;
|
||||||
|
|
||||||
&:first-child {
|
&:first-child {
|
||||||
border-top: 0;
|
border-top: 0;
|
||||||
@@ -101,10 +101,10 @@
|
|||||||
.sidebar-card {
|
.sidebar-card {
|
||||||
border: 1px solid $border;
|
border: 1px solid $border;
|
||||||
margin-bottom: $line-height;
|
margin-bottom: $line-height;
|
||||||
padding: $line-height/2;
|
padding: $line-height / 2;
|
||||||
|
|
||||||
&.light {
|
&.light {
|
||||||
background: #ECF0F1;
|
background: #ecf0f1;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@@ -79,7 +79,7 @@
|
|||||||
<div class="small-12 medium-6 column markdown-area">
|
<div class="small-12 medium-6 column markdown-area">
|
||||||
<%= f.text_area :body, label: false, placeholder: t('admin.legislation.draft_versions.form.body_placeholder') %>
|
<%= f.text_area :body, label: false, placeholder: t('admin.legislation.draft_versions.form.body_placeholder') %>
|
||||||
</div>
|
</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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -6,7 +6,7 @@
|
|||||||
|
|
||||||
<h2 class="inline-block"><%= t("admin.site_customization.content_blocks.index.title") %></h2>
|
<h2 class="inline-block"><%= t("admin.site_customization.content_blocks.index.title") %></h2>
|
||||||
|
|
||||||
<table class="cms_page_list">
|
<table class="cms-page-list">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th><%= t("admin.site_customization.content_blocks.content_block.name") %></th>
|
<th><%= t("admin.site_customization.content_blocks.content_block.name") %></th>
|
||||||
|
|||||||
@@ -8,7 +8,7 @@
|
|||||||
<% if @pages.any? %>
|
<% if @pages.any? %>
|
||||||
<h3><%= page_entries_info @pages %></h3>
|
<h3><%= page_entries_info @pages %></h3>
|
||||||
|
|
||||||
<table class="cms_page_list">
|
<table class="cms-page-list">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th><%= t("admin.site_customization.pages.page.title") %></th>
|
<th><%= t("admin.site_customization.pages.page.title") %></th>
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
<header>
|
<header class="header">
|
||||||
<div class="top-links">
|
<div class="top-links">
|
||||||
<div class="expanded row">
|
<div class="expanded row">
|
||||||
<%= render 'shared/locale_switcher' %>
|
<%= render 'shared/locale_switcher' %>
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
<span class="panel-title"><%= t('legislation.draft_versions.show.text_comments') %></span>
|
<span class="panel-title"><%= t('legislation.draft_versions.show.text_comments') %></span>
|
||||||
</div>
|
</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-box">
|
||||||
<div class="comment-header">
|
<div class="comment-header">
|
||||||
<span class="icon-comment" aria-hidden="true"></span>
|
<span class="icon-comment" aria-hidden="true"></span>
|
||||||
|
|||||||
@@ -6,7 +6,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="debate-show" class="row description">
|
<div id="debate-show" class="row description legislation-debate-show">
|
||||||
<div class="small-12 column">
|
<div class="small-12 column">
|
||||||
<% if process.description.present? %>
|
<% if process.description.present? %>
|
||||||
<h4><%= t('legislation.processes.header_full.description') %></h4>
|
<h4><%= t('legislation.processes.header_full.description') %></h4>
|
||||||
|
|||||||
@@ -16,7 +16,7 @@
|
|||||||
<% end %>
|
<% end %>
|
||||||
</div>
|
</div>
|
||||||
<% if process.additional_info.present? %>
|
<% 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">
|
<div class="debate-info-wrapper">
|
||||||
<%= markdown process.additional_info if process.additional_info %>
|
<%= markdown process.additional_info if process.additional_info %>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
<%= render 'admin/shared/proposal_search', url: management_proposals_path %>
|
<%= render 'admin/shared/proposal_search', url: management_proposals_path %>
|
||||||
|
|
||||||
<div class="row">
|
<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="filters">
|
||||||
<div class="small-12 medium-7 float-left">
|
<div class="small-12 medium-7 float-left">
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<main>
|
<main>
|
||||||
<div class="row">
|
<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">
|
<a id="print_link" href="javascript:window.print();" class="button warning float-right">
|
||||||
<%= t('management.proposals.print.print_button') %>
|
<%= t('management.proposals.print.print_button') %>
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<a href="#" class="button float-right margin-right">Crear nueva página</a>
|
<a href="#" class="button float-right margin-right">Crear nueva página</a>
|
||||||
<h2 class="inline-block">Editar páginas</h2>
|
<h2 class="inline-block">Editar páginas</h2>
|
||||||
|
|
||||||
<table class="cms_page_list">
|
<table class="cms-page-list">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Nombre</th>
|
<th>Nombre</th>
|
||||||
|
|||||||
@@ -36,7 +36,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</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="✓" /><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="✓" /><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="PGlvCYHqh/eXoeE0qz7DEZHsTghiKHY9HSZa2JNj+5pFPxPkF1Zuq3gaAuTmTjjhNi86OYIebJPVjFoaBIRaCA==" />
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="small-12 medium-4 column">
|
<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>
|
<a class="fullscreen-toggle" href="#"><span>Pantalla completa</span> <span class="icon-expand"></span></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="small-12 medium-6 column">
|
<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
|
## PREÁMBULO
|
||||||
|
|
||||||
### I
|
### 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.
|
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>
|
</textarea>
|
||||||
</div>
|
</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">
|
<div id="markdown-result">
|
||||||
<input label="false" type="hidden" value="<h2>PREÁMBULO</h2>
|
<input label="false" type="hidden" value="<h2>PREÁMBULO</h2>
|
||||||
<h3>I</h3>
|
<h3>I</h3>
|
||||||
|
|||||||
@@ -18,7 +18,7 @@
|
|||||||
</li>
|
</li>
|
||||||
</ul>
|
</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="row">
|
||||||
<div class="small-12 medium-4 column">
|
<div class="small-12 medium-4 column">
|
||||||
|
|||||||
Reference in New Issue
Block a user