1
0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-16 02:43:57 +02:00

Header small text variant, showcase page modifications

This commit is contained in:
Angelos Chalaris
2016-10-14 20:10:52 +03:00
parent b3c4c46ae9
commit 635f40af7a
6 changed files with 39 additions and 10 deletions

View File

@@ -56,4 +56,10 @@
- Added variable for bold elements to set `font-weight` manually, so that no problems occur and users can fine-tweak this to their liking.
- Removed fix for `b` and `strong` as the above change addresses the issue.
- `pre` `padding` set to `12px` instead of `8px`.
- Added `overflow: auto;` to `pre` elements so that they are responsive and display properly on all devices.
- Added `overflow: auto;` to `pre` elements so that they are responsive and display properly on all devices.
## 20161014
- 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.

View File

@@ -8,12 +8,20 @@
<meta name="keywords" content="mini, mini.css, CSS, responsive, framework, mobile first, style agnostic, Sass">
<meta name="author" content="Angelos Chalaris (chalarangelo)">
<link rel="icon" type="image/png" href="favicon.png">
<!-- Github buttons javascript file -->
<script async defer src="https://buttons.github.io/buttons.js"></script>
<!-- v1.1.0 link for initial styling, disable while testing -->
<!-- <link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/v1.1.0/flavors/mini-default.min.css"> -->
<link rel="stylesheet" href="../../flavors/v2/mini-default.css">
</head>
<body>
<h1>mini.css <small>A minimal Sass-y responsive mobile-first style-agnostic CSS framework</small></h1>
<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 -->
<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>
<hr>
<h1>Heading 1 <small>small text</small></h1>