Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

Alpha warning. Banned list

  • Loading branch information...
commit 09f11399599252d380be9df697849a4f1edb551d 1 parent 0ef1f32
Frances Berriman authored April 03, 2012
34  app/assets/stylesheets/main.css
@@ -416,10 +416,42 @@ html {
416 416
 }
417 417
 
418 418
 .header-context,
419  
-.beta-notice{
  419
+#footer .beta-notice{
420 420
   display:none;
421 421
 }
422 422
 
  423
+#wrapper .beta-notice {
  424
+  color: #000;
  425
+  float: left;
  426
+  
  427
+  font-family: "Gill Sans W01 Medium", "Gill Sans MT Pro", "Gill Sans", GillSans, sans-serif;
  428
+  text-transform: uppercase;
  429
+  font-size: 13px;
  430
+  font-size: 1.3rem;
  431
+  line-height: 1.1538461538;
  432
+  font-weight: 500;
  433
+  letter-spacing: 0.2em;
  434
+  
  435
+  display:block;
  436
+  position:absolute;
  437
+  top:40px;
  438
+}
  439
+#wrapper .beta-notice a{
  440
+  display:block;
  441
+  padding: 8px 13px;
  442
+  padding: 0.8rem 1.3rem;
  443
+  background-color:#d43783;
  444
+  border: none;
  445
+  float:left;
  446
+  color:#fff;
  447
+  text-decoration: none;
  448
+}
  449
+#wrapper .beta-notice span{
  450
+  padding: 8px 13px;
  451
+  padding: 0.8rem 1.3rem;
  452
+  display:block;
  453
+  float:left;
  454
+}
423 455
 #wrapper article .example {
424 456
   background: transparent;
425 457
 }
20  index.html
@@ -4,6 +4,13 @@
4 4
 ---
5 5
 
6 6
  <div id="wrapper" class="design-principles"> 
  7
+  <div class="beta-notice">
  8
+    <div class="inner">
  9
+    <p>
  10
+    <a href="http://digital.cabinetoffice.gov.uk/2012/04/03/design-principles-alpha/">ALPHA</a> <span>Last updated 3 April 2012</span>
  11
+    </p>
  12
+    </div>
  13
+  </div>
7 14
   <header>
8 15
 
9 16
      <h1>Government Digital Service <strong>Design Principles</strong></h1>
@@ -837,6 +844,19 @@ <h1 id="tenth">Make things open: it makes things better</h1>
837 844
                     <p>We're currently working on a broad range of transactions to create a pick'n'mix of consistent design patterns which we can choose from for use in a number of scenarios.</p>
838 845
                   </div>
839 846
                 </article>
  847
+
  848
+                <article class="comparison">
  849
+                <header>
  850
+                  <h1>Some things we've banned</h1>
  851
+                  <p class="status experimental">Experimental</p>
  852
+                </header>
  853
+                <div class="example">
  854
+                  <img class="full-width" src="/app/assets/images/content/10/type_styles.png" />
  855
+                </div>
  856
+                <div class="caption">
  857
+                  <p>Try to avoid visual cliches.  Here's a few....</p>
  858
+                </div>
  859
+              </article>
840 860
            </div>
841 861
          </section>
842 862
          

0 notes on commit 09f1139

Please sign in to comment.
Something went wrong with that request. Please try again.