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

Spinner size mixin

Browse Source
This commit is contained in:
Angelos Chalaris
2016-11-11 12:02:16 +02:00
parent a6b3cec38d
commit a2bc9e4835
6 changed files with 36 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
docs/v2/DEVLOG.md
View File

@@ -414,4 +414,5 @@
- Rebuilt `breadcrumbs` from scratch. Uses flexbox.
- Changed `clearfix`, `center-block`, `hidden` and `visually-hidden` from mixins to normal components.
- Changed the appearance of `button-group`, it will now use `border` and `border-radius` more creatively to get rid of unnecessary and excessive styling.
- Added mixin `make-box-shadow-generic` in `utility`, used it to create a class for `box-shadow:none;` just in case.
- Added mixin `make-box-shadow-generic` in `utility`, used it to create a class for `box-shadow:none;` just in case.
- Added mixin in `progress` `make-spinner-donut-alt-style` for `spinner-donut` and created `large` variant with it.

5
docs/v2/index.html
View File

@@ -2,7 +2,7 @@
<html>
<head>
<!-- Live demo styled as of 20161109 -->
<!-- <link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/4c473fa3216f1da2d0c140c9274a506de6e2ecd5/dist/mini-default.min.css"> -->
<link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/a6b3cec38d052cb2fec98f090593768ca4147902/dist/mini-default.min.css">
<link rel="stylesheet" href="../../dist/mini-default.min.css">
<title>mini.css - A minimal Sass-y responsive mobile-first style-agnostic CSS framework</title>
<meta charset="utf-8">
@@ -554,7 +554,8 @@
<p>And this here is a <code>.spinner-donut</code> spinner. It is more versatile and it can also use a couple of variants like <code>.secondary</code> and <code>.tertiary</code>, as shown below:</p>
<div class="spinner-donut"></div>
<div class="spinner-donut secondary"></div>
<div class="spinner-donut tertiary"></div>
<div class="spinner-donut tertiary"></div>
<div class="spinner-donut large"></div>
</div>
</div>
</div>