mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #10460 from nextcloud/bugfix/10443/theming-icons 

Use icon mixins for the theming scss
This commit is contained in:
Roeland Jago Douma 2018-07-31 11:50:21 +02:00 committed by GitHub
parent eedfb0d8a4 5d7c0b8cd2
commit b16f1093af
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
apps/theming/css/theming.scss
View File

@ -27,16 +27,19 @@
filter: none; filter: none;
} }
.searchbox input[type="search"] { .searchbox input[type="search"] {
background: transparent url('../../../core/img/actions/search.svg') no-repeat 6px center; background-repeat: no-repeat;
background-position: 6px center;
background-color: transparent;
@include icon-color('search', 'actions', $color-black, 1, true);
} }
#contactsmenu .icon-contacts { #contactsmenu .icon-contacts {
background-image: url('../../../core/img/places/contacts-dark.svg'); @include icon-color('contacts', 'places', $color-black, 1, true);
} }
#settings .icon-settings-white { #settings .icon-settings-white {
background-image: url('../../../core/img/actions/settings-dark.svg'); @include icon-color('settings', 'actions', $color-black, 1, true);
} }
#appmenu .icon-more-white { #appmenu .icon-more-white {
background-image: url('../../../core/img/actions/more.svg'); @include icon-color('more', 'actions', $color-black, 1, true);
} }
#body-login { #body-login {
@ -64,8 +67,8 @@
} }
input[type='checkbox'].checkbox--white:checked + label:before { input[type='checkbox'].checkbox--white:checked + label:before {
border-color: nc-darken($color-primary-element, 30%) !important; border-color: nc-darken($color-primary-element, 30%) !important;
background-image: url('../../../core/img/actions/checkbox-mark.svg');
background-color: nc-darken($color-primary-element, 30%) !important; background-color: nc-darken($color-primary-element, 30%) !important;
@include icon-color('checkbox-mark', 'actions', $color-white, 1, true);
} }
} }
} @else { } @else {