Skip to content
This repository was archived by the owner on Aug 3, 2020. It is now read-only.

Add size and border options to the plugin #5

Merged
joshmanders merged 4 commits into from
Jul 2, 2018
Merged

Add size and border options to the plugin #5

Changes from 1 commit
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
1cb0c5c
Add node_modules and .DS_Store to .gitignore
hacknug Jul 1, 2018
4281a28
Use hex value as default color option
hacknug Jul 1, 2018
2b2c749
Add options to customize the spinner's size and width
hacknug Jul 1, 2018
a2e8ce1
Add new options to readme.md
hacknug Jul 1, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Use hex value as default color option
  • Loading branch information
@hacknug
hacknug committed Jul 1, 2018
commit 4281a2879b95c74b8d18eea065daba83ef8adb2b
10 changes: 8 additions & 2 deletions src/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,17 @@
export default ({name = 'spinner', color = 'grey-light'} = {}) => ({addUtilities, config}) => addUtilities({
export default ({
name = 'spinner',
color = '#dae1e7'
} = {}) => ({
addUtilities,
config
}) => addUtilities({
[`.${name}`]: {
'color': 'transparent !important',
'pointer-events': 'none',
'position': 'relative',
'&:after': {
'animation': 'spinAround 500ms infinite linear',
'border': `2px solid ${config(`colors.${color}`)}`,
'border': `2px solid ${color}`,
'border-radius': '290486px',
'border-right-color': 'transparent',
'border-top-color': 'transparent',
Expand Down