diff options
Update Icons
4 files changed, 4 insertions, 49 deletions
| -rw-r--r-- | src/icons/_icons-action.scss | 25 | ||||
| -rw-r--r-- | src/icons/_icons-core.scss | 1 | ||||
| -rw-r--r-- | src/icons/_icons-navigation.scss | 6 | ||||
| -rw-r--r-- | src/icons/_icons-object.scss | 21 |
diff --git a/src/icons/_icons-action.scss b/src/icons/_icons-action.scss index 38d42db..1b952ea 100644 --- a/src/icons/_icons-action.scss +++ b/src/icons/_icons-action.scss @@ -1,4 +1,3 @@ - // Icon resize .icon-resize-horiz, .icon-resize-vert { @@ -7,7 +6,6 @@ border: $icon-border-width solid currentColor; border-bottom: 0; border-right: 0; - content: ""; height: .45em; width: .45em; } @@ -35,7 +33,6 @@ background: currentColor; box-shadow: -.4em 0, .4em 0; border-radius: 50%; - content: ""; height: 3px; width: 3px; } @@ -53,7 +50,6 @@ .icon-cross { &::before { background: currentColor; - content: ""; height: $icon-border-width; width: 100%; } @@ -63,7 +59,6 @@ .icon-cross { &::after { background: currentColor; - content: ""; height: 100%; width: $icon-border-width; } @@ -88,7 +83,6 @@ border: $icon-border-width solid currentColor; border-right: 0; border-top: 0; - content: ""; height: .5em; width: .9em; transform: translate(-50%, -75%) rotate(-45deg); @@ -101,7 +95,6 @@ border-radius: 50%; &::before { background: currentColor; - content: ""; height: $icon-border-width; transform: translate(-50%, -50%) rotate(45deg); width: 1em; @@ -128,7 +121,6 @@ border: $icon-border-width solid currentColor; border-radius: 50%; border-right-color: transparent; - content: ""; height: 1em; width: 1em; } @@ -136,7 +128,6 @@ border: .2em solid currentColor; border-top-color: transparent; border-left-color: transparent; - content: ""; height: 0; left: 80%; top: 20%; @@ -149,7 +140,6 @@ &::before { border: $icon-border-width solid currentColor; border-radius: 50%; - content: ""; height: .75em; left: 5%; top: 5%; @@ -158,7 +148,6 @@ } &::after { background: currentColor; - content: ""; height: $icon-border-width; left: 80%; top: 80%; @@ -171,7 +160,6 @@ .icon-edit { &::before { border: $icon-border-width solid currentColor; - content: ""; height: .4em; transform: translate(-40%, -60%) rotate(-45deg); width: .85em; @@ -180,7 +168,6 @@ border: .15em solid currentColor; border-top-color: transparent; border-right-color: transparent; - content: ""; height: 0; left: 5%; top: 95%; @@ -196,7 +183,6 @@ border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border-top: 0; - content: ""; height: .75em; top: 60%; width: .75em; @@ -204,7 +190,6 @@ &::after { background: currentColor; box-shadow: -.25em .2em, .25em .2em; - content: ""; height: $icon-border-width; top: $icon-border-width/2; width: .5em; @@ -221,7 +206,6 @@ border: $icon-border-width solid currentColor; border-left: 0; border-top: 0; - content: ""; height: .4em; left: 100%; top: .25em; @@ -233,7 +217,6 @@ border-bottom: 0; border-right: 0; border-radius: 75% 0; - content: ""; height: .5em; width: .6em; } @@ -243,7 +226,6 @@ .icon-flag { &::before { background: currentColor; - content: ""; height: 1em; left: 15%; width: $icon-border-width; @@ -253,7 +235,6 @@ border-bottom-right-radius: $border-radius; border-left: 0; border-top-right-radius: $border-radius; - content: ""; height: .65em; top: 35%; left: 60%; @@ -268,7 +249,6 @@ border-bottom: 0; border-top-left-radius: $border-radius; border-top-right-radius: $border-radius; - content: ""; height: .9em; width: .8em; } @@ -277,7 +257,6 @@ border-bottom: 0; border-left: 0; border-radius: $border-radius; - content: ""; height: .5em; transform: translate(-50%, 35%) rotate(-45deg) skew(15deg, 15deg); width: .5em; @@ -292,14 +271,12 @@ border: $icon-border-width solid currentColor; border-bottom: 0; border-right: 0; - content: ""; height: .5em; width: .5em; transform: translate(-50%, -60%) rotate(-135deg); } &::after { background: currentColor; - content: ""; height: .6em; top: 40%; width: $icon-border-width; @@ -322,7 +299,6 @@ border-radius: $border-radius; border-right: 0; border-bottom: 0; - content: ""; height: .8em; left: 40%; top: 35%; @@ -331,7 +307,6 @@ &::after { border: $icon-border-width solid currentColor; border-radius: $border-radius; - content: ""; height: .8em; left: 60%; top: 60%; diff --git a/src/icons/_icons-core.scss b/src/icons/_icons-core.scss index 577024d..9a67ae4 100644 --- a/src/icons/_icons-core.scss +++ b/src/icons/_icons-core.scss @@ -15,6 +15,7 @@ $icon-prefix: "icon"; width: 1em; &::before, &::after { + content: ""; display: block; left: 50%; position: absolute; diff --git a/src/icons/_icons-navigation.scss b/src/icons/_icons-navigation.scss index 7d7fcd3..92ab231 100644 --- a/src/icons/_icons-navigation.scss +++ b/src/icons/_icons-navigation.scss @@ -11,7 +11,6 @@ border: $icon-border-width solid currentColor; border-bottom: 0; border-right: 0; - content: ""; height: .65em; width: .65em; } @@ -45,7 +44,6 @@ .icon-forward { &::after { background: currentColor; - content: ""; height: $icon-border-width; width: .8em; } @@ -55,7 +53,6 @@ .icon-upward { &::after { background: currentColor; - content: ""; height: .8em; width: $icon-border-width; } @@ -103,7 +100,6 @@ border-top: .3em solid currentColor; border-right: .3em solid transparent; border-left: .3em solid transparent; - content: ""; height: 0; transform: translate(-50%, -25%); width: 0; @@ -115,7 +111,6 @@ &::before { background: currentColor; box-shadow: 0 -.35em, 0 .35em; - content: ""; height: $icon-border-width; width: 100%; } @@ -126,7 +121,6 @@ &::before { background: currentColor; box-shadow: -.35em -.35em, -.35em 0, -.35em .35em, 0 -.35em, 0 .35em, .35em -.35em, .35em 0, .35em .35em; - content: ""; height: 3px; width: 3px; } diff --git a/src/icons/_icons-object.scss b/src/icons/_icons-object.scss index 746d25b..00597d8 100644 --- a/src/icons/_icons-object.scss +++ b/src/icons/_icons-object.scss @@ -4,14 +4,12 @@ border-radius: 50%; &::before { background: currentColor; - content: ""; height: .4em; transform: translate(-50%, -75%); width: $icon-border-width; } &::after { background: currentColor; - content: ""; height: .3em; transform: translate(-50%, -75%) rotate(90deg); transform-origin: 50% 90%; @@ -24,7 +22,6 @@ &::before { border: $icon-border-width solid currentColor; border-radius: $border-radius; - content: ""; height: .8em; width: 1em; } @@ -32,7 +29,6 @@ border: $icon-border-width solid currentColor; border-right: 0; border-top: 0; - content: ""; height: .5em; transform: translate(-50%, -90%) rotate(-45deg) skew(10deg, 10deg); width: .5em; @@ -44,7 +40,6 @@ &::before { border: $icon-border-width solid currentColor; border-radius: 50%; - content: ""; height: .45em; top: 25%; width: .45em; @@ -52,7 +47,6 @@ &::after { border: $icon-border-width solid currentColor; border-radius: 50% 50% 0 0; - content: ""; height: .4em; top: 75%; width: .9em; @@ -70,7 +64,6 @@ border-bottom-right-radius: $border-radius; border-left: 0; border-top: 0; - content: ""; height: .8em; left: 65%; top: 40%; @@ -79,7 +72,6 @@ &::after { background: currentColor; border-radius: $border-radius; - content: ""; height: .3em; left: 10%; top: 100%; @@ -95,7 +87,6 @@ &::before { border: $icon-border-width solid currentColor; border-radius: 50%; - content: ""; height: .25em; left: 35%; top: 35%; @@ -105,7 +96,6 @@ border: $icon-border-width solid currentColor; border-bottom: 0; border-left: 0; - content: ""; height: .5em; left: 60%; transform: translate(-50%, 25%) rotate(-45deg); @@ -120,7 +110,6 @@ border: $icon-border-width solid currentColor; border-radius: 5em 0 0 5em; border-right: 0; - content: ""; height: .5em; width: .75em; } @@ -137,7 +126,6 @@ &::before { border: $icon-border-width solid currentColor; border-radius: 50% 50% 50% 0; - content: ""; height: .8em; transform: translate(-50%, -60%) rotate(-45deg); width: .8em; @@ -145,7 +133,6 @@ &::after { border: $icon-border-width solid currentColor; border-radius: 50%; - content: ""; height: .2em; transform: translate(-50%, -80%); width: .2em; @@ -158,17 +145,15 @@ border-radius: 50%; &::before { border-radius: 50%; - box-shadow: -.17em -.15em, .17em -.15em; - content: ""; - height: .1em; - width: .1em; + box-shadow: -.17em -.1em, .17em -.1em; + height: .15em; + width: .15em; } &::after { border: $icon-border-width solid currentColor; border-bottom-color: transparent; border-radius: 50%; border-right-color: transparent; - content: ""; height: .5em; transform: translate(-50%, -40%) rotate(-135deg); width: .5em; |