poa-dapps-voting/src/assets/stylesheets/components/_NewBallotMenu.scss

61 lines
1.2 KiB
SCSS
Raw Normal View History

2019-01-02 09:35:18 -08:00
.mn-NewBallotMenu {
background-color: #fff;
border-bottom: 1px solid $base-border-color;
list-style: none;
margin: 0;
padding: 30px;
}
.mn-NewBallotMenu_Item {
color: #333;
cursor: pointer;
font-size: 16px;
font-weight: 400;
2019-01-02 11:43:40 -08:00
line-height: 45px;
2019-01-02 09:35:18 -08:00
position: relative;
&::before {
background-color: transparent;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
content: '';
height: 30px;
left: -30px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 4px;
}
&#{ & }-core#{ & }-active {
color: $poa-purple;
&::before {
background-color: $poa-purple;
}
}
&#{ & }-sokol#{ & }-active {
color: $sokol-cyan;
&::before {
background-color: $sokol-cyan;
}
}
&#{ & }-dai#{ & }-active {
2019-06-14 06:04:21 -07:00
color: $xdai-green;
2019-01-02 09:35:18 -08:00
&::before {
2019-06-14 06:04:21 -07:00
background-color: $xdai-green;
2019-01-02 09:35:18 -08:00
}
}
2019-04-26 00:02:48 -07:00
&#{ & }-kovan#{ & }-active {
color: $kovan-cyan;
&::before {
background-color: $kovan-cyan;
}
}
2019-01-02 09:35:18 -08:00
}