Merge pull request #1 from worksolutions/add_style_aliases

Добавлены алиасы на стили

Author: gevorg-dan

README.md

@@ -7,4 +7,13 @@
 
 ```bash
 npm i @worksolutions/antd-react-components
+```
+
+#### Подключение стилей
+
+Чтобы подключить стилизацию, добавьте следующий код в основной scss файл вашего проекта.
+
+```bash
+@import 'antd/dist/reset.css';
+@import "@worksolutions/antd-react-components/dist/aliases";
 ```

package.json

@@ -8,7 +8,7 @@
     "publish:patch": "npm run build && npm version patch && npm publish",
     "publish:minor": "npm run build && npm version minor && npm publish",
     "publish:major": "npm run build && npm version major && npm publish",
-    "build": "rm -rf dist && cross-env NODE_ENV=production && npm run build:babel && npm run build:ts",
+    "build": "rm -rf dist && cross-env NODE_ENV=production && npm run build:babel && npm run build:ts && cp **/**/**/**/*.scss dist",
     "build:babel": "babel src -d dist --extensions '.ts,.tsx,.js,.jsx' --source-maps",
     "build:ts": "node_modules/typescript/bin/tsc"
   },

src/shared/ui/styles/aliases.scss

@@ -0,0 +1,77 @@
+.block{
+  display: block;
+}
+
+.textAlignLeft{
+  text-align: left
+}
+
+.fullWidth {
+  width: 100%;
+}
+
+.halfWidth{
+  width: 50%;
+}
+
+.fullHeight {
+  height: 100%;
+}
+
+.heightAuto {
+  height: auto;
+}
+
+.heightHack {
+  height: 0;
+  flex: 1;
+}
+
+.widthHack {
+  width: 0;
+  flex: 1;
+}
+
+.fitContentWidth{
+  width: fit-content;
+}
+
+.resetPadding {
+  padding: 0;
+}
+
+.resetMargin {
+  margin: 0;
+}
+
+.flex {
+  display: flex;
+}
+
+.fdColumn {
+  flex-direction: column;
+}
+
+.aiEnd {
+  align-items: flex-end;
+}
+
+.aiCenter {
+  align-items: center;
+}
+
+.jcCenter {
+  justify-content: center;
+}
+
+.jcBetween {
+  justify-content: space-between;
+}
+
+.borderR {
+  border-right: 1px solid;
+}
+
+.borderB {
+  border-bottom: 1px solid;
+}