fixed font-size-adjust, adds some header styling

11 years ago · d7c5b015f9
3 changed files with 20 additions and 11 deletions
--- a/examples/button.html
+++ b/examples/button.html
@ -30,6 +30,7 @@
 <body id="example">
 <div class="sidr" id="menu">
  <h1>Semantic</h1>
  <ul>
    <li><a href="module.html">Introduction</a></li>
    <li><a>Download</a></li>
--- a/examples/example.css
+++ b/examples/example.css
@ -10,6 +10,7 @@
  ;
  font-weight: normal;
  font-style: normal;
  font-size-adjust: 0.448;
 }
@font-face {
  font-family: 'Neutraface';
@ -18,6 +19,7 @@
  ;
  font-weight: bold;
  font-style: normal;
  font-size-adjust: 0.448;
 }
 body#example {
@ -56,10 +58,14 @@ a:hover {
 /* text and headers */
 #example h1 {
  margin: 50px 0px 20px;
  padding-bottom: 5px;
  margin: 0px 0px 20px;
  padding: 50px 0px 5px;
  border-bottom: 1px solid #DDDDDD;
 }
 #example h1 .text {
  width: 1000px;
  margin: 0px auto;
 }
 #example h1:first-child {
  margin-top: 0px;
  padding-top: 20px;
--- a/examples/module.html
+++ b/examples/module.html
@ -70,16 +70,18 @@
 <div class="ui left attached vertical blue menu buttons">
  <div class="ui menu button">Menu</div>
 </div>
 <div class="full container">
  <h1>Semantic</h1>
  <p>Semantic is a set of standards designed to make front end development less arbitrary.</p>
  <div class="ui buttons">
    <div class="ui button">Just the details</div>
    <div class="ui button active">Tell me everything</div>
 <h1>
  <div class="text">
    Semantic
  </div>
 </h1>
 <div class="full container">
    <p>Semantic is a set of standards designed to make front end development less arbitrary.</p>
    <div class="ui two fluid buttons">
      <div class="ui button">Just the details</div>
      <div class="ui button active">Tell me everything</div>
    </div>
  <h2>What is Semantic?</h2>