diff --git a/docs/v2/DEVLOG.md b/docs/v2/DEVLOG.md index 78b4661..c5da444 100644 --- a/docs/v2/DEVLOG.md +++ b/docs/v2/DEVLOG.md @@ -389,4 +389,4 @@ - Restructured `form`, `button` and `checkbox` into one module: `input_control`. Made necessary changes for this to work properly. - Code cleanup in `progress`. Merged `spinner` into `progress`. Removed `spinner-dot` from the `spinner` module as it was not a great component. - Code cleanup for `contextual`. Minor `mark` optimizations. Added `alert` mixin `make-alert-alt-style` for alternative `alert` styles. - \ No newline at end of file + - Removed `spinner` file. \ No newline at end of file diff --git a/src/mini/_spinner.scss b/src/mini/_spinner.scss deleted file mode 100644 index f0110fc..0000000 --- a/src/mini/_spinner.scss +++ /dev/null @@ -1,42 +0,0 @@ -// Definitions for spinners. -// Animation definitions -@-webkit-keyframes spinner-dot-anim { to { -webkit-transform: translateY(-($spinner-dot-font-size*6));} } - @keyframes spinner-dot-anim { to { transform: translateY(-($spinner-dot-font-size*6));} } -@-webkit-keyframes spinner-donut-anim { 0% { -webkit-transform: rotate(0deg);} 100% { -webkit-transform: rotate(360deg);} } - @keyframes spinner-donut-anim { 0% { transform: rotate(0deg);} 100% { transform: rotate(360deg);} } -// Style for dots spinner (simple text-based spinner) -.#{$spinner-dot-name} { - display: inline-block; - overflow: hidden; - font-size: $spinner-dot-font-size; - height: 1.5 * $spinner-dot-font-size; - vertical-align: bottom; -&:after{ - display: inline-table; - white-space: pre; - content: "\A.\A..\A..."; - -webkit-animation: spinner-dot-anim 1.2s steps(4) infinite; - animation: spinner-dot-anim 1.2s steps(4) infinite; -} -} -// Style for donut spinner -.#{$spinner-donut-name} { - display: inline-block; - border: $spinner-donut-border-thickness solid $spinner-donut-back-color; - border-left: $spinner-donut-border-thickness solid $spinner-donut-fore-color; - border-radius: 50%; - width: $spinner-donut-size; - height: $spinner-donut-size; - animation: spinner-donut-anim 1.2s linear infinite; -} -// Mixin for alternate donut spinner styles (spinner donut color variants). -// Variables: -// - $spinner-donut-alt-name : The name of the class used for the alternate donut spinner. -// - $spinner-donut-alt-back-color : The background color of the alternate donut spinner. -// - $spinner-donut-alt-fore-color : The foreground color of the alternate donut spinner. -@mixin make-spinner-donut-alt-color ($spinner-donut-alt-name, $spinner-donut-alt-back-color, $spinner-donut-alt-fore-color) { -.#{$spinner-donut-name}.#{$spinner-donut-alt-name} { - border: $spinner-donut-border-thickness solid $spinner-donut-alt-back-color; - border-left: $spinner-donut-border-thickness solid $spinner-donut-alt-fore-color; -} -} \ No newline at end of file