diff --git a/app/styles/app/layouts/jobs.sass b/app/styles/app/layouts/jobs.sass index 5bbbb43e..7ee297b7 100644 --- a/app/styles/app/layouts/jobs.sass +++ b/app/styles/app/layouts/jobs.sass @@ -156,25 +156,3 @@ .job-duration flex: 1 0 14% padding-right: 1em -.icon-clock - display: inline-block - width: 16px - height: 20px - margin-right: .3em - vertical-align: middle - background: - size: auto 20px - position: -2px 0 - @extend %icon-line-clock - -.icon-calendar - display: inline-block - width: 16px - height: 18px - margin-right: .3em - vertical-align: middle - background: - size: auto 18px - position: -1px 0 - @extend %icon-line-calendar - diff --git a/app/styles/app/modules/build-header.sass b/app/styles/app/modules/build-header.sass index 90a14468..16606615 100644 --- a/app/styles/app/modules/build-header.sass +++ b/app/styles/app/modules/build-header.sass @@ -89,35 +89,5 @@ margin: 1rem 0 list-style: none line-height: 1.7 - - .commit-commit, - .commit-compare - @extend %icon-line-commit - padding-left: 1.7em - background: - size: auto 23px - repeat: no-repeat - position: -11px -1px .commit-clock - @extend %icon-line-clock - padding-left: 1.7em margin-bottom: 1rem - background: - size: auto 22px - repeat: no-repeat - position: 0 2px - .commit-calendar - @extend %icon-line-calendar - padding-left: 1.7em - background: - size: auto 20px - repeat: no-repeat - position: 1px 3px - .commit-stopwatch - @extend %icon-line-stopwatch - padding-left: 1.7em - background: - size: auto 18px - repeat: no-repeat - position: 4px 3px - diff --git a/app/styles/app/modules/icons.sass b/app/styles/app/modules/icons.sass index 4a9d7d15..573f9071 100644 --- a/app/styles/app/modules/icons.sass +++ b/app/styles/app/modules/icons.sass @@ -1,5 +1,6 @@ %icon display: inline-block + vertical-align: middle background: size: 100% repeat: no-repeat @@ -10,11 +11,11 @@ @extend %icon %icon-download-log - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-downloadlog.svg') %icon-remove-log - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-removelog.svg') %icon-arrow-down - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-arrow-down.svg') .icon--search background-image: inline-image('ui/search.svg') @@ -35,11 +36,11 @@ background-image: inline-image('ui/hooks-off.svg') %icon-line-trashcan - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-trash.svg') %icon-line-trashcan-red - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-trash-red.svg') %icon-line-trashcan-disabled - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-trash-disabled.svg') .icon-delete @extend %icon-line-trashcan @@ -49,40 +50,60 @@ @extend %icon-line-trashcan-disabled %icon-line-key - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-key.svg') .icon-key @extend %icon @extend %icon-line-key - width: 1.2em - height: 1.3em + width: 20px + height: 20px background-position: 0 6px - margin-right: .3em + margin-right: .1em %icon-line-fingerprint - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-fingerprint.svg') .icon-fingerprint @extend %icon @extend %icon-line-fingerprint - width: 1.3em - height: 1.3em - margin-right: .3em + width: 20px + height: 20px + margin-right: .1em %icon-line-calendar - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-cal.svg') .icon-line-calendar, .icon-cal, .icon-calendar @extend %icon - @extend %icon-line-fingre + @extend %icon-line-calendar + width: 20px + height: 18px + margin-right: .1em + background: + size: auto 20px + position: -1px 0 %icon-line-clock - background-image: url('data:image/svg+xml;utf8,') -.icon-line-clock + background-image: inline-image('line-icons/icon-clock.svg') +.icon-clock @extend %icon @extend %icon-line-clock + width: 20px + height: 20px + margin-right: .1em + background: + size: auto 21px + position: -2px 0 %icon-line-stopwatch - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-stopwatch.svg') +.icon-stopwatch + @extend %icon + @extend %icon-line-stopwatch + width: 20px + height: 18px + margin-right: .1em + background-size: auto 18px + background-position: 1px 0 .icon-line-build @extend %icon @@ -94,14 +115,13 @@ @extend %icon @extend %icon-line-commit - %icon-line-eye - background-image: url('data:image/svg+xml;utf8,') + background-image:inline-image('line-icons/icon-view.svg') %icon-line-question - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-help.svg') %icon-line-question-teal - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-help-teal.svg') .icon-question width: 1em @@ -119,20 +139,20 @@ @extend %icon-line-question-teal %icon-line-hash - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-hash.svg') %icon-line-linux - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-linux.svg') %icon-line-mac - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-mac.svg') %icon-line-language - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-lang.svg') %icon-line-environment - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-environment.svg') %icon-line-cog - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-settings.svg') %icon-line-cog-teal - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-settings-teal.svg') .icon-settings @extend %icon-line-cog @@ -145,31 +165,31 @@ @extend %icon-line-cog-teal %icon-line-dropdown - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-arrow-dropdown.svg') %icon-line-dropdown-teal - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-arrow-dropdown-teal.svg') %icon-line-codeclimate - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-codeclimate.svg') %icon-line-codeclimate-teal - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-codeclimate-teal.svg') %icon-line-cross - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-failed.svg') %icon-line-cross-white - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-failed-white.svg') %icon-line-cross-teal - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-failed-teal.svg') %icon-line-trigger - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-trigger.svg') %icon-line-trigger-white - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-trigger-white.svg') %icon-line-trigger-teal - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-trigger-teal.svg') %icon-github - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-commit.svg') .icon-github display: inline-block width: 1.1em @@ -183,7 +203,7 @@ @extend %icon-github %icon-github-circle - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-github-outline.svg') .icon-github-circle display: inline-block width: 1.2em @@ -194,12 +214,12 @@ @extend %icon-github-circle %icon-line-flag-teal - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-flag.svg') %icon-line-flag-yellow - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-flag-yellow.svg') %icon-line-scale - background-image: url('data:image/svg+xml;utf8,') + background-image: inline-image('line-icons/icon-scales.svg') .icon-scale @extend %icon diff --git a/app/styles/app/modules/tabs.sass b/app/styles/app/modules/tabs.sass index a4ae84a4..10ef2268 100644 --- a/app/styles/app/modules/tabs.sass +++ b/app/styles/app/modules/tabs.sass @@ -86,4 +86,4 @@ background: size: auto 100% repeat: no-repeat - image: url('data:image/svg+xml;utf8,') + image: inline-image('line-icons/icon-arrow-tabs.svg') diff --git a/app/templates/components/build-header.hbs b/app/templates/components/build-header.hbs index d7897cdf..442eeaed 100644 --- a/app/templates/components/build-header.hbs +++ b/app/templates/components/build-header.hbs @@ -19,15 +19,19 @@