Skip to content

Commit

Permalink
fix: minor CSS fixes + fresh prod build
Browse files Browse the repository at this point in the history
  • Loading branch information
bolt-bot committed Nov 24, 2018
1 parent 9788e89 commit 8ac2c1f
Showing 6 changed files with 7 additions and 6 deletions.
4 changes: 2 additions & 2 deletions packages/uikit-workshop/dist/index.html
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
<!doctype html> <html class="pl-c-html"> <head> <title id="title">Pattern Lab</title> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1,width=device-width,viewport-fit=cover"> <meta name="theme-color" content="#ababab"> <style>
.pl-c-body *{-webkit-box-sizing:border-box;box-sizing:border-box}.pl-c-html{min-height:100%}.pl-c-body{margin:0;padding:0;-webkit-text-size-adjust:100%;display:-webkit-box;display:-ms-flexbox;display:flex}pl-header{position:fixed;position:-webkit-sticky;position:sticky;top:0;left:0;z-index:4;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;background-color:#000;color:grey}pl-layout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;min-height:100vh;max-width:100vw;background-color:#ddd}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){pl-layout{overflow:hidden}}pl-iframe{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.pl-c-body--theme-sidebar .pl-c-viewport{top:0}.pl-c-viewport-modal-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100vw;position:relative}
</style>
<link rel="preload" href="styleguide/css/pattern-lab.8f5c0fc4.css" media="all" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="styleguide/css/pattern-lab.8f5c0fc4.css" media="all"></noscript>
<link rel="preload" href="styleguide/css/pattern-lab.ca4a0d18.css" media="all" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="styleguide/css/pattern-lab.ca4a0d18.css" media="all"></noscript>
<script>!function(n){"use strict";n.loadCSS||(n.loadCSS=function(){});var o=loadCSS.relpreload={};if(o.support=function(){var e;try{e=n.document.createElement("link").relList.supports("preload")}catch(t){e=!1}return function(){return e}}(),o.bindMediaToggle=function(t){var e=t.media||"all";function a(){t.media=e}t.addEventListener?t.addEventListener("load",a):t.attachEvent&&t.attachEvent("onload",a),setTimeout(function(){t.rel="stylesheet",t.media="only x"}),setTimeout(a,3e3)},o.poly=function(){if(!o.support())for(var t=n.document.getElementsByTagName("link"),e=0;e<t.length;e++){var a=t[e];"preload"!==a.rel||"style"!==a.getAttribute("as")||a.getAttribute("data-loadcss")||(a.setAttribute("data-loadcss",!0),o.bindMediaToggle(a))}},!o.support()){o.poly();var t=n.setInterval(o.poly,500);n.addEventListener?n.addEventListener("load",function(){o.poly(),n.clearInterval(t)}):n.attachEvent&&n.attachEvent("onload",function(){o.poly(),n.clearInterval(t)})}"undefined"!=typeof exports?exports.loadCSS=loadCSS:n.loadCSS=loadCSS}("undefined"!=typeof global?global:this);</script> </head> <body class="pl-c-body"> <pl-layout> <pl-header></pl-header> <div class="pl-c-viewport-modal-wrapper"> <pl-iframe></pl-iframe> <pl-drawer></pl-drawer> </div> </pl-layout> <script type="text/mustache" class="pl-js-panel-template-base"> {{# descBlockExists }} <div class="pl-c-pattern-info__panel pl-c-pattern-info__panel--info pl-js-pattern-info"> {{# isPatternView }} <div class=pl-c-pattern-info__header> <ul class=pl-c-breadcrumb> {{# patternBreadcrumb }} <li class=pl-c-breadcrumb__item>{{ patternType }}</li> {{# patternSubtype }} <li class=pl-c-breadcrumb__item>{{ patternSubtype }}</li> {{/ patternSubtype }} {{/ patternBreadcrumb }} </ul> <h2 class=pl-c-pattern-info__title> {{ patternName }} {{# patternState }} <span class="pl-c-pattern-state pl-c-pattern-state--{{ patternState }}" title="{{ patternState }}"></span> {{/ patternState }} </h2> </div> {{/ isPatternView }} {{# patternDescExists }} <div class="pl-c-pattern-info__description pl-c-text-passage"> {{{ patternDesc }}} {{# patternDescAdditions }} {{{ patternDescAdditions }}} {{/ patternDescAdditions }} </div> {{/ patternDescExists }} {{# lineageExists }} <p class="pl-c-lineage pl-js-lineage"> The <em>{{ patternName }}</em> pattern contains the following patterns: {{# lineage }} <a href='{{ lineagePath }}' class='pl-c-lineage__link pl-js-lineage-link' data-patternpartial='{{ lineagePattern }}'> {{ lineagePattern }} {{# lineageState }}<span class="pl-c-pattern-state pl-c-pattern-state--{{ lineageState }}" title="{{ lineageState }}"/>{{/ lineageState }} </a> {{# hasComma }}, {{/ hasComma }} {{/ lineage }} </p> {{/ lineageExists }} {{# lineageRExists }} <p class=pl-c-lineage> The <em>{{ patternName }}</em> pattern is included in the following patterns: {{# lineageR }} <a href='{{ lineagePath }}' class='pl-c-lineage__link pl-js-lineage-link' data-patternpartial='{{ lineagePattern }}'> {{ lineagePattern }} {{# lineageState }}<span class="pl-c-pattern-state pl-c-pattern-state--{{ lineageState }}" title="{{ lineageState }}"/>{{/ lineageState }} </a> {{# hasComma }}, {{/ hasComma }} {{/ lineageR }} </p> {{/ lineageRExists }} {{# annotationExists }} <div class="pl-c-annotations pl-c-text-passage pl-js-annotations"> <h2 class=pl-c-annotations__title>Annotations</h2> <ol class=pl-c-annotations__list> {{# annotations }} <li class=pl-c-annotations__item> <h3 class=pl-c-annotations__item-title>{{ title }}</h3> <div class=pl-c-annotations__item-body> {{{ comment }}} </div> </li> {{/ annotations }} </ol> </div> {{/ annotationExists }} </div> {{/ descBlockExists }} <div class="pl-c-pattern-info__panel pl-c-pattern-info__panel--code"> <div id="pl-{{ patternPartial }}-tabs" class="pl-c-tabs pl-js-tabs"> <div class=pl-c-tabs__header> <ul class=pl-c-tabs__list> {{# panels }} <li class=pl-c-tabs__list-item> <a class="pl-c-tabs__link pl-js-tab-link" href="#pl-{{ patternPartial }}-{{ id }}-panel" id="pl-{{ patternPartial }}-{{ id }}-tab" data-patternpartial="{{ patternPartial }}" data-panelid="{{ id }}">{{ name }}</a> </li> {{/ panels }} </ul> </div> <div id="pl-{{ patternPartial }}-panels" class=pl-c-tabs__content> {{# panels }} <div id="pl-{{ patternPartial }}-{{ id }}-panel" class="pl-c-tabs__panel pl-js-tab-panel"> <button class="pl-c-code-copy-btn pl-js-code-copy-btn" data-clipboard-target="#pl-{{ patternPartial }}-{{ id }}-panel code">Copy</button> {{{ content }}} </div> {{/ panels }} </div> </div> </div> </script> <script type="text/mustache" id="pl-panel-template-code"> <pre class=language-markup>
<code id="pl-code-fill-{{ language }}" class="language-{{ language }}">{{{ code }}}</code>
</pre> </script> <script src="styleguide/data/patternlab-data.js" defer="defer"></script> <script src="annotations/annotations.js" defer="defer"></script> <script src="styleguide/js/patternlab-viewer.js" defer="defer"></script> <script></script> </body> </html>

This file was deleted.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Original file line number Diff line number Diff line change
@@ -76,6 +76,7 @@ pl-nav {
padding: 0;
list-style: none;
flex-shrink: 0; // helps prevent top-level nav items from occasionally wrapping to multiple lines
flex-grow: 1; // auto-fill extra space available
max-width: 100%; // so content doesn't won't spill out horizontally
order: 2;
background-color: inherit; // allows the nav's children inherit from the parent header
Original file line number Diff line number Diff line change
@@ -13,17 +13,17 @@ $pl-clear-button-size-at-med: 1.4rem;

pl-search {
background-color: inherit;
order: 2; // Display after nav list items
top: 0;
z-index: 10;
flex-shrink: 0;
padding: 0.3rem 0.5rem;
display: inline-block;

@media screen and (min-width: $pl-bp-med) {
margin-left: 1rem;
flex-direction: row;
flex-shrink: 1;
order: 2; // Display after nav list items on wider screens

.pl-c-body--theme-sidebar & {
flex-direction: column;

0 comments on commit 8ac2c1f

Please sign in to comment.