73 lines
1.6 KiB
SCSS
73 lines
1.6 KiB
SCSS
.bc-BallotInfoContainer {
|
|
background-color: #f8f8f8;
|
|
margin-bottom: 30px;
|
|
margin-left: -#{ $desktop-indent };
|
|
margin-right: -#{ $desktop-indent };
|
|
padding-bottom: #{ $desktop-indent };
|
|
padding-left: #{ $desktop-indent };
|
|
padding-right: #{ $desktop-indent };
|
|
padding-top: #{ $desktop-indent };
|
|
|
|
@media screen and (max-width: $breakpoint-md) {
|
|
margin-left: -#{ $tablet-indent };
|
|
margin-right: -#{ $tablet-indent };
|
|
padding-left: #{ $tablet-indent };
|
|
padding-right: #{ $tablet-indent };
|
|
}
|
|
}
|
|
|
|
.bc-BallotInfoContainer_Info {
|
|
background-position: 0 2px;
|
|
background-repeat: no-repeat;
|
|
color: #333333;
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
letter-spacing: normal;
|
|
line-height: 1.71;
|
|
margin-bottom: 20px;
|
|
max-width: 100%;
|
|
min-height: 32px;
|
|
padding-left: 30px;
|
|
text-align: left;
|
|
word-break: break-word;
|
|
|
|
&:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
&#{ & }-minimum {
|
|
background-image: url('#{ $base-images-path }/BallotInfoContainer/min.svg');
|
|
background-size: 18px 18px;
|
|
}
|
|
|
|
&#{ & }-details {
|
|
background-image: url('#{ $base-images-path }/BallotInfoContainer/info.svg');
|
|
background-size: 10px 18px;
|
|
position: relative;
|
|
}
|
|
|
|
}
|
|
|
|
.bc-BallotInfoContainer_ToggleShow {
|
|
color: $poa-purple;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
margin-left: 5px;
|
|
|
|
&#{ & }-core {
|
|
color: $poa-purple;
|
|
}
|
|
|
|
&#{ & }-sokol {
|
|
color: $sokol-cyan;
|
|
}
|
|
|
|
&#{ & }-dai {
|
|
color: $xdai-green;
|
|
}
|
|
|
|
&#{ & }-kovan {
|
|
color: $kovan-cyan;
|
|
}
|
|
|
|
} |