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,6 +28,6 @@ ---
		<div class="Box-row">
		<h3 class="mb-0">Organization</h3>
		<h3 class="m-0">Organization</h3>
		</div>
		<div class="Box-row">
		<p class="mb-0 alt-text-small text-gray">
		<p class="mb-0 text-gray">
		Taxidermy live-edge mixtape, keytar tumeric locavore meh selvage deep v letterpress vexillologist lo-fi tousled church-key thundercats. Brooklyn bicycle rights tousled, marfa actually.
		@@ -55,3 +55,3 @@ </p>

		```html
		```erb
		<div class="col-6">
		@@ -61,3 +61,3 @@ <a class="d-block box-shadow-medium px-3 pt-4 pb-6 position-relative rounded-1 overflow-hidden no-underline" href="#">
		<h3 class="text-gray-dark">Serverless architecture</h3>
		<p class="alt-text-small text-gray">
		<p class="text-gray">
		Build powerful, event-driven, serverless architectures with these open-source libraries and frameworks.
		@@ -87,3 +87,3 @@ </p>
		<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>
		@@ -90,0 +90,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
		@@ -278,2 +279,14 @@ </div>

		### Responsive position

		Position utilities can be applied or changed per breakpoint in responsive layouts. Each responsive position utility is applied to the specified breakpoint and up, using the following formula: `position-[breakpoint]-[property]`. For example: `position-md-absolute`.

		```html
		<div style="height: 64px;">
		<div class="border position-md-absolute top-0 right-0">
		.position-md-absolute .top-0 .right-0
		</div>
		</div>
		```

		### Screen reader only
		@@ -280,0 +293,0 @@

package.json

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

build/build.css