The words Under construction in black text on a yellow background with diagonal black stipes surrounding it
I'm in the process of moving my site. It's still a work in progress. Please excuse the mess and broken links.

CSS Scratchpad

TODO: Pull subtitle into page object html_start_default_section html_end_default_section script_start_default_section script_end_default_section

Debugging Stuff

I'm moving stuff around right now. All this below is helping me figure out where to put stuff

        -- title

CSS Scratchpad

My place to figure out CSS stuff


TODO: Write this up for chomping the invisible
line that shows up after buttons in table cells

NOTE: You might also need to add `width: 1.3ch`` 
or something like that for the side to side

-- html/

<div id="lastRefresh">Last Refresh: </div>

-- /html

-- html/
-- show


<div class="wrap">
<table class="t">
  <tr>
    <td>
      <div class="x">x</div>
    </td>
  </tr>
  <tr>
    <td>
      <div class="x">x</div>
    </td>
  </tr>
</table>
</div>

<div class="wrap">
<table class="t">
  <tr><td><button>x</button></td></tr>
  <tr><td><button>x</button></td></tr>
</table>
</div>

-- /html

-- css
-- show
-- title: CSS stuff

* {
  box-sizing: border-box;
}

.wrap {
  background-color: #229944;
}

button {
  margin: 0;
  padding: 0;
  border: 1px solid black;
}

td {
  line-height: 0.1rem;
}

table, tr, td {
  padding: 0;
  margin: 0;
  border: 0;
  border-collapse: collapse;
}

.x {
  background-color: #773311;
}

-- script/
-- show

document.addEventListener("DOMContentLoaded", () => {
  lastRefresh.innerHTML = `Last Refreshed: ${new Date().getTime().toString().substr(8)}`
})

-- /script


-- categories
-- CSS 

-- metadata
-- date: 2023-08-10 23:20:06
-- id: 2toz1vkn
-- site: aws
-- type: css-experiment
-- status: draft