From e1af2821af4725df4d71b66f42da4a14b8a2734e Mon Sep 17 00:00:00 2001 From: Alexander Weidinger Date: Sun, 10 Jun 2018 23:22:57 +0200 Subject: [PATCH] Switch to npm and less.js --- .gitignore | 2 +- Makefile | 4 -- ...chyroll-dark.scss => crunchyroll-dark.less | 51 +++++++++++------- ...ction_arrow_noalpha_without-background.png | Bin 0 -> 8366 bytes nord | 2 +- package.json | 17 ++++++ 6 files changed, 51 insertions(+), 25 deletions(-) delete mode 100644 Makefile rename crunchyroll-dark.scss => crunchyroll-dark.less (64%) create mode 100644 img/collection_arrow_noalpha_without-background.png create mode 100644 package.json diff --git a/.gitignore b/.gitignore index 68be2dd..176f78f 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,2 @@ crunchyroll-dark.css -crunchyroll-dark.css.map +node_modules/* diff --git a/Makefile b/Makefile deleted file mode 100644 index 33a039f..0000000 --- a/Makefile +++ /dev/null @@ -1,4 +0,0 @@ -all: - sass crunchyroll-dark.scss crunchyroll-dark.css -clean: - rm crunchyroll-dark.css{,.map} diff --git a/crunchyroll-dark.scss b/crunchyroll-dark.less similarity index 64% rename from crunchyroll-dark.scss rename to crunchyroll-dark.less index c416ae0..798f6a8 100644 --- a/crunchyroll-dark.scss +++ b/crunchyroll-dark.less @@ -1,70 +1,83 @@ -@import "nord/src/nord.scss"; +@import "nord/src/nord.less"; -$orange: #f78c25; +@orange: #f78c25; + +/* buttons */ +#source_home .queue-to-top { + background: data-uri('img/queue_arrow_without-background.png') -3px 0 no-repeat; +} + +#source_home .dropdown-collection { + background: data-uri('img/queue_dropdown_arrow_without-background.png') 0 0 no-repeat; +} + +.collection-carousel-arrow { + background: data-uri('img/collection_arrow_noalpha_without-background.png') no-repeat -40px 42px; +} /* Queue, Random and Profile icon */ .header-userpanel .header-icon { - color: $nord4; - fill: $nord4; + color: @nord4; + fill: @nord4; } /* Shows, Manga, News, ... */ .header-menubar li a, .new-template-body a.block-link, .old-template-body a.block-link, a.block-link, .new-template-body { - color: $nord4; + color: @nord4; } /* Header */ .site-header { - background: $nord3; + background: @nord3; } /* main site */ #template_body.old-template-body { - background-color: $nord3; + background-color: @nord3; } /* Overall background */ body.main-page { - background: $nord0; + background: @nord0; } #template_container.template-container { - background: $nord0; + background: @nord0; } /* My Queue, History */ .main-tabs a.selected, .main-tabs a.selected:hover { - background: $nord3; + background: @nord3; } #tabs { - background: $nord3; + background: @nord3; } /* Footer */ #footer_menu { - background: $nord0; + background: @nord0; } /* History items */ /* background */ .portrait-element { - background: $nord3; + background: @nord3; } /* Queue items */ /* background */ #source_home #main_content .landscape-grid li .wrapper { - background: $nord3; + background: @nord3; } #main_content .landscape-element { - background: $nord3; + background: @nord3; } /* title */ .new-template-body .block-link:hover, .new-template-body .pagination a, .new-template-body .para-div a, .new-template-body .sub-tabs .selectors a.text-link, .new-template-body .text-link, .new-template-body .wrapper a:hover a, .new-template-body a:hover h4, .new-template-body li a, .new-template-body p a, .new-template-body span a { - color: $nord7; + color: @nord7; } /* more options */ #source_home .more-options { - border-top: 1px solid $nord1; + border-top: 1px solid @nord1; } /****************** @@ -73,7 +86,7 @@ body.main-page { /* submenu episodes */ #main_content_white, .white-wrapper { - background: $nord3; + background: @nord3; } /********************** @@ -87,5 +100,5 @@ body.main-page { * borders * ***********/ .welcome-block h1, .welcome-title-list h1 { - border-bottom: 1px solid $nord1; + border-bottom: 1px solid @nord1; } diff --git a/img/collection_arrow_noalpha_without-background.png b/img/collection_arrow_noalpha_without-background.png new file mode 100644 index 0000000000000000000000000000000000000000..b211381a0a39e7a40bd27ba3070f89a58f38e25d GIT binary patch literal 8366 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