autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update: integration pollspage - step 1

Browse Source
This commit is contained in:
Marjolaine Le Bon
2020-09-10 00:20:49 +02:00
parent ae97bec8bf
commit f53fed4755
1 changed files with 93 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
src/styles/layout/polls/_polls.scss
View File

@ -166,6 +166,22 @@
#pollPage {
width: 85%;
margin: auto;
h1,
h2 {
font-family: "RefrigeratorDelxW01Bold";;
}
h1 {
font-size: 3.2rem;
line-height: 3.8rem;
}
h2 {
font-size: 26px;
line-height: 31px;
}
.vote-debate-content .active-tab,
.vote-debate-content .border-content {
background-color: white;
}
solid-display.topline {
>div:first-of-type {
*[name="right"] {
@ -181,6 +197,83 @@
}
}
}
[name="hostingOrganisation"],
[name="dateLine"] {
color: #3A3A3A;
font-family: Facit;
font-size: 16px;
font-weight: bold;
}
[name="hostingOrganisation"] {
margin-left: 0;
[name="hostingOrganisation"]::before {
content: '\e037';
font-family: 'simple-line-icons';
font-weight: 400;
color: #C4262E;
margin-right: 10px;
font-size: 16px;
}
}
solid-display-div [name="dateImage"]::before {
font-family: "Material Design Icons";
font-weight: 400;
content: "\F6AF";
color: #C4262E;
font-size: 20px;
}
[name="shortDescription"],
[name="longDescription"] {
margin: 20px 0;
color: #7A7F85;
font-family: Facit;
}
[name="shortDescription"] {
margin: 20px 0;
font-size: 18px;
line-height: 28px;
}
[name="longDescription"] {
font-size: 16px;
line-height: 26px;
}
.vote-section {
font-family: Facit;
}
.vote-tab-content h3::before {
font-family: "Material Design Icons";
font-weight: 400;
font-size: 20px;
margin-right: 10px;
color: #3A3A3A;
}
.vote-section > h3::before {
content:"\F004";
}
#totalVotesDisplay::before,
.share-vote h3::before {
content: "\F00E";
}
.vote-section > h3 {
margin-top: 15px;
}
#poll-votes-values solid-display > div > solid-set-default,
[name="chosenOption"] label {
margin-top: 10px;
}
#poll-votes-values solid-display > div [name="progressBar"] {
margin-top: 5px;
}
div[name="progressBar"] > div,
div[name="progressBar"] div .progressBarValue {
margin: 0;
}
#poll-votes-form input[type="submit"] {
height: 38px;
width: 149px;
border-radius: 19px;
box-shadow: 0 0 7px 0 rgba(0,0,0,0.15);
}
}
}