mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-09-03 10:53:23 +02:00
Code Issues Releases Wiki Activity

✨ Contextual doc initial commit, browser support improvements, alert animations

Browse Source
This commit is contained in:
Angelos Chalaris
2016-11-26 12:37:01 +02:00
parent 24260f851f
commit 3344bfa03d
11 changed files with 328 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
dist/mini-default.css vendored
View File

@@ -135,6 +135,7 @@ a {
color: #0277bd;
text-decoration: underline;
opacity: 1;
-webkit-transition: all 0.3 ease 0s;
transition: all 0.3s ease 0s; }
a:visited {
color: #01579b; }
@@ -684,6 +685,7 @@ button, [type="button"], [type="submit"], [type="reset"], a.button, label.button
margin: 4px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15);
text-decoration: none;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
cursor: pointer; }
button:hover, button:active, button:focus, [type="button"]:hover, [type="button"]:active, [type="button"]:focus, [type="submit"]:hover, [type="submit"]:active, [type="submit"]:focus, [type="reset"]:hover, [type="reset"]:active, [type="reset"]:focus, a.button:hover, a.button:active, a.button:focus, label.button:hover, label.button:active, label.button:focus, .button:hover, .button:active, .button:focus {
@@ -1017,6 +1019,7 @@ table.striped tr:nth-of-type(2n) > td {
display: inline-block;
height: 26px;
cursor: pointer;
-webkit-transition: background 0.3s ease 0s;
transition: background 0.3s ease 0s;
background: #cfd8dc;
border: 1px solid #78909c;
@@ -1047,6 +1050,7 @@ table.striped tr:nth-of-type(2n) > td {
transform: scaleY(0);
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transition: -webkit-transform 0.3s ease 0s, transform 0.3s ease 0s;
transition: -webkit-transform 0.3s ease 0s, transform 0.3s ease 0s;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px; }
@@ -1143,6 +1147,28 @@ mark {
mark.inline-block {
display: inline-block; }
@-webkit-keyframes alert-anim {
0% {
-webkit-transform: scale(1); }
45% {
-webkit-transform: scale(1); }
50% {
-webkit-transform: scale(1.005); }
55% {
-webkit-transform: scale(1); }
100% {
-webkit-transform: scale(1); } }
@keyframes alert-anim {
0% {
transform: scale(1); }
45% {
transform: scale(1); }
50% {
transform: scale(1.005); }
55% {
transform: scale(1); }
100% {
transform: scale(1); } }
.alert {
display: block;
background: #eeeeee;
@@ -1151,6 +1177,13 @@ mark {
margin: 1px 10px;
padding: 12px 16px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18), 0 1px 2px rgba(0, 0, 0, 0.26); }
.alert.animated {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: alert-anim 6s linear infinite;
animation: alert-anim 6s linear infinite; }
progress {
display: block;