mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-12 00:43:57 +02:00
Code Issues Releases Wiki Activity

Preformatted element changes and demo page update

Browse Source
This commit is contained in:
Angelos Chalaris
2016-10-14 20:37:53 +03:00
parent 635f40af7a
commit 42817a3213
6 changed files with 36 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
docs/v2/DEVLOG.md
View File

@@ -62,4 +62,9 @@
- Added extra styling option for `small` elements in headers using a flag (`$make-header-smalltext-block`) and two variables (`$header-smalltext-b-font-size` and `$header-smalltext-b-top-margin`) to customize the styling of such elements.
- Minor changes to the way the index page looks for the version 2. Changed tagline and added version codename.
- Added github buttons under title in the index page.
- Added github buttons under title in the index page.
- Optimized the way `small` element styling is applied in headers when it is displayed as a block.
- Added fancy styling for `pre` elements with a flag (`$add-pre-element-sidebar`) and a corresponding variable (`$pre-element-sidebar-style`).
- Added margin for `pre` elements to be in line with paragraphs.
- Changed borders for `pre` elements: left-side borders' `border-radius` is now `0`.
- Changed index, centered title etc.

10
docs/v2/index.html
View File

@@ -15,15 +15,16 @@
<link rel="stylesheet" href="../../flavors/v2/mini-default.css">
</head>
<body>
<h1>mini.css v2.0 &nbsp;<span style="color: #00994d; line-height: 1em;">{Fermion}</span><small>Minimal responsive style-agnostic front end framework</small></h1>
<!-- TODO: Move these to a column on the right side on larger displays and keep them where they are on smaller devices -->
<span style="text-align: center;">
<h1>mini.css v2.0 - <span style="color: #00994d; line-height: 1em;">Fermion</span><small>Minimal responsive style-agnostic front end framework</small></h1>
<p style="margin-top: -1em;">
<a class="github-button" href="https://github.com/chalarangelo/mini.css" data-icon="octicon-eye" data-count-href="/chalarangelo/mini.css/watchers" data-count-api="/repos/chalarangelo/mini.css#subscribers_count" data-count-aria-label="# watchers on GitHub" aria-label="Watch chalarangelo/mini.css on GitHub">Watch</a>
<a class="github-button" href="https://github.com/chalarangelo/mini.css" data-icon="octicon-star" data-count-href="/chalarangelo/mini.css/stargazers" data-count-api="/repos/chalarangelo/mini.css#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star chalarangelo/mini.css on GitHub">Star</a>
<a class="github-button" href="https://github.com/chalarangelo/mini.css/fork" data-icon="octicon-repo-forked" data-count-href="/chalarangelo/mini.css/network" data-count-api="/repos/chalarangelo/mini.css#forks_count" data-count-aria-label="# forks on GitHub" aria-label="Fork chalarangelo/mini.css on GitHub">Fork</a>
</p>
<p><strong>v2.0</strong> is currently in development. The following page and any related links are going to be incomplete, buggy and/or unstable. But, if you are interested in seeing what it will look like, have a peek!</p>
</p></span>
<hr>
<p><strong>v2.0</strong> is currently in development. The following page and any related links are going to be incomplete, buggy and/or unstable. But, if you are interested in seeing what it will look like, have a peek!</p>
<h1>Heading 1 <small>small text</small></h1>
<h2>Heading 2 <small>small text</small></h2>
<h3>Heading 3 <small>small text</small></h3>
@@ -36,7 +37,6 @@
<p>Preformatted block of code:</p>
<pre>Line 1 {
Stuff here....
This is a really really really really loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong preformatted line. Let's see how it looks on your device!
}</pre>
<hr>
<p>This is some text with <small>small text</small>, superscript<sup>12</sup> and subscript<sub>4</sub>.</p>