Skip to content

Commit

Permalink
minor changes, tiny: no underline for internal page links
Browse files Browse the repository at this point in the history
  • Loading branch information
Emanuel Regnath committed Sep 8, 2024
1 parent ed6b285 commit a24d123
Show file tree
Hide file tree
Showing 4 changed files with 21 additions and 15 deletions.
27 changes: 16 additions & 11 deletions Readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ Classless.css is one small CSS file, which defines few but great styles for basi
* **Responsive.** We use media queries, em/rem units, and smart overflows for tables and code.
* **Bootstrap Compatible.** Special features that require classes use the same names as Bootstrap.

¹: we also offer a pre-made tiny version (90 lines) with only the base styles.
¹: we also offer a pre-made tiny version (80 lines) with only the base styles.


## Getting Started
Expand Down Expand Up @@ -178,16 +178,21 @@ Besides that, Classless looks nice with many fonts and you can choose any other
## Classeless Support


| Browser | Support v94 | Support v95 | Support v1.0 |
|-------------------------------|-------------|-------------|--------------|
| Chromium 96.0 on Ubuntu 20.04 | -- | perfect | perfect |
| FireFox 97.0 on Ubuntu 20.04 | -- | perfect | perfect |
| FireFox 84.0 on Windows 10 | perfect | perfect | perfect |
| Edge 88.0 on Windows 10 | perfect | perfect | perfect |
| IE 11 on Windows 10 | poor/good¹ | poor/good¹ | poor/good¹ |
| FireFox 85.1 on Android 10 | perfect | perfect | perfect |
| Samsung Browser on Android 10 | perfect | perfect | perfect |
| Safari on iPhone 10 | perfect | -- | good² |
| Browser Support | v0.94 | v0.95 | v1.0 | v1.1 |
|-------------------------------|------------|------------|------------|--------------|
| FireFox 122.0 on Ubuntu 22.04 | -- | -- | perfect | perfect |
| Chrome 128.0 on Windows 10 | -- | -- | perfect | perfect |
| Edge 128.0 on Windows 10 | -- | -- | perfect | perfect |
| Firefox 103.0 on Android 14 | -- | -- | perfect | perfect |
| Brave 1.69 on Android 14 | -- | -- | perfect | perfect |
| Chromium 96.0 on Ubuntu 20.04 | -- | perfect | perfect | -- |
| FireFox 97.0 on Ubuntu 20.04 | -- | perfect | perfect | -- |
| FireFox 84.0 on Windows 10 | perfect | perfect | perfect | -- |
| Edge 88.0 on Windows 10 | perfect | perfect | perfect | -- |
| IE 11 on Windows 10 | poor/good¹ | poor/good¹ | poor/good¹ | -- |
| FireFox 85.1 on Android 10 | perfect | perfect | perfect | -- |
| Samsung Browser on Android 10 | perfect | perfect | perfect | -- |
| Safari on iPhone 10 | perfect | -- | good² | -- |


¹: Classless-full: body full width, table and code styles ignored, cite elements overlap text. However, classless-tiny without variables looks good.<br>
Expand Down
3 changes: 2 additions & 1 deletion docs/classless-tiny.css
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ ul, ol, dl, fieldset, pre, pre > code, nav {
overflow: auto hidden;
text-align: left;
}
video, summary, input, select { outline:none; }
video, summary, input, select { outline: none; }
html { font: 12pt/1.6 'Open Sans', Helvetica, sans-serif; }
body {
position: relative;
Expand All @@ -25,6 +25,7 @@ body > footer { margin: 10rem 0 0; }
/* clickable stuff */
a, summary, button, select { color: #07c; cursor: pointer; }
a { text-decoration: underline solid 1.5px #d1d1d1; text-underline-position: under; }
a[href^="#"] {text-decoration: none; }
a:hover { color: #088; border-color: #088; }

/* common */
Expand Down
2 changes: 1 addition & 1 deletion docs/classless.css
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@ ul, ol, dl, fieldset, pre, pre > code {
overflow: auto hidden;
text-align: left;
}
video, summary, input, select { outline:none; }
video, summary, input, select { outline: none; }

/* reset clickable things (FF Bug: select:hover prevents usage) */
a, button, select, summary { color: var(--clink); cursor: pointer; }
Expand Down
4 changes: 2 additions & 2 deletions docs/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@ <h5>Features</h5>
<li><b>Bootstrap Compatible.</b> The few classes use the same names as Bootstrap.</li>
</ul>
<p>¹: we import the font 'Open Sans' but if it fails, we fallback to Helvetica.</br>
²: we also offer a pre-made tiny version (90 lines) with only the base styles.</p>
²: we also offer a pre-made tiny version (80 lines) with only the base styles.</p>

<h2>Getting Started</h2>
<p>For testing, you can simply insert the following line into your HTML file. For production, please host the classless.css file yourself.</p>
Expand All @@ -65,7 +65,7 @@ <h2>Getting Started</h2>
<a href="classless.css" download="classless.css"><button>Download Full CSS</button></a>

<h5>Tiny Version</h5>
<p>We also offer a pre-made tiny version (90 lines, 2.7 kB) with only the most basic styles for text, tables, figures, and code.<br>Test now:
<p>We also offer a pre-made tiny version (80 lines, 2.7 kB) with only the most basic styles for text, tables, figures, and code.<br>Test now:
<select id="selcss" onchange="switchCSS('maincss', this)">
<option value="classless.css">Full</option>
<option value="classless-tiny.css">Tiny</option>
Expand Down

0 comments on commit a24d123

Please sign in to comment.