From a720b2bc3fc894b2b2aab936809217d04ee7d536 Mon Sep 17 00:00:00 2001 From: github-actions <41898282+github-actions[bot]@users.noreply.github.com> Date: Mon, 18 Mar 2024 01:04:40 +0000 Subject: [PATCH] style: format code with prettier --- styles/picrew/catppuccin.user.css | 139 ++++++++++++++++++++---------- 1 file changed, 92 insertions(+), 47 deletions(-) diff --git a/styles/picrew/catppuccin.user.css b/styles/picrew/catppuccin.user.css index 8b4b6758ed..be6319b5a2 100644 --- a/styles/picrew/catppuccin.user.css +++ b/styles/picrew/catppuccin.user.css @@ -54,7 +54,7 @@ color-scheme: if(@lookup = latte, light, dark); body { background-color: @base !important; - color: @text !important + color: @text !important; } /* language prompt */ .header-langbox { @@ -77,12 +77,14 @@ border-top-color: @surface1 !important; } .st-Header_Wrapper .st-Header .st-Header_Logo { - @svg: escape(''); - background-image: url("data:image/svg+xml;charset=utf8,@{svg}"); - filter: none; + @svg: escape( + '' + ); + background-image: url("data:image/svg+xml;charset=utf8,@{svg}"); + filter: none; } .st-Header_Wrapper .st-Header .st-Header_Linkicon { - color: @base !important + color: @base !important; } .st-Header_Wrapper .st-Header .menu__line { background-color: @base !important; @@ -123,7 +125,7 @@ /* "welcome creator" page (main page) */ .header_bg[data-v-2537399f] { /* just copy and pasted this one tbh */ - background: linear-gradient(90deg,@surface0,@base); + background: linear-gradient(90deg, @surface0, @base); } /* "Discovery" section (image is lightbulb) */ .sitetop-Discovery { @@ -172,7 +174,7 @@ .c_btn:hover { background: @surface2 !important; color: @text !important; - border-color: @surface2 !important; + border-color: @surface2 !important; } .c_btn:focus { box-shadow: 0 0 0 1px @accent-color !important; @@ -182,7 +184,7 @@ color: @text !important; } .sitetop-info h1::after { - background: @mantle !important + background: @mantle !important; } .sitetop-info h1 i { background: @mantle !important; @@ -236,7 +238,7 @@ } .popup { background-color: @base !important; - border-color: @accent-color !important; + border-color: @accent-color !important; } .popup-header { background-color: @mantle !important; @@ -304,7 +306,7 @@ color: @subtext0 !important; } .login-form-container .login-form input:focus { - box-shadow: 0 0 0 1px @accent-color !important; + box-shadow: 0 0 0 1px @accent-color !important; } .pwBox .btn-default { color: @subtext0 !important; @@ -385,16 +387,27 @@ color: @base !important; } /* creator registration page */ - .creator-content .email-register-container .email-register-form input:not([type="checkbox"], [type="radio"]):focus { + .creator-content + .email-register-container + .email-register-form + input:not([type="checkbox"], [type="radio"]):focus { box-shadow: 0 0 0 1px @accent-color !important; } - .creator-content .email-register-container .email-register-form input:not([type="checkbox"], [type="radio"]) { + .creator-content + .email-register-container + .email-register-form + input:not([type="checkbox"], [type="radio"]) { background: @mantle !important; border-color: @surface0 !important; color: @text !important; } /* "Password" field */ - .creator-content .email-register-container .email-register-form fieldset label .att { + .creator-content + .email-register-container + .email-register-form + fieldset + label + .att { color: @subtext1 !important; } /* name validation popup */ @@ -464,7 +477,7 @@ border-bottom-color: @surface2 !important; } .text-white { - color: @text !important + color: @text !important; } .navbar-light .navbar-nav .nav-link { color: @subtext0 !important; @@ -482,7 +495,7 @@ } .badge-info { background-color: @surface2 !important; - border-color: @surface2 !important + border-color: @surface2 !important; } .footer { background: none repeat scroll 0 @mantle !important; @@ -503,7 +516,7 @@ .btn-primary.btn-lg { background-color: @surface1 !important; border-color: @surface1 !important; - color: @text !important + color: @text !important; } .alert-info { background-color: @surface0 !important; @@ -524,7 +537,7 @@ } .modal-header { background-color: @mantle !important; - border-bottom-color: @surface1 !important + border-bottom-color: @surface1 !important; } .modal-header .close, .modal-header .close:hover { @@ -547,9 +560,13 @@ .tc_imagemaker_register_type li :checked + label { border-color: @accent-color !important; box-shadow: 0 0 0 2px @accent-color !important; - color: @surface1 !important + color: @surface1 !important; } - .tc_imagemaker_register_type li :checked + label .tc_imagemaker_register_type_name { + .tc_imagemaker_register_type + li + :checked + + label + .tc_imagemaker_register_type_name { background-color: @accent-color !important; border-bottom-color: @accent-color !important; color: @surface1 !important; @@ -611,7 +628,7 @@ color: @text !important; } .btn-info:focus { - box-shadow: 0 0 0 .1rem @accent-color !important; + box-shadow: 0 0 0 0.1rem @accent-color !important; } .badge-default, .tc_badge_default { @@ -631,7 +648,7 @@ color: @base !important; } .btn-warning:focus { - box-shadow: 0 0 0 .1rem @accent-color !important; + box-shadow: 0 0 0 0.1rem @accent-color !important; } .tc_im_parts_eye .tc_im_parts_eye_icon { background: @surface0 !important; @@ -647,13 +664,13 @@ } /* image maker part editor (creator) */ .tc_sidebar_im_title { - color: @subtext0 !important + color: @subtext0 !important; } .tc_sidebar_im_title::after { background-color: @subtext0 !important; } .tc_sidebar_im li a:not(.btn) { - color: @text !important + color: @text !important; } .tc_sidebar_parts_list li .tc_sidebar_parts_list_parts:hover { background-color: @surface0 !important; @@ -666,7 +683,8 @@ .tc_c_textmenu li a { color: @accent-color !important; } - .btn:disabled, .btn:disabled:hover { + .btn:disabled, + .btn:disabled:hover { background-color: @surface2 !important; border-color: @overlay1; color: @subtext1 !important; @@ -693,7 +711,7 @@ .tc_color_chip, .tc_bulkupload_option h4 { background-color: @surface0 !important; - border-color: @surface0 !important + border-color: @surface0 !important; } /* image maker part settings (creator) */ .tc_upload_imgs .tc_upload_img_old { @@ -712,7 +730,9 @@ color: @base !important; } .tc_radio_switch label:first-child input[type="radio"] + span::before { - box-shadow: inset 0 0 0 1px @accent-color, -2px 0 1px @crust !important; + box-shadow: + inset 0 0 0 1px @accent-color, + -2px 0 1px @crust !important; } /* image maker "rules" (creator) */ .text-info { @@ -722,7 +742,7 @@ .tc_colorgp_detail_parts_deselect li { background: @surface0; border-color: @surface2; - color: @text !important + color: @text !important; } .tc_colorgp_detail_parts_deselect li:hover { background: @surface2 !important; @@ -738,14 +758,17 @@ border-color: @surface0 !important; } .tc_im_layer_sort li > div i { - color: @subtext1 !important + color: @subtext1 !important; } /* item list (creator) */ .tc_items_itemlist_header .tc_items_itemlist_sortno, .tc_items_itemlist.is_style_detail > li.tc_item_opened { background-color: @base !important; } - .tc_items_itemlist.is_style_detail > li .tc_items_itemlist_header .tc_items_itemlist_no { + .tc_items_itemlist.is_style_detail + > li + .tc_items_itemlist_header + .tc_items_itemlist_no { background-color: @surface1 !important; color: @text !important; } @@ -762,7 +785,11 @@ border-color: @accent-color !important; color: @surface0 !important; } - .tc_items_itemlist.is_style_detail > li .tc_items_itemlist_content .tc_items_itemlist_layers > li { + .tc_items_itemlist.is_style_detail + > li + .tc_items_itemlist_content + .tc_items_itemlist_layers + > li { border-bottom-color: @subtext0 !important; } .tc_c_textmenu li { @@ -770,8 +797,14 @@ border-right-color: @subtext0 !important; } /* thank u isabel for fixing this part */ - .tc_items_itemlist.is_style_detail > li .tc_items_itemlist_content .tc_items_itemlist_layers > li .tc_items_itemlist_imgs > li { - &, + .tc_items_itemlist.is_style_detail + > li + .tc_items_itemlist_content + .tc_items_itemlist_layers + > li + .tc_items_itemlist_imgs + > li { + &, &::before { background-color: @surface0 !important; border-color: @surface0 !important; @@ -800,7 +833,7 @@ color: @red !important; } .text-navy { - color: @accent-color !important + color: @accent-color !important; } /* discovery page */ .discovery_header .discovery_description { @@ -835,7 +868,7 @@ background: @accent-color !important; border-color: @accent-color !important; box-shadow: 0 4px 0 @accent-color !important; - color: @base !important + color: @base !important; } .imagemaker_info_wrapper .imagemaker_info_creator a { color: @accent-color !important; @@ -868,7 +901,10 @@ color: @text !important; } /* tag icon (outer image maker) */ - .imagemaker_info_wrapper .imagemaker_info_use_range li.is_can > div::before { + .imagemaker_info_wrapper + .imagemaker_info_use_range + li.is_can + > div::before { color: @accent-color !important; } /* dice/random button (inner image maker) */ @@ -910,7 +946,7 @@ } .imagemaker_ctrl_btns .btn_show_itemlist.selected { background-color: @accent-color !important; - color: @overlay0 !important + color: @overlay0 !important; } /* move image element (background) (inner image maker) */ .imagemaker_controller { @@ -970,7 +1006,7 @@ background: @mantle !important; border-color: @surface0 !important; } - .complete-ShareSns .complete-ShareSns_Copy { + .complete-ShareSns .complete-ShareSns_Copy { background-color: @surface0 !important; border-color: @surface2 !important; color: @subtext0 !important; @@ -1013,7 +1049,7 @@ } /* fix for bookmark icon (bookmarks page) */ .bookmark-inner h2 .fa { - color: @accent-color !important + color: @accent-color !important; } /* support.picrew.me page */ .site-branding { @@ -1034,16 +1070,19 @@ color: @text !important; } .bogo-language-name a { - color: @accent-color !important + color: @accent-color !important; } .main-navigation { background-color: @mantle !important; color: @text !important; } - .main-navigation a:hover, .main-navigation ul > :hover > a { + .main-navigation a:hover, + .main-navigation ul > :hover > a { color: @accent-color !important; } - .picrew_front-page-content-area.content-area .picrew_front-content .with-featured-image { + .picrew_front-page-content-area.content-area + .picrew_front-content + .with-featured-image { background-color: @mantle !important; } .widget_linkblock { @@ -1092,7 +1131,11 @@ border-color: @accent-color !important; } /* had to do a bit of fuckery to prevent this affecting the main page */ - #searchsubmit > button, input[type="button"], input[type="reset"], input[type="submit"], #infinite-handle span { + #searchsubmit > button, + input[type="button"], + input[type="reset"], + input[type="submit"], + #infinite-handle span { background-color: @surface1 !important; color: @text !important; } @@ -1102,10 +1145,12 @@ color: @subtext1 !important; } /* "what is picrew?" page (support) */ - .main-navigation li.current_page_item > a::before, .main-navigation li.current-menu-item > a::before { + .main-navigation li.current_page_item > a::before, + .main-navigation li.current-menu-item > a::before { border-bottom-color: @accent-color !important; } - .main-navigation .nav-menu > li > a::after, .main-navigation .menu > li > a::after { + .main-navigation .nav-menu > li > a::after, + .main-navigation .menu > li > a::after { color: @accent-color !important; } .page .site-content { @@ -1116,10 +1161,10 @@ color: @text !important; } body.page:not(.home) .entry-title { - color: @text !important + color: @text !important; } body.page:not(.home) .entry-title::after { - background: @accent-color !important + background: @accent-color !important; } .entry-content h2 { background: @surface0 !important; @@ -1214,4 +1259,4 @@ #catppuccin(@darkFlavor, @accentColor); } } -} // vim:ft=less \ No newline at end of file +} // vim:ft=less