Socket
Socket
Sign inDemoInstall

primer-utilities

Package Overview
Dependencies
Maintainers
14
Versions
859
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

primer-utilities - npm Package Compare versions

Comparing version 4.15.0-alpha.4cdb2f3a to 4.15.0-alpha.4d5dbc0a

14

docs/animations.md

@@ -16,3 +16,3 @@ ---

```html
```erb
<span class="anim-fade-in"><%= octicon("mark-github", :height => 32, :class => "v-align-middle mr-2") %> Hello from GitHub!</span>

@@ -25,3 +25,3 @@ ```

```html
```erb
<span class="anim-fade-out"><%= octicon("mark-github", :height => 32, :class => "v-align-middle mr-2") %> Hello from GitHub!</span>

@@ -34,3 +34,3 @@ ```

```html
```erb
<div class="anim-fade-up"><%= octicon("mark-github", :height => 32, :class => "v-align-middle mr-2") %> Hello from GitHub!</div>

@@ -43,3 +43,3 @@ ```

```html
```erb
<div class="anim-fade-down"><%= octicon("mark-github", :height => 32, :class => "v-align-middle mr-2") %> Hello from GitHub!</div>

@@ -52,3 +52,3 @@ ```

```html
```erb
<div class="anim-scale-in bg-gray-dark text-white p-2"><%= octicon("mark-github") %></div>

@@ -69,3 +69,3 @@ ```

```html
```erb
<%= octicon("mark-github", :class => "anim-pulse") %>

@@ -78,3 +78,3 @@ ```

```html
```erb
<div class="Box hover-grow m-3 p-4">

@@ -81,0 +81,0 @@ <%= octicon("mark-github", :height => 32) %>

@@ -28,3 +28,3 @@ ---

<div class="Box-row">
<h3 class="mb-0">Organization</h3>
<h3 class="m-0">Organization</h3>
</div>

@@ -55,3 +55,3 @@ <div class="Box-row">

```html
```erb
<div class="col-6">

@@ -86,3 +86,3 @@ <a class="d-block box-shadow-medium px-3 pt-4 pb-6 position-relative rounded-1 overflow-hidden no-underline" href="#">

<div class="box-shadow-large rounded-2 overflow-hidden">
<img src="<%= image_path "modules/site/org_example_nasa.png" %>" class="img-responsive" alt="NASA is on GitHub">
<img src="https://github.com/nasa.png" class="img-responsive" alt="NASA is on GitHub">
</div>

@@ -89,0 +89,0 @@ ```

@@ -647,6 +647,6 @@ ---

```html
```erb
<div class="border p-3 d-flex flex-column flex-md-row flex-md-items-center">
<div class="pr-0 pr-md-3 mb-3 mb-md-0 d-flex flex-justify-center flex-md-justify-start">
<img style="max-width:100px; max-height:100px;" src="https://avatars1.githubusercontent.com/u/9919?v=4&s=200" />
<img style="max-width:100px; max-height:100px;" src="https://github.com/github.png" />
</div>

@@ -653,0 +653,0 @@ <div class="d-flex text-center text-md-left">

@@ -192,3 +192,3 @@ ---

```html
```erb
<div class="d-table border border-gray">

@@ -210,2 +210,3 @@ <div class="d-table-cell height-full v-align-middle pl-3">

_Note how the other elements are displayed as if "Two" were in its normal position and taking up space._
```html

@@ -215,3 +216,3 @@ <div class="d-inline-block float-left bg-blue text-white m-3" style="width:100px; height:100px;">

</div>
<div class="d-inline-block float-left position-relative bg-blue text-white m-3" style="width:100px; height:100px; top:12px; left:12px;">
<div class="d-inline-block float-left position-relative bg-blue text-white m-3" style="width:100px; height:100px; top:12px; left:12px;">
Two

@@ -218,0 +219,0 @@ </div>

{
"version": "4.15.0-alpha.4cdb2f3a",
"version": "4.15.0-alpha.4d5dbc0a",
"name": "primer-utilities",

@@ -34,3 +34,3 @@ "description": "Immutable, atomic CSS classes to rapidly build product",

"dependencies": {
"primer-support": "4.8.0-alpha.4cdb2f3a"
"primer-support": "4.8.0-alpha.4d5dbc0a"
},

@@ -37,0 +37,0 @@ "keywords": [

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

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