Giter Club home page Giter Club logo

haba-kudzaev / kalium19.v3 Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 0.0 347 KB

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

Home Page: https://npmjs.com/package/@rx1310/kalium19.v3

License: MIT License

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

kalium19.v3's Introduction

Π­Ρ‚ΠΎ вСрсия с Π΄Π»ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ сроком ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ (LTS). Π’Ρ‹Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΎΡ‚Π½Ρ‹Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΌΠΈΠ½ΠΎΡ€Π½Ρ‹Π΅ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ (багфиксы, хотфиксы ΠΈ ΠΏΡ€ΠΎΡ‡ΠΈΠ΅ фиксы). ВсС основныС силы сСйчас Π±Ρ€ΠΎΡˆΠ΅Π½Ρ‹ Π½Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ Kalium19 v4.

Π§Ρ‚, 18 Π°Π²Π³.: ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Kalium19 v3 ΠΎΠΊΠΎΠ½Ρ‡Π΅Π½Π°! ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚Π΅ Π½Π° Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ Kalium19


Logo Kalium19 v3 Бписок измСнСний

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

ПослСдний ΠΊΠΎΠΌΠΌΠΈΡ‚ ΠšΠΎΠ»ΠΈΡ‡Π΅ΡΡ‚Π²ΠΎ ΠΊΠΎΠΌΠΌΠΈΡ‚ΠΎΠ² Π² Π³ΠΎΠ΄ ΠšΠΎΠ»ΠΈΡ‡Π΅ΡΡ‚Π²ΠΎ ЯП Π’ΠΎΠΏ ЯП ВСрсия SASS Π Π°Π·ΠΌΠ΅Ρ€ рСпозитория Π Π°Π·ΠΌΠ΅Ρ€ ΠΊΠΎΠ΄Π° ΠšΠΎΠ»ΠΈΡ‡Π΅ΡΡ‚Π²ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹Ρ… issue ΠšΠΎΠ»ΠΈΡ‡Π΅ΡΡ‚Π²ΠΎ Π·Π°ΠΊΡ€Ρ‹Ρ‚Ρ‹Ρ… issues ΠšΠΎΠ»ΠΈΡ‡Π΅ΡΡ‚Π²ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹Ρ… PR ΠšΠΎΠ»ΠΈΡ‡Π΅ΡΡ‚Π²ΠΎ Π·Π°ΠΊΡ€Ρ‹Ρ‚Ρ‹Ρ… PR visitors ЛицСнзия

πŸ“₯ Начало Ρ€Π°Π±ΠΎΡ‚Ρ‹

Для установки Kalium19 Π² ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ Π±ΡƒΠ΄Π΅Ρ‚ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠ°ΠΊΠ΅Ρ‚Π½Ρ‹ΠΉ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ ΠΎΡ‚ NodeJS - npm.

Установка Ρ‡Π΅Ρ€Π΅Π· npm

ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Ρ‚Π΅Ρ€ΠΌΠΈΠ½Π°Π» Π² ΠΏΠ°ΠΏΠΊΠ΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° ΠΈ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ

npm install @rx1310/kalium19

ПослС Π² основном SASS/SCSS-Ρ„Π°ΠΉΠ»Π΅ стилСй Π² Π½Π°Ρ‡Π°Π»Π΅ ΠΏΡ€ΠΎΠΏΠΈΡˆΠΈΡ‚Π΅ ΠΈΠΌΠΏΠΎΡ€Ρ‚ модуля Ρ‡Π΅Ρ€Π΅Π· Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΈΠ²Ρƒ @use:

@use 'node_modules/@rx1310/kalium19' as k19;
  • node_modules/ - это ΠΏΠ°ΠΏΠΊΠ°, ΠΊΡƒΠ΄Π° ΡΠΊΠ°Ρ‡Π°Π»ΠΈΡΡŒ Ρ„Π°ΠΉΠ»Ρ‹ Kalium19
  • k19 - это Π½Π°Π·Π²Π°Π½ΠΈΠ΅ пространства ΠΈΠΌΠ΅Π½ (ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ *)

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ ΠΈΠ· Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°:

@use '../node_modules/@rx1310/kalium19' as k19 with (
  $border-radius: .8em,
  $bem-element: '__',
  $bem-modifier: '--',
  $opacity-ie5: false,
  $keyframes-o: false
);

ΠšΠ»ΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ рСпозитория

git clone https://github.com/91muilak/kalium19.v3

ΠšΠ»ΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π² качСствС субмодуля

Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ»ΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ Π² качСствС Git Submodule с GitHub ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ:

git submodule add https://github.com/91muilak/kalium19.v3

Для клонирования ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΠΌΠ΅Ρ‚ΡŒ установлСнный git. Если ΠΎΠ½ установлСн, Ρ‚ΠΎ просто Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ git clone Π² Ρ‚Π΅Ρ€ΠΌΠΈΠ½Π°Π»Π΅.

Π—Π°Π³Ρ€ΡƒΠ·ΠΊΠ° Π°Ρ€Ρ…ΠΈΠ²Π° рСпозитория

Если Ρƒ Вас Π½Π΅Ρ‚ ТСлания Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с npm, Ρ‚ΠΎ Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ со страницы рСпозитория ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Π°Ρ€Ρ…ΠΈΠ² рСпозитория.

Если Ρƒ Вас установлСн curl ΠΈΠ»ΠΈ Wget, Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ Π² Ρ‚Π΅Ρ€ΠΌΠΈΠ½Π°Π»Π΅:

# curl
curl -L -O https://github.com/91muilak/kalium19.v3/archive/refs/heads/main.zip

# wget
wget --no-check-certificate --content-disposition https://github.com/91muilak/kalium19.v3/archive/refs/heads/main.zip

πŸ‘¨β€πŸ’» Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ°

Π§Ρ‚ΠΎΠ±Ρ‹ самому Π½Π°Ρ‡Π°Ρ‚ΡŒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ Kalium19 локально Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ:

  1. Π‘ΠΊΠ»ΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π΅ΠΏΠΎΠ·ΠΈΡ‚ΠΎΡ€ΠΈΠΉ Π½Π° Π’Π°Ρˆ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€,

  2. ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΏΠ°ΠΏΠΊΡƒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Π² Ρ‚Π΅Ρ€ΠΌΠΈΠ½Π°Π»Π΅,

    cd kalium19
  3. Π£ΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ всС зависимости ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°,

    npm install
  4. Π“ΠΎΡ‚ΠΎΠ²ΠΎ!

Π‘Π±ΠΎΡ€ΠΊΠ°

Π’ Ρ„Π°ΠΉΠ»Π΅ package.json ΡƒΠΆΠ΅ прописаны скрипты для компиляции для тСстирования.

На самом Π΄Π΅Π»Π΅ сам ΠΏΠΎ сСбС Kalium19 Π² стили Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ добавляСт. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ, Ссли Π’Ρ‹ скомпилируСтС index.scss, Ρ‚ΠΎ Π² CSS Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚.

Для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ я ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ npm run sass:watch, которая ΠΊΠΎΠΌΠΏΠΈΠ»ΠΈΡ€ΡƒΠ΅Ρ‚ SASS сразу ΠΏΡ€ΠΈ измСнСниях. Π­Ρ‚Π° ΠΊΠΎΠΌΠ°Π½Π΄Π° собираСт Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄ΠΈΠ½ Ρ„Π°ΠΉΠ» β€” test.scss (Π΅Π³ΠΎ Π½Π΅Ρ‚ Π² Ρ€Π΅ΠΏΠΎ Ρ‚.ΠΊ. ΠΎΠ½ Π² ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΈ .gitignore).

ЛицСнзия

ΠŸΡ€ΠΎΠ΅ΠΊΡ‚ Kalium19 распространяСтся ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ бСсплатно ΠΈ находится ΠΏΠΎΠ΄ Π·Π°Ρ‰ΠΈΡ‚ΠΎΠΉ Π»ΠΈΡ†Π΅Π½Π·ΠΈΠΈ MIT.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ Π² Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅, распространяСтся ΠΏΠΎ ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠΉ Π°Π²Ρ‚ΠΎΡ€ΠΎΠΌ / ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠ΅ΠΉ / Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠΌ Π»ΠΈΡ†Π΅Π½Π·ΠΈΠΈ, Π½Π΅ зависящСй ΠΎΡ‚ этого ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°!

MIT License
Copyright (c) 2022, Haba Kudzaev (rx1310) <[email protected]>

Если Π’Ρ‹ нашли Π½Π°Ρ€ΡƒΡˆΠ΅Π½ΠΈΠ΅ Ρ‡ΡŒΠ΅ΠΉ-Π»ΠΈΠ±ΠΎ Π»ΠΈΡ†Π΅Π½Π·ΠΈΠΈ Π² ΠΌΠΎΠ΅ΠΌ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅, Ρ‚ΠΎ ΠΏΡ€ΠΎΡΡŒΠ±Π° Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΌΠ½Π΅ β†’ Telegram, эл. ΠΏΠΎΡ‡Ρ‚Π° ΠΈΠ»ΠΈ VK.

kalium19.v3's People

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.