Actions

Difference between revisions of "Test"

From ThornsWiki

Line 95: Line 95:
 
===TEST FILTER===
 
===TEST FILTER===
  
<h1>FILTER BY COLOR</h1>
+
<div class="css-filter--links">
<div class="container">  
+
   <a href="#tag:all" class="css-filter--link  css-filter--link--reset">Reset</a>
   <input type="radio" id="blue" name="color" />
+
   <a href="#tag:filter1" class="css-filter--link">filter1</a>
  <label for="blue">BLUE</label>
+
   <a href="#tag:filter2" class="css-filter--link">filter2</a>
   <input type="radio" id="red" name="color"/>
+
   <a href="#tag:filter3" class="css-filter--link">filter3</a>
  <label for="red">RED</label>
+
</div>
   <input type="radio" id="green" name="color"/>
 
  <label for="green">GREEN</label>
 
   <input type="radio" id="reset" name="color"/>
 
  <label for="reset">RESET</label>
 
  
  <div class="tile blue">1</div>
+
<div class="filter">
  <div class="tile red">2</div>
+
  <div class="content-container">
  <div class="tile blue">3</div>
+
    <a class="css-filter--target" id="tag:filter1"></a>
  <div class="tile green">4</div>
+
    <a class="css-filter--target" id="tag:filter2"></a>
  <div class="tile blue">5</div>
+
    <a class="css-filter--target" id="tag:filter3"></a>
  <div class="tile red">6</div>
+
   
  <div class="tile red">7</div>
+
    <div class="css-filter--item" data-tag="filter1">
  <div class="tile green">8</div>
+
      filter1
  <div class="tile blue">9</div>
+
    </div>
  <div class="tile green">10</div>
+
      <div class="css-filter--item" data-tag="filter2">
  <div class="tile red">11</div>
+
      filter2
  <div class="tile green">12</div>
+
    </div>
  <div class="tile blue">13</div>
+
      <div class="css-filter--item" data-tag="filter2">
  <div class="tile blue">14</div>
+
      filter2
  <div class="tile green">15</div>
+
    </div>
  <div class="tile red">16</div>
+
    <div class="css-filter--item" data-tag="filter1">
 +
      filter1
 +
    </div>
 +
      <div class="css-filter--item" data-tag="filter3">
 +
    filter3
 +
    </div>
 +
      <div class="css-filter--item" data-tag="filter3">
 +
    filter3
 +
    </div>
 +
    <div class="css-filter--item" data-tag="filter1">
 +
      filter1
 +
    </div>
 +
    <div class="css-filter--item" data-tag="filter1">
 +
      filter1
 +
    </div>
 +
      <div class="css-filter--item" data-tag="filter2">
 +
      filter2
 +
    </div>
 +
      <div class="css-filter--item" data-tag="filter3">
 +
    filter3
 +
    </div>
 +
      <div class="css-filter--item" data-tag="filter3">
 +
    filter3
 +
    </div>
 +
      <div class="css-filter--item" data-tag="filter3">
 +
    filter3
 +
    </div>
 +
  </div>
 
</div>
 
</div>
 
 
__NOTOC__
 
__NOTOC__

Revision as of 09:17, 25 April 2019



TEST FILTER

   
   
   
   
     filter1
     filter2
     filter2
     filter1
    filter3
    filter3
     filter1
     filter1
     filter2
    filter3
    filter3
    filter3