Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

basscss-position

Package Overview
Dependencies
Maintainers
1
Versions
4
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

basscss-position - npm Package Compare versions

Comparing version 2.0.0 to 2.0.1

2

package.json
{
"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>
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc