// Privacy toggler // -------------------------------------------------- // TODO: remove editor $cStructure-softLine: rgba(#000, 0.06); $cHighlight-positive: rgba(#8FB83F, 1); $cHighlight-negative: rgba(#F15743, 1); .PrivacyToggler { display: inline-block; width: 36px; height: 36px; margin: 0 10px; border: 1px solid $cStructure-softLine; border-radius: 100%; font-size: 14px; line-height: 36px; text-align: center; vertical-align: middle; &:hover { text-decoration: none; } } .PrivacyToggler .CDB-IconFont { line-height: 20px; } .PrivacyToggler--PUBLIC, .PrivacyToggler--PUBLIC:hover { border-color: $cHighlight-positive; color: $cHighlight-positive; } .PrivacyToggler--PRIVATE, .PrivacyToggler--PRIVATE:hover { border-color: $cHighlight-negative; color: $cHighlight-negative; } .PrivacyToggler.is-disabled { opacity: 0.5; }