View Code? Open in Web Editor
NEW
π¦ ΠΠ°Π±ΠΎΡ ΡΡΠΈΠ»ΠΈΡ, ΠΌΠΈΠΊΡΠΈΠ½ΠΎΠ², ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠΉ Π½Π° ΡΠ·ΡΠΊΠ΅ ΠΏΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠ° @sass Π΄Π»Ρ ΠΏΠΎΠΌΠΎΡΠΈ Π² ΡΡΠΊΠΎΡΠ΅Π½ΠΈΠΈ ΠΈ ΡΠΏΡΠΎΡΠ΅Π½ΠΈΠΈ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΡ CSS-ΡΡΠΈΠ»Π΅ΠΉ.
Home Page: https://github.com/91muilak
License: MIT License
archive.kalium19's People
archive.kalium19's Issues
Π ΠΌΠΈΠΊΡΠΈΠ½Π΅ border-radius
Π΅ΡΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π±Π΅ΡΠ΅ΡΡΡ ΠΈΠ· ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠΉ $border-radius
(ΠΏΠΎ ΡΠΌΠΎΠ»Ρ. Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠ°Π²Π½ΠΎ "0").
ΠΠ»Ρ ΡΠ΅Π³ΠΎ Π΄Π΅Π»Π°ΡΡ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ ΠΏΡΠ±Π»ΠΈΡΠ½ΠΎΠΉ?
Π§ΡΠΎΠ±Ρ ΠΈΠΌΠ΅ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΏΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ Kalium19 ΡΠ΅ΡΠ΅Π· @use
:
@use './node_modules/@rx1310/kalium19' as k19 with (
$border-radius: 8px // ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ
);
ΠΠ΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ Π΄ΠΎΡΠ°Π±ΠΎΡΠ°ΡΡ, Π° Π»ΡΡΡΠ΅ ΠΏΠ΅ΡΠ΅ΠΏΠΈΡΠ°ΡΡ README.md Π² ΠΏΠ°ΠΏΠΊΠ΅ /@colors/README.md Π΄Π»Ρ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΡ ΡΠ΅ΠΊΡΡΠ΅ΠΉ Π½ΠΎΡΠΌΠ΅ Π² ΠΏΡΠΎΠ΅ΠΊΡΠ΅.
Π§ΡΠΎ Π½ΡΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΠΈΠΌΠ΅Π½Π½ΠΎ:
- ΡΠ±ΡΠ°ΡΡ ΠΏΡΠ½ΠΊΡ "Git Submodules"
- Π΄ΠΎΡΠ°Π±ΠΎΡΠ°ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ΠΈΠΈ ΠΈ Π²ΡΠ±ΠΎΡΠ΅ ΡΠ΅ΡΠ΅Π·
map
ΡΠ²Π΅ΡΠΎΠ²
- ΡΠ΄Π°Π»ΠΈΡΡ Π»ΠΈΡΠ½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ
ΠΠ΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ ΡΠ±ΡΠ°ΡΡ Π½Π΅ΡΠ°Π±ΠΎΡΠΈΠ΅ Π±Π΅ΠΉΠ΄ΠΆΠΈ, ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΠΈΠ΅ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ ΡΠ΅ΠΊΡΡΠ΅ΠΌ ΡΠ΅Π»ΠΈΠ·Π΅ Π² ΡΠ΅ΠΏΠΎΠ·ΠΈΡΠΎΡΠΈΠΈ.
Π Π΅Π»ΠΈΠ·Ρ Π±ΡΠ»ΠΈ ΡΠ±ΡΠ°Π½Ρ Π² ΡΠ΅ΠΏΠΎΠ·ΠΈΡΠΎΡΠΈΠΈ. Π’Π΅Π³ΠΈ, ΡΠΊΠΎΡΠ΅Π΅ Π²ΡΠ΅Π³ΠΎ Π±ΡΠ΄ΡΡ.
ΠΠ°, Ρ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ, ΡΡΠΎ ΡΠ΅ΠΉΡΠ°Ρ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ ΠΈ Π½Π΅ Π½ΡΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠ°ΡΡΠ΅ ΡΠΎΡΠΌΠ°ΡΡ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ ΡΠ²ΠΎΠΉΡΡΠ²Π° opacity
, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π½Π° IE8 ΠΈ ΡΠ΅ΠΌ Π±ΠΎΠ»Π΅Π΅ 5-7, Π½ΠΎ ΠΊΠ°ΠΊ Π΄ΠΎΠΏ. ΠΎΠΏΡΠΈΡ, ΡΠΎ ΠΏΠΎΡΠ΅ΠΌΡ Π±Ρ ΠΈ Π½Π΅Ρ?!
ΠΠΎΡ ΠΏΡΠΈΠΌΠ΅Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ 50% opacity
Π±Π»ΠΎΠΊΡ:
.block {
/* IE 8 */
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* IE 5-7 */
filter: alpha(opacity=50);
/* Netscape */
-moz-opacity: .5;
/* Safari 1.x */
+ -khtml-opacity: .5;
/* Modern browsers */
opacity: .5;
}