@ws-serenity/sass-styling 0.0.1 → 1.0.1

package/lib/sass/alignment.scss

@@ -26,3 +26,11 @@
 %margin-center {
   margin: 0 auto;
 }
+
+%absolute-stretch {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}

package/lib/sass/functions.scss

@@ -0,0 +1,3 @@
+@function hex-to-rgba($hex, $alpha) {
+  @return rgba(red($hex), green($hex), blue($hex), $alpha);
+}

package/lib/sass/index.scss

@@ -0,0 +1,6 @@
+@import './adaptive';
+@import './alignment';
+@import './functions';
+@import './styling';
+@import './svgUtils';
+@import './textUtils';

package/lib/sass/keyframes.scss

@@ -0,0 +1,23 @@
+@mixin shake-animation($color, $animation-duration, $animation-curve) {
+  animation: shake $animation-duration $animation-curve;
+
+  // @formatter:off
+  @keyframes shake {
+    // allow pass color
+    5%, 45% { transform: translate3d(-1px, 0, 0); }
+    10%, 40% { transform: translate3d(2px, 0, 0); }
+    20%, 80% { color: $color; }
+    15%, 25%, 35% { transform: translate3d(-4px, 0, 0); }
+    20%, 30% { transform: translate3d(4px, 0, 0); }
+  }
+  // @formatter:on
+}
+
+
+// @formatter:off
+@keyframes oscillating {
+  0% { opacity: 100%; }
+  50% { opacity: 50%; }
+  100% { opacity: 100%; }
+}
+// @formatter:on

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ws-serenity/sass-styling",
-  "version": "0.0.1",
+  "version": "1.0.1",
   "description": "",
   "directories": {
     "lib": "lib"

package/readme.md

@@ -4,7 +4,21 @@
 
 ## Sass
 
-Папка не обладает сайд-эффектами, ее можно импортировать сколько угодно
+Папка не обладает сайд-эффектами, ее можно импортировать сколько угодно. 
+
+Общий импорт:
+```scss
+@import '@ws-serenity/sass-styling/lib/sass';
+```
+
+### Содержимое
+- `adaptive` - миксины для адаптива
+- `alignment` - размещение элементов (flex, margin-center,...)
+- `functions` - полезные sass-функции
+- `keyframes` - анимации
+- `styling` - внешний вид (максимальное скругление, background-alpha)
+- `svgUtils` - цвет и размер svg
+- `textUtils` - оверфлоу текста
 
 ## Side-effect