diff --git a/d2l-icons.md b/d2l-icons.md index 66d03fe..e34ad4c 100644 --- a/d2l-icons.md +++ b/d2l-icons.md @@ -129,18 +129,19 @@ Size: `30px` x `30`px | Icon | Name || Icon | Name || Icon | Name | | :---: | :--- | --- | :---: | :--- | --- | :---: | :--- | -| ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/alert.svg?raw=true) | alert || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/download.svg?raw=true) | download || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/notification-bell.svg?raw=true) | notification-bell | -| ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/bookmark.svg?raw=true) | bookmark || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/email-open.svg?raw=true) | email-open || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/pause.svg?raw=true) | pause | -| ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/calendar.svg?raw=true) | calendar || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/email.svg?raw=true) | email || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/pic.svg?raw=true) | pic | -| ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/check-circle.svg?raw=true) | check-circle || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/gear.svg?raw=true) | gear || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/play.svg?raw=true) | play | -| ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/chevron-down.svg?raw=true) | chevron-down || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/grade.svg?raw=true) | grade || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/preview.svg?raw=true) | preview | -| ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/chevron-left.svg?raw=true) | chevron-left || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/help.svg?raw=true) | help || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/profile-default.svg?raw=true) | profile-default | -| ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/chevron-right.svg?raw=true) | chevron-right || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/home.svg?raw=true) | home || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/search.svg?raw=true) | search | -| ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/chevron-up.svg?raw=true) | chevron-up || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/image.svg?raw=true) | image || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/stop.svg?raw=true) | stop | -| ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/classes.svg?raw=true) | classes || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/lock-unlocked.svg?raw=true) | lock-unlocked || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/syllabus.svg?raw=true) | syllabus | -| ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/close-thick.svg?raw=true) | close-thick || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/lock.svg?raw=true) | lock || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/upload.svg?raw=true) | upload | -| ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/close.svg?raw=true) | close || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/menu-hamburger.svg?raw=true) | menu-hamburger ||   |   | -| ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/discussions.svg?raw=true) | discussions || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/news.svg?raw=true) | news ||   |   | +| ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/alert.svg?raw=true) | alert || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/email-open.svg?raw=true) | email-open || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/pause.svg?raw=true) | pause | +| ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/bookmark.svg?raw=true) | bookmark || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/email.svg?raw=true) | email || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/pic.svg?raw=true) | pic | +| ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/calendar.svg?raw=true) | calendar || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/gear.svg?raw=true) | gear || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/play-borderless.svg?raw=true) | play-borderless | +| ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/check-circle.svg?raw=true) | check-circle || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/grade.svg?raw=true) | grade || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/play.svg?raw=true) | play | +| ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/chevron-down.svg?raw=true) | chevron-down || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/help.svg?raw=true) | help || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/preview.svg?raw=true) | preview | +| ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/chevron-left.svg?raw=true) | chevron-left || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/home.svg?raw=true) | home || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/profile-default.svg?raw=true) | profile-default | +| ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/chevron-right.svg?raw=true) | chevron-right || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/image.svg?raw=true) | image || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/search.svg?raw=true) | search | +| ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/chevron-up.svg?raw=true) | chevron-up || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/lock-unlocked.svg?raw=true) | lock-unlocked || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/stop-borderless.svg?raw=true) | stop-borderless | +| ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/classes.svg?raw=true) | classes || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/lock.svg?raw=true) | lock || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/stop.svg?raw=true) | stop | +| ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/close-thick.svg?raw=true) | close-thick || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/menu-hamburger.svg?raw=true) | menu-hamburger || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/syllabus.svg?raw=true) | syllabus | +| ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/close.svg?raw=true) | close || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/news.svg?raw=true) | news || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/upload.svg?raw=true) | upload | +| ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/discussions.svg?raw=true) | discussions || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/notification-bell.svg?raw=true) | notification-bell ||   |   | +| ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/download.svg?raw=true) | download || ![](https://rawgit.com/BrightspaceUI/icons/master/images/tier3/pause-borderless.svg?raw=true) | pause-borderless ||   |   | ## html-editor diff --git a/icons.scss b/icons.scss index 826038e..ca79880 100644 --- a/icons.scss +++ b/icons.scss @@ -2429,6 +2429,12 @@ content: url("data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%23565a5c%22%20d%3D%22M26%202a2%202%200%200%201%202%202v22a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h22m0-2H4a4%204%200%200%200-4%204v22a4%204%200%200%200%204%204h22a4%204%200%200%200%204-4V4a4%204%200%200%200-4-4z%22%2F%3E%3Cpath%20fill%3D%22%23565a5c%22%20d%3D%22M12%2010v10h-2V10h2m0-2h-2a2%202%200%200%200-2%202v10a2%202%200%200%200%202%202h2a2%202%200%200%200%202-2V10a2%202%200%200%200-2-2zM20%2010v10h-2V10h2m0-2h-2a2%202%200%200%200-2%202v10a2%202%200%200%200%202%202h2a2%202%200%200%200%202-2V10a2%202%200%200%200-2-2z%22%2F%3E%3C%2Fsvg%3E"); } } +@mixin d2l-icon-tier3-pause-borderless() { + @include d2l-icon(); + &:before { + content: url("data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%23565a5c%22%20d%3D%22M9%2030H4a4%204%200%200%201-4-4V4a4%204%200%200%201%204-4h5a4%204%200%200%201%204%204v22a4%204%200%200%201-4%204zM4%202a2%202%200%200%200-2%202v22a2%202%200%200%200%202%202h5a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2zM26%2030h-5a4%204%200%200%201-4-4V4a4%204%200%200%201%204-4h5a4%204%200%200%201%204%204v22a4%204%200%200%201-4%204zM21%202a2%202%200%200%200-2%202v22a2%202%200%200%200%202%202h5a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2z%22%2F%3E%3C%2Fsvg%3E"); + } +} @mixin d2l-icon-tier3-pic() { @include d2l-icon(); &:before { @@ -2441,6 +2447,12 @@ content: url("data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%23565a5c%22%20d%3D%22M26%202c1.103%200%202%20.897%202%202v22c0%201.103-.897%202-2%202H4c-1.103%200-2-.897-2-2V4c0-1.103.897-2%202-2h22m0-2H4C1.8%200%200%201.8%200%204v22c0%202.2%201.8%204%204%204h22c2.2%200%204-1.8%204-4V4c0-2.2-1.8-4-4-4z%22%2F%3E%3Cpath%20fill%3D%22%23565a5c%22%20d%3D%22M12%209l9%206-9%206V9m0-2a2%202%200%200%200-2%202v12a2%202%200%200%200%203.11%201.664l9-6a2%202%200%200%200-.001-3.328l-9-6A1.997%201.997%200%200%200%2012%207z%22%2F%3E%3C%2Fsvg%3E"); } } +@mixin d2l-icon-tier3-play-borderless() { + @include d2l-icon(); + &:before { + content: url("data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%23565a5c%22%20d%3D%22M7%202l18%2013L7%2028V2m0-2a2%202%200%200%200-2%202v26a2%202%200%200%200%203.17%201.62l18-13a2%202%200%200%200%200-3.24l-18-13A2%202%200%200%200%207%200z%22%2F%3E%3C%2Fsvg%3E"); + } +} @mixin d2l-icon-tier3-preview() { @include d2l-icon(); &:before { @@ -2465,6 +2477,12 @@ content: url("data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%23565a5c%22%20d%3D%22M26%202c1.103%200%202%20.897%202%202v22c0%201.103-.897%202-2%202H4c-1.103%200-2-.897-2-2V4c0-1.103.897-2%202-2h22m0-2H4C1.8%200%200%201.8%200%204v22c0%202.2%201.8%204%204%204h22c2.2%200%204-1.8%204-4V4c0-2.2-1.8-4-4-4z%22%2F%3E%3Cpath%20fill%3D%22%23565a5c%22%20d%3D%22M20%2010v10H10V10h10m0-2H10c-1.1%200-2%20.9-2%202v10c0%201.1.9%202%202%202h10c1.1%200%202-.9%202-2V10c0-1.1-.9-2-2-2z%22%2F%3E%3C%2Fsvg%3E"); } } +@mixin d2l-icon-tier3-stop-borderless() { + @include d2l-icon(); + &:before { + content: url("data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%23565a5c%22%20d%3D%22M23%2030H7a7%207%200%200%201-7-7V7a7%207%200%200%201%207-7h16a7%207%200%200%201%207%207v16a7%207%200%200%201-7%207zM7%202a5%205%200%200%200-5%205v16a5%205%200%200%200%205%205h16a5%205%200%200%200%205-5V7a5%205%200%200%200-5-5z%22%2F%3E%3C%2Fsvg%3E"); + } +} @mixin d2l-icon-tier3-syllabus() { @include d2l-icon(); &:before { diff --git a/images/tier3/pause-borderless.svg b/images/tier3/pause-borderless.svg new file mode 100644 index 0000000..b6b328a --- /dev/null +++ b/images/tier3/pause-borderless.svg @@ -0,0 +1,4 @@ + + + + diff --git a/images/tier3/play-borderless.svg b/images/tier3/play-borderless.svg new file mode 100644 index 0000000..e37fb98 --- /dev/null +++ b/images/tier3/play-borderless.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/tier3/stop-borderless.svg b/images/tier3/stop-borderless.svg new file mode 100644 index 0000000..0a19663 --- /dev/null +++ b/images/tier3/stop-borderless.svg @@ -0,0 +1,3 @@ + + + diff --git a/tier3-icons.html b/tier3-icons.html index 8490165..11cf4b7 100644 --- a/tier3-icons.html +++ b/tier3-icons.html @@ -96,6 +96,10 @@ + + + + @@ -105,6 +109,9 @@ + + + @@ -124,6 +131,9 @@ + + +