@creativebulma/bulma-tooltip - npm Package Compare versions

Comparing version 1.1.0 to 1.2.0

package.json

 {
 	"name": "@creativebulma/bulma-tooltip",
 	"description": "Display a tooltip attached to any kind of element, in different position.",
-	"version": "1.1.0",
+	"version": "1.2.0",
 	"homepage": "https://github.com/CreativeBulma/bulma-tooltip",
@@ -6,0 +6,0 @@ "author": {

README.md

@@ -17,6 +17,6 @@ # Introduction
 ```
-Full installation steps can be found here: [installation steps](https://demo.creativebulma.net/components/tooltip/1.1/get-started)
+Full installation steps can be found here: [installation steps](https://demo.creativebulma.net/components/tooltip/1.2/get-started)
 
 ## Documentation & Demo
-Full documentation and demo are available [here](https://demo.creativebulma.net/components/tooltip/1.1/get-started)
+Full documentation and demo are available [here](https://demo.creativebulma.net/components/tooltip/1.2/get-started)
 
@@ -23,0 +23,0 @@ ## About the project

src/docs/content/get-started.md

@@ -65,2 +65,10 @@ ---
 
+### Multiline
+Display long tooltip content by adding `has-tooltip-multiline` class on the element.
+
+You can change tooltip text alignement by adding `has-tooltip-text-left`, `has-tooltip-text-centered` or `has-tooltip-text-right` modifier.
+{{< preview id="multiline" lang="html" >}}
+<p>Lorem ipsum dolor sit amet, <span class="has-tooltip-arrow has-tooltipl-multiline" data-tooltip="Multiline&#10;Content&#10;World!">consectetur adipisicing elit</span>. Ipsa fugit dolores earum quod distinctio ducimus non dignissimos molestias amet corrupti voluptatum assumenda impedit beatae veritatis nemo veniam error, hic cumque.</p>
+{{< /preview >}}
+
 ### Colors
@@ -95,3 +103,17 @@ Tooltip supports colors modifier by adding one of the following classes to the HTML element containing the tooltip: `has-tooltip-info`, `has-tooltip-warning`, `has-tooltip-primary`, `has-tooltip-success`, `has-tooltip-danger`.
 
+### Text alignement
+* `has-tooltip-text-#{$direction}-mobile`
+* `has-tooltip-text-#{$direction}-tablet`
+* `has-tooltip-text-#{$direction}-tablet-only`
+* `has-tooltip-text-#{$direction}-touch`
+* `has-tooltip-text-#{$direction}-desktop`
+* `has-tooltip-text-#{$direction}-desktop-only`
+* `has-tooltip-text-#{$direction}-until-widescreen`
+* `has-tooltip-text-#{$direction}-widescreen`
+* `has-tooltip-text-#{$direction}-widescreen-only`
+* `has-tooltip-text-#{$direction}-until-fullhd`
+* `has-tooltip-text-#{$direction}-fullhd`
 
+Don't forget to replace `#${direction}` by one of the avaiblable direction: `left`, `centered`, `right`.
+
 #### Hide tooltip
@@ -98,0 +120,0 @@ |Class|Mobile|Tablet|Desktop|Widescreen|FullHD|

src/docs/data/social.json

@@ -6,8 +6,3 @@ [
         "url": "https://github.com/CreativeBulma/bulma-tooltip"
-    },
-    {
-        "name": "twitter",
-        "title" : "Follow us on Twitter",
-        "url": "https://twitter.com/CreativeBulma"
     }
 ]

src/docs/data/variables.json

 [
     {
+        "name": "$tooltip-animation-duration",
+        "description": "",
+        "value": ".3s"
+    },
+    {
+        "name": "animation-transition-timing-function",
+        "description": "",
+        "value": "linear"
+    },
+    {
         "name": "$tooltip-arrow-size",
@@ -4,0 +14,0 @@ "description": "",

src/docs/data/versions.json

 [
     {
+        "version": "v1.2",
+        "url": "https://demo.creativebulma.net/components/tooltip/1.2/"
+    },
+    {
         "version": "v1.1",
@@ -4,0 +8,0 @@ "url": "https://demo.creativebulma.net/components/tooltip/1.1/"

No alert changes

Improved metrics

Total package byte prevSize

465948

increased by11.77%

Number of package files

59

increased by3.51%

Lines of code

4377

increased by10.87%

No dependency changes