Code Monkey home page Code Monkey logo

haba-kudzaev / archive.kalium19 Goto Github PK

View Code? Open in Web Editor NEW
2.0 0.0 0.0 1.52 MB

πŸ“¦ Набор ΡƒΡ‚ΠΈΠ»ΠΈΡ‚, миксинов, Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ Π½Π° языкС прСпроцСссора @sass для ΠΏΠΎΠΌΠΎΡ‰ΠΈ Π² ускорСнии ΠΈ ΡƒΠΏΡ€ΠΎΡ‰Π΅Π½ΠΈΠΈ написания CSS-стилСй.

Home Page: https://github.com/91muilak

License: MIT License

SCSS 100.00%
kalium19 91muilak rx1310 sass sass-framework sass-mixins sass-library sass-files scss scss-framework

archive.kalium19's People

archive.kalium19's Issues

Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ $border-radius ΠΏΡƒΠ±Π»ΠΈΡ‡Π½Ρ‹ΠΌ

Π’ миксинС border-radius Π΅ΡΡ‚ΡŒ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ бСрСтся ΠΈΠ· ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ $border-radius (ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡. Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Ρ€Π°Π²Π½ΠΎ "0").

Для Ρ‡Π΅Π³ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΡƒΡŽ ΠΏΡƒΠ±Π»ΠΈΡ‡Π½ΠΎΠΉ?

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠΌΠ΅Ρ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΏΡ€ΠΈ использовании Kalium19 Ρ‡Π΅Ρ€Π΅Π· @use:

@use './node_modules/@rx1310/kalium19' as k19 with (
  $border-radius: 8px // ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ значСния ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ
);

Π”ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΠ° README для Colors

НСобходимо Π΄ΠΎΡ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ, Π° Π»ΡƒΡ‡ΡˆΠ΅ ΠΏΠ΅Ρ€Π΅ΠΏΠΈΡΠ°Ρ‚ΡŒ README.md Π² ΠΏΠ°ΠΏΠΊΠ΅ /@colors/README.md для соотвСтствия Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ Π½ΠΎΡ€ΠΌΠ΅ Π² ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅.

Π§Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈΠΌΠ΅Π½Π½ΠΎ:

  • ΡƒΠ±Ρ€Π°Ρ‚ΡŒ ΠΏΡƒΠ½ΠΊΡ‚ "Git Submodules"
  • Π΄ΠΎΡ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΈ ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ Ρ‡Π΅Ρ€Π΅Π· map Ρ†Π²Π΅Ρ‚ΠΎΠ²
  • ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ лишнюю ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ

Π£Π±Ρ€Π°Ρ‚ΡŒ Π±Π΅ΠΉΠ΄ΠΆΠΈ Release ΠΈΠ· README

НСобходимо ΡƒΠ±Ρ€Π°Ρ‚ΡŒ Π½Π΅Ρ€Π°Π±ΠΎΡ‡ΠΈΠ΅ Π±Π΅ΠΉΠ΄ΠΆΠΈ, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‰ΠΈΠ΅ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΌ Ρ€Π΅Π»ΠΈΠ·Π΅ Π² Ρ€Π΅ΠΏΠΎΠ·ΠΈΡ‚ΠΎΡ€ΠΈΠΈ.

Π Π΅Π»ΠΈΠ·Ρ‹ Π±Ρ‹Π»ΠΈ ΡƒΠ±Ρ€Π°Π½Ρ‹ Π² Ρ€Π΅ΠΏΠΎΠ·ΠΈΡ‚ΠΎΡ€ΠΈΠΈ. Π’Π΅Π³ΠΈ, скорСС всСго Π±ΡƒΠ΄ΡƒΡ‚.

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΅Ρ‰Ρ‘ прСфиксы ΠΊ миксину `opacity`

Π”Π°, я понимаю, Ρ‡Ρ‚ΠΎ сСйчас практичСски ΠΈ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ старыС Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ установки свойства 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;

}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.