basscss-position
Advanced tools
Comparing version 2.0.0 to 2.0.1
{ | ||
"name": "basscss-position", | ||
"version": "2.0.0", | ||
"version": "2.0.1", | ||
"description": "CSS positioning utilities for Basscss", | ||
@@ -5,0 +5,0 @@ "style": "index.css", |
@@ -10,3 +10,3 @@ | ||
<div class="relative"> | ||
<button class="btn btn-primary">Button</button> | ||
<div>Hamburger</div> | ||
</div> | ||
@@ -19,7 +19,7 @@ ``` | ||
<div class="relative mb4"> | ||
<button class="btn btn-primary">Button</button> | ||
<div>Hamburger</div> | ||
<div class="absolute bg-white border rounded"> | ||
<a href="#" class="block btn">Dropdown Action</a> | ||
<a href="#" class="block btn">Action</a> | ||
<a href="#" class="block btn">Action</a> | ||
<a href="#" class="block p1">Dropdown Action</a> | ||
<a href="#" class="block p1">Action</a> | ||
<a href="#" class="block p1">Action</a> | ||
</div> | ||
@@ -29,12 +29,11 @@ </div> | ||
Use `.fixed` to position an element relative to the viewport. | ||
<p class="docs-show" style="display:none">Note: fixed positioning has been disabled here for demonstration only.</p> | ||
Use `.fixed` to position an element relative to the viewport. Fixed positioning is notoriously tricky to use well and can lead to inaccessible content and unwanted side effects. Use fixed positioning with caution. | ||
```html | ||
<button class="fixed btn btn-primary"> | ||
Button | ||
</button> | ||
<div class="fixed"> | ||
Hamburger | ||
</div> | ||
``` | ||
Note: Fixed positioning is notoriously tricky to use well and can lead to inaccessible content and unwanted side effects. Use fixed positioning with caution. | ||
*Note: fixed positioning has been disabled here for demonstration only.* | ||
@@ -44,5 +43,5 @@ To anchor to a particular side, use `.top-0`, `.right-0`, `.bottom-0`, or `.left-0`. Margin and padding utilities can be used to space elements apart. | ||
```html | ||
<button class="fixed top-0 right-0 m2 btn btn-primary"> | ||
Button | ||
</button> | ||
<div class="fixed top-0 right-0 m2"> | ||
Hamburger | ||
</div> | ||
``` | ||
@@ -66,5 +65,1 @@ | ||
<style> | ||
.MarkedExample .fixed { position: static } | ||
</style> | ||
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
2288
61