summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorJohnAlbin2016-05-31 14:14:02 (GMT)
committerJohnAlbin2016-05-31 14:17:45 (GMT)
commit0808301babae70aadf741e08c292dee8c6f5addc (patch)
tree75b564313fcadbb657e217a1577fb65fc9e8b75e
parentffebe5763c325f265278a44a5d5563b5512d2cbf (diff)
Build files.8.x-7.0-alpha13
-rw-r--r--STARTERKIT/components/asset-builds/css/components.css23
-rw-r--r--STARTERKIT/components/asset-builds/css/highlight-mark.css5
-rw-r--r--STARTERKIT/components/asset-builds/css/messages.css3
-rw-r--r--STARTERKIT/components/asset-builds/css/watermark.css15
-rw-r--r--STARTERKIT/styleguide/index.html2
-rw-r--r--STARTERKIT/styleguide/section-base.html2
-rw-r--r--STARTERKIT/styleguide/section-components.html37
-rw-r--r--STARTERKIT/styleguide/section-forms.html4
-rw-r--r--STARTERKIT/styleguide/section-layouts.html2
-rw-r--r--STARTERKIT/styleguide/section-navigation.html18
-rw-r--r--STARTERKIT/styleguide/section-sass.html2
11 files changed, 74 insertions, 39 deletions
diff --git a/STARTERKIT/components/asset-builds/css/components.css b/STARTERKIT/components/asset-builds/css/components.css
index 3da6385..c04ef08 100644
--- a/STARTERKIT/components/asset-builds/css/components.css
+++ b/STARTERKIT/components/asset-builds/css/components.css
@@ -157,13 +157,6 @@ html.js .js-hide {
display: none;
}
-.highlight-mark,
-.new,
-.update {
- color: #c00;
- background-color: transparent;
-}
-
.inline-links,
.inline.links {
padding: 0;
@@ -262,22 +255,6 @@ span.field-label {
padding-bottom: 75%;
}
-.watermark {
- font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
- font-weight: bold;
- text-transform: uppercase;
- display: block;
- height: 0;
- overflow: visible;
- background-color: transparent;
- color: #eeeeee;
- font-size: 75px;
- line-height: 1;
- text-align: center;
- text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
- word-wrap: break-word;
-}
-
.nav-menu__item,
.menu__item {
list-style-image: url(../..//navigation/nav-menu/leaf.svg);
diff --git a/STARTERKIT/components/asset-builds/css/highlight-mark.css b/STARTERKIT/components/asset-builds/css/highlight-mark.css
new file mode 100644
index 0000000..be33235
--- /dev/null
+++ b/STARTERKIT/components/asset-builds/css/highlight-mark.css
@@ -0,0 +1,5 @@
+.highlight-mark,
+.marker {
+ color: #c00;
+ background-color: transparent;
+}
diff --git a/STARTERKIT/components/asset-builds/css/messages.css b/STARTERKIT/components/asset-builds/css/messages.css
index cfacdc9..5fcafde 100644
--- a/STARTERKIT/components/asset-builds/css/messages.css
+++ b/STARTERKIT/components/asset-builds/css/messages.css
@@ -11,7 +11,6 @@
[dir="rtl"] .messages,
[dir="rtl"] .messages--status {
padding: 10px 44px 10px 10px;
- background-position: 99% 8px;
}
.messages__icon {
@@ -26,7 +25,7 @@
[dir="rtl"] .messages__icon {
left: auto;
- right: 0;
+ right: 10px;
}
.messages__icon path {
diff --git a/STARTERKIT/components/asset-builds/css/watermark.css b/STARTERKIT/components/asset-builds/css/watermark.css
new file mode 100644
index 0000000..01ba995
--- /dev/null
+++ b/STARTERKIT/components/asset-builds/css/watermark.css
@@ -0,0 +1,15 @@
+.watermark {
+ font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
+ font-weight: bold;
+ text-transform: uppercase;
+ display: block;
+ height: 0;
+ overflow: visible;
+ background-color: transparent;
+ color: #eeeeee;
+ font-size: 75px;
+ line-height: 1;
+ text-align: center;
+ text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
+ word-wrap: break-word;
+}
diff --git a/STARTERKIT/styleguide/index.html b/STARTERKIT/styleguide/index.html
index 9082fde..1858e03 100644
--- a/STARTERKIT/styleguide/index.html
+++ b/STARTERKIT/styleguide/index.html
@@ -17,11 +17,13 @@
<link rel="stylesheet" href="../components/asset-builds/css/clearfix.css">
<link rel="stylesheet" href="../components/asset-builds/css/components.css">
<link rel="stylesheet" href="../components/asset-builds/css/footer.css">
+<link rel="stylesheet" href="../components/asset-builds/css/highlight-mark.css">
<link rel="stylesheet" href="../components/asset-builds/css/messages.css">
<link rel="stylesheet" href="../components/asset-builds/css/more-link.css">
<link rel="stylesheet" href="../components/asset-builds/css/skip-link.css">
<link rel="stylesheet" href="../components/asset-builds/css/tabs.css">
<link rel="stylesheet" href="../components/asset-builds/css/visually-hidden.css">
+<link rel="stylesheet" href="../components/asset-builds/css/watermark.css">
</head>
<body id="kss-node">
diff --git a/STARTERKIT/styleguide/section-base.html b/STARTERKIT/styleguide/section-base.html
index 553b9f3..a3ee5d4 100644
--- a/STARTERKIT/styleguide/section-base.html
+++ b/STARTERKIT/styleguide/section-base.html
@@ -17,11 +17,13 @@
<link rel="stylesheet" href="../components/asset-builds/css/clearfix.css">
<link rel="stylesheet" href="../components/asset-builds/css/components.css">
<link rel="stylesheet" href="../components/asset-builds/css/footer.css">
+<link rel="stylesheet" href="../components/asset-builds/css/highlight-mark.css">
<link rel="stylesheet" href="../components/asset-builds/css/messages.css">
<link rel="stylesheet" href="../components/asset-builds/css/more-link.css">
<link rel="stylesheet" href="../components/asset-builds/css/skip-link.css">
<link rel="stylesheet" href="../components/asset-builds/css/tabs.css">
<link rel="stylesheet" href="../components/asset-builds/css/visually-hidden.css">
+<link rel="stylesheet" href="../components/asset-builds/css/watermark.css">
</head>
<body id="kss-node">
diff --git a/STARTERKIT/styleguide/section-components.html b/STARTERKIT/styleguide/section-components.html
index 0f459ed..e347fb5 100644
--- a/STARTERKIT/styleguide/section-components.html
+++ b/STARTERKIT/styleguide/section-components.html
@@ -17,11 +17,13 @@
<link rel="stylesheet" href="../components/asset-builds/css/clearfix.css">
<link rel="stylesheet" href="../components/asset-builds/css/components.css">
<link rel="stylesheet" href="../components/asset-builds/css/footer.css">
+<link rel="stylesheet" href="../components/asset-builds/css/highlight-mark.css">
<link rel="stylesheet" href="../components/asset-builds/css/messages.css">
<link rel="stylesheet" href="../components/asset-builds/css/more-link.css">
<link rel="stylesheet" href="../components/asset-builds/css/skip-link.css">
<link rel="stylesheet" href="../components/asset-builds/css/tabs.css">
<link rel="stylesheet" href="../components/asset-builds/css/visually-hidden.css">
+<link rel="stylesheet" href="../components/asset-builds/css/watermark.css">
</head>
<body id="kss-node">
@@ -726,18 +728,26 @@ element directly.</p>
<div class="kss-modifier__example">
- <mark class="highlight-mark">New</mark>
+
+
+<mark class="highlight-mark ">
+ New
+</mark>
</div>
</div>
<div class="kss-markup kss-style">
- <pre class="prettyprint linenums lang-html"><code data-language="html">&lt;mark class=&quot;highlight-mark&quot;&gt;New&lt;/mark&gt;
+ <pre class="prettyprint linenums lang-html"><code data-language="html">
+
+&lt;mark class=&quot;highlight-mark &quot;&gt;
+ New
+&lt;/mark&gt;
</code></pre>
</div>
<div class="kss-source kss-style">
- Source: <code>components/highlight-mark/_highlight-mark.scss</code>, line 1
+ Source: <code>components/highlight-mark/highlight-mark.scss</code>, line 3
</div>
</section>
<section id="kssref-components-inline-links" class="kss-section kss-section--depth-2">
@@ -1248,26 +1258,29 @@ intrinsic aspect ratio is preserved at any screen width. The
<div class="kss-modifier__example">
- <div>
- <mark class="watermark ">Unpublished</mark>
+
- <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
- </div>
+<mark class="watermark ">
+ Unpublished
+</mark>
+<div>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+</div>
</div>
</div>
<div class="kss-markup kss-style">
- <pre class="prettyprint linenums lang-html"><code data-language="html">&lt;div&gt;
- &lt;mark class=&quot;watermark &quot;&gt;Unpublished&lt;/mark&gt;
+ <pre class="prettyprint linenums lang-html"><code data-language="html">
- &lt;div&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/div&gt;
- &lt;/div&gt;
+&lt;mark class=&quot;watermark &quot;&gt;
+ Unpublished
+&lt;/mark&gt;
</code></pre>
</div>
<div class="kss-source kss-style">
- Source: <code>components/watermark/_watermark.scss</code>, line 1
+ Source: <code>components/watermark/watermark.scss</code>, line 3
</div>
</section>
<section id="kssref-components-wireframe" class="kss-section kss-section--depth-2">
diff --git a/STARTERKIT/styleguide/section-forms.html b/STARTERKIT/styleguide/section-forms.html
index e1e1bbc..b70af4c 100644
--- a/STARTERKIT/styleguide/section-forms.html
+++ b/STARTERKIT/styleguide/section-forms.html
@@ -17,11 +17,13 @@
<link rel="stylesheet" href="../components/asset-builds/css/clearfix.css">
<link rel="stylesheet" href="../components/asset-builds/css/components.css">
<link rel="stylesheet" href="../components/asset-builds/css/footer.css">
+<link rel="stylesheet" href="../components/asset-builds/css/highlight-mark.css">
<link rel="stylesheet" href="../components/asset-builds/css/messages.css">
<link rel="stylesheet" href="../components/asset-builds/css/more-link.css">
<link rel="stylesheet" href="../components/asset-builds/css/skip-link.css">
<link rel="stylesheet" href="../components/asset-builds/css/tabs.css">
<link rel="stylesheet" href="../components/asset-builds/css/visually-hidden.css">
+<link rel="stylesheet" href="../components/asset-builds/css/watermark.css">
</head>
<body id="kss-node">
@@ -214,7 +216,7 @@ or form elements.</p>
<div class="kss-source kss-style">
- Source: <code>components.scss</code>, line 68
+ Source: <code>components.scss</code>, line 66
</div>
</div>
<section id="kssref-forms-base" class="kss-section kss-section--depth-2">
diff --git a/STARTERKIT/styleguide/section-layouts.html b/STARTERKIT/styleguide/section-layouts.html
index 18dc12e..a4b9589 100644
--- a/STARTERKIT/styleguide/section-layouts.html
+++ b/STARTERKIT/styleguide/section-layouts.html
@@ -17,11 +17,13 @@
<link rel="stylesheet" href="../components/asset-builds/css/clearfix.css">
<link rel="stylesheet" href="../components/asset-builds/css/components.css">
<link rel="stylesheet" href="../components/asset-builds/css/footer.css">
+<link rel="stylesheet" href="../components/asset-builds/css/highlight-mark.css">
<link rel="stylesheet" href="../components/asset-builds/css/messages.css">
<link rel="stylesheet" href="../components/asset-builds/css/more-link.css">
<link rel="stylesheet" href="../components/asset-builds/css/skip-link.css">
<link rel="stylesheet" href="../components/asset-builds/css/tabs.css">
<link rel="stylesheet" href="../components/asset-builds/css/visually-hidden.css">
+<link rel="stylesheet" href="../components/asset-builds/css/watermark.css">
</head>
<body id="kss-node">
diff --git a/STARTERKIT/styleguide/section-navigation.html b/STARTERKIT/styleguide/section-navigation.html
index f40dbaa..2005b11 100644
--- a/STARTERKIT/styleguide/section-navigation.html
+++ b/STARTERKIT/styleguide/section-navigation.html
@@ -17,11 +17,13 @@
<link rel="stylesheet" href="../components/asset-builds/css/clearfix.css">
<link rel="stylesheet" href="../components/asset-builds/css/components.css">
<link rel="stylesheet" href="../components/asset-builds/css/footer.css">
+<link rel="stylesheet" href="../components/asset-builds/css/highlight-mark.css">
<link rel="stylesheet" href="../components/asset-builds/css/messages.css">
<link rel="stylesheet" href="../components/asset-builds/css/more-link.css">
<link rel="stylesheet" href="../components/asset-builds/css/skip-link.css">
<link rel="stylesheet" href="../components/asset-builds/css/tabs.css">
<link rel="stylesheet" href="../components/asset-builds/css/visually-hidden.css">
+<link rel="stylesheet" href="../components/asset-builds/css/watermark.css">
</head>
<body id="kss-node">
@@ -148,7 +150,7 @@ page navigation.</p>
<div class="kss-source kss-style">
- Source: <code>components.scss</code>, line 55
+ Source: <code>components.scss</code>, line 53
</div>
</div>
<section id="kssref-navigation-breadcrumb" class="kss-section kss-section--depth-2">
@@ -583,6 +585,20 @@ with the <code>visually-hidden</code> component.</p>
</a>
</div>
+ <div class="kss-modifier__name kss-style">
+ .visually-hidden.visually-hidden--focusable:focus
+ </div>
+ <div class="kss-modifier__description kss-style">
+ Visually hidden version when receiving focus.
+ </div>
+ <div class="kss-modifier__example">
+
+
+<a href="#main-content" class="skip-link visually-hidden visually-hidden--focusable pseudo-class-focus">
+ Skip to main content
+ </a>
+
+ </div>
</div>
<div class="kss-markup kss-style">
<pre class="prettyprint linenums lang-html"><code data-language="html">
diff --git a/STARTERKIT/styleguide/section-sass.html b/STARTERKIT/styleguide/section-sass.html
index 95581ec..693c555 100644
--- a/STARTERKIT/styleguide/section-sass.html
+++ b/STARTERKIT/styleguide/section-sass.html
@@ -17,11 +17,13 @@
<link rel="stylesheet" href="../components/asset-builds/css/clearfix.css">
<link rel="stylesheet" href="../components/asset-builds/css/components.css">
<link rel="stylesheet" href="../components/asset-builds/css/footer.css">
+<link rel="stylesheet" href="../components/asset-builds/css/highlight-mark.css">
<link rel="stylesheet" href="../components/asset-builds/css/messages.css">
<link rel="stylesheet" href="../components/asset-builds/css/more-link.css">
<link rel="stylesheet" href="../components/asset-builds/css/skip-link.css">
<link rel="stylesheet" href="../components/asset-builds/css/tabs.css">
<link rel="stylesheet" href="../components/asset-builds/css/visually-hidden.css">
+<link rel="stylesheet" href="../components/asset-builds/css/watermark.css">
</head>
<body id="kss-node">