primer-utilities - npm Package Compare versions

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) %>

docs/box-shadow.md

		@@ -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 @@ ```

docs/flexbox.md

		@@ -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">

docs/layout.md

		@@ -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>

package.json

		{
		"version": "4.15.0-alpha.de967b8b",
		"version": "4.15.0-alpha.e41bfddd",
		"name": "primer-utilities",
		@@ -34,3 +34,3 @@ "description": "Immutable, atomic CSS classes to rapidly build product",
		"dependencies": {
		"primer-support": "4.8.0-alpha.de967b8b"
		"primer-support": "4.8.0-alpha.e41bfddd"
		},
		@@ -37,0 +37,0 @@ "keywords": [

New alerts