Είναι πολύ συνηθισμένο να χρειάζεται λίγο διαφανές μαύρο ή άσπρο. Στο CSS, μπορείτε να κάνετε:
.half-black ( background: rgba(0, 0, 0, 0.5); )Γίνεται πιο εύκολο στο Sass, όπου μπορείτε να αντικαταστήσετε ένα όνομα χρώματος:
.half-black ( background: rgba(black, 0.5); )Ή κάντε το πιο εύκολο ακόμα, κάνοντας προσαρμοσμένες λειτουργίες:
@function black($opacity) ( @return rgba(black, $opacity) ) @function white($opacity) ( @return rgba(white, $opacity) ) .half-black ( background: black(0.5); )