Skip to content

TheMagicCat/elegant-stoat

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

elegant stoat

A warm, fuzzy CSS kit for the modern internets. The most regal of critters.

Elegant Stoat aims to be a beautiful, minimal, default styling for any website, using the most modern toolsets and features.

Principles / Techniques

  • Minimalistic & Lightweight CSS
  • Modern CSS
  • Fluid Typography
  • Semantic

Styles

Elegant stoat includes layout styles! By default, it is useful for editorial content, but maybe you want a consistent look and feel for your homepage? Good! You should. These are how you do that thing.

Grid

Two-Column

Three-Column

Customization

To Do!

Elements

<html manifest>

<body onafterprint onbeforeprint onbeforeunload onblur onerror onfocus onhashchange onload onmessage onoffline ononline onpagehide onpageshow onpopstate onresize onscroll onstorage onunload>

Sectioning

<address>
<article>
<aside>
<footer>
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
<header>
<hgroup>
<nav>
<section>

Text Content

<blockquote cite>
<dd>
<div>
<dl>
<dt>
<figcaption>
<figure>
<hr>
<li value>
<main>
<ol reversed start>
<p>
<pre>
<ul>
<a href target ping rel media hreflang type>
<abbr>
<b>
<bdi>
<bdo>
<br>
<cite>
<code>
<data value>
<dfn>
<em>
<i>
<kbd>
<mark>
<q cite>
<rp>
<rt>
<ruby>
<s>
<samp>
<small>
<span>
<strong>
<sub>
<sup>
<time datetime pubdate>
<u>
<var>
<wbr>

Edits

<ins cite datetime>
<del cite datetime>

<iframe src srcdoc name sandbox seamless width height>

Scripting

<canvas width height>
<noscript>
<script src async defer type charset>

Images & Multimedia

<area alt coords shape href target ping rel media hreflang type>
<audio src crossorigin preload autoplay mediagroup loop muted controls>
<img alt src srcset crossorigin usemap ismap width height>
<map name>
<track default kind label src srclang>
<video src crossorigin poster preload autoplay mediagroup loop muted controls width height>

Embedded Content

<embed src type width height>
<object data type typemustmatch name usemap form width height>
<param name value>
<source src type media>

Tables

<caption>
<col span>
<colgroup span>
<table>
<tbody>
<td colspan rowspan headers>
<tfoot>
<th colspan rowspan headers scope abbr>
<thead>
<tr>

Forms

<button autofocus disabled form formaction formenctype formmethod formnovalidate formtarget name type value>
<datalist option>
<fieldset disabled form name>
<form accept-charset action autocomplete enctype method name novalidate target>
<input accept alt autocomplete autofocus checked dirname disabled form formaction formenctype formmethod formnovalidate formtarget height inputmode list max maxlength min multiple name pattern placeholder readonly required size src step type value width>
<label form for>
<legend>
<meter value min max low high optimum>
<optgroup disabled label>
<option disabled label selected value>
<output for form name>
<progress value max>
<select autofocus disabled form multiple name required size>
<textarea autocomplete autofocus cols dirname disabled form inputmode maxlength name placeholder readonly required rows wrap>

Interactive elements

<details open>
<dialog open>
<summary>

About

with an elegant coat

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published