1
0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-19 12:11:21 +02:00

Spinner size mixin

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

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>