diff --git a/assets/css/acf.css b/assets/css/acf.css index 14b4085..8e2fbac 100644 --- a/assets/css/acf.css +++ b/assets/css/acf.css @@ -26,6 +26,10 @@ .postbox-container { @apply .w-full .float-none .m-0; + .postbox-header { + @apply .hidden; + } + .meta-box-sortables { @apply .min-h-0 .h-full .min-w-full; @@ -111,8 +115,12 @@ @apply .empty .animation-spin .animation-1s .animation-infinite .animation-linear .absolute .block .w-5 .h-5 .border-solid .border-2 .border-current .text-brand .rounded-full .border-r-transparent .border-t-transparent !important; @keyframes spin { - from { transform: rotate(0deg); } - to { transform: rotate(360deg); } + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } } top: calc(50% - (config('theme.spacing.4') / 2)); @@ -134,4 +142,3 @@ } } } - diff --git a/package.json b/package.json index 3f21d2b..042dfee 100644 --- a/package.json +++ b/package.json @@ -6,6 +6,7 @@ "precss": "^4.0.0", "tailwindcss": "^1.1.4", "tailwindcss-animations": "^1.0.0", + "tailwindcss-border-styles": "^1.0.1", "tailwindcss-spinner": "^1.0.0", "tailwindcss-typography": "^2.2.0" }, diff --git a/plugin.php b/plugin.php index d49309e..4115c68 100644 --- a/plugin.php +++ b/plugin.php @@ -4,7 +4,7 @@ * Plugin Name: Modern ACF Options * Plugin URI: https://github.com/log1x/modern-acf-options * Description: Modern styling for ACF Theme Options. - * Version: 1.0.2 + * Version: 1.0.3 * Author: Brandon Nifong * Author URI: https://github.com/log1x * Licence: MIT diff --git a/public/css/acf.css b/public/css/acf.css index c13f478..40e19f0 100644 --- a/public/css/acf.css +++ b/public/css/acf.css @@ -1 +1 @@ -.acf-settings-wrap{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);border-color:#000;border-width:2px}.acf-settings-wrap h1{background-color:#0073aa;background-color:var(--acf-brand,#0073aa);color:#fff;font-size:1.5rem;font-weight:600;padding:5rem}.acf-settings-wrap h1:after{display:block;font-size:1rem;font-weight:200;opacity:.5;content:"Theme Options";content:var(--acf-subtitle,"Theme Options")}.acf-settings-wrap .notice{margin:0}.acf-settings-wrap br.clear{display:none}.acf-settings-wrap #poststuff{padding:0}.acf-settings-wrap #poststuff #post-body{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;flex-wrap:wrap;-webkit-box-align:start;align-items:flex-start;margin:0;width:100%}.acf-settings-wrap #poststuff #post-body .postbox-container{width:100%;float:none;margin:0}.acf-settings-wrap #poststuff #post-body .postbox-container .meta-box-sortables{min-height:0;height:100%;min-width:100%}.acf-settings-wrap #poststuff #post-body .postbox-container .meta-box-sortables .handlediv,.acf-settings-wrap #poststuff #post-body .postbox-container .meta-box-sortables .hndle{display:none}.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless{background-color:#fff;margin:0;position:relative}.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless .inside{margin:0;padding:1rem 1rem 1rem 0}.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless .inside.acf-fields.-sidebar{padding:1.25rem 1.25rem 1.25rem 10rem!important;margin-bottom:-1rem!important}.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless .inside.acf-fields.-sidebar:before{background-color:#191919;background-color:var(--acf-trim,#191919);border-style:none;padding-top:1rem;padding-bottom:1rem;width:9.5rem}.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless .inside.acf-fields.-sidebar .acf-tab-wrap.-left{padding:0;margin:0}.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless .inside.acf-fields.-sidebar .acf-tab-wrap.-left .acf-tab-group{border-style:none;margin-top:0;width:9.5rem}.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless .inside.acf-fields.-sidebar .acf-tab-wrap.-left .acf-tab-group li{margin:0}.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless .inside.acf-fields.-sidebar .acf-tab-wrap.-left .acf-tab-group li a{color:#fff;background-color:#191919;background-color:var(--acf-trim,#191919);padding:1.25rem 1.5rem;margin-right:0;border-radius:0;border-style:none}.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless .inside.acf-fields.-sidebar .acf-tab-wrap.-left .acf-tab-group li.active a,.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless .inside.acf-fields.-sidebar .acf-tab-wrap.-left .acf-tab-group li:focus a,.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless .inside.acf-fields.-sidebar .acf-tab-wrap.-left .acf-tab-group li:hover a{color:#fff;background-color:#0073aa;background-color:var(--acf-brand,#0073aa)}.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless .inside.acf-fields.-sidebar>.acf-field{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);padding:1.25rem .75rem;background-color:#fff;border:1px solid #e2e8f0;margin-bottom:1rem;margin-right:1rem;min-height:0;width:100%}.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless .inside.acf-fields.-sidebar>.acf-field:last-of-type{margin-bottom:0}.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless .inside.acf-fields.-sidebar>.acf-field .acf-label label{font-weight:600;margin-bottom:0}.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless .inside.acf-fields.-sidebar .acf-field-accordion{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);margin-left:0;border-color:#e2e8f0}.acf-settings-wrap #postbox-container-1{-webkit-box-ordinal-group:3;order:2}.acf-settings-wrap #postbox-container-1 .postbox{border-style:none;max-width:100%;min-width:0;background-color:#191919;background-color:var(--acf-trim,#191919);margin-bottom:0}.acf-settings-wrap #postbox-container-1 .postbox #major-publishing-actions{background-color:transparent;border-style:none}.acf-settings-wrap #postbox-container-1 .postbox #major-publishing-actions .button{background-color:#0073aa;background-color:var(--acf-brand,#0073aa);border-style:none;box-shadow:none;outline:0}.acf-settings-wrap #postbox-container-1 .postbox #major-publishing-actions .button:focus,.acf-settings-wrap #postbox-container-1 .postbox #major-publishing-actions .button:hover{background-color:#0073aa;background-color:var(--acf-brand,#0073aa)} \ No newline at end of file +.acf-settings-wrap{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);border-color:#000;border-width:2px}.acf-settings-wrap h1{background-color:#0073aa;background-color:var(--acf-brand,#0073aa);color:#fff;font-size:1.5rem;font-weight:600;padding:5rem}.acf-settings-wrap h1:after{display:block;font-size:1rem;font-weight:200;opacity:.5;content:"Theme Options";content:var(--acf-subtitle,"Theme Options")}.acf-settings-wrap .notice{margin:0}.acf-settings-wrap br.clear{display:none}.acf-settings-wrap #poststuff{padding:0}.acf-settings-wrap #poststuff #post-body{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;flex-wrap:wrap;-webkit-box-align:start;align-items:flex-start;margin:0;width:100%}.acf-settings-wrap #poststuff #post-body .postbox-container{width:100%;float:none;margin:0}.acf-settings-wrap #poststuff #post-body .postbox-container .postbox-header{display:none}.acf-settings-wrap #poststuff #post-body .postbox-container .meta-box-sortables{min-height:0;height:100%;min-width:100%}.acf-settings-wrap #poststuff #post-body .postbox-container .meta-box-sortables .handlediv,.acf-settings-wrap #poststuff #post-body .postbox-container .meta-box-sortables .hndle{display:none}.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless{background-color:#fff;margin:0;position:relative}.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless .inside{margin:0;padding:1rem 1rem 1rem 0}.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless .inside.acf-fields.-sidebar{padding:1.25rem 1.25rem 5rem 10rem!important;margin-bottom:-1rem!important}.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless .inside.acf-fields.-sidebar:before{background-color:#191919;background-color:var(--acf-trim,#191919);border-style:none;padding-top:1rem;padding-bottom:1rem;width:9.5rem}.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless .inside.acf-fields.-sidebar .acf-tab-wrap.-left{padding:0;margin:0}.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless .inside.acf-fields.-sidebar .acf-tab-wrap.-left .acf-tab-group{border-style:none;margin-top:0;width:9.5rem}.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless .inside.acf-fields.-sidebar .acf-tab-wrap.-left .acf-tab-group li{margin:0}.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless .inside.acf-fields.-sidebar .acf-tab-wrap.-left .acf-tab-group li a{color:#fff;background-color:#191919;background-color:var(--acf-trim,#191919);padding:1.25rem 1.5rem;margin-right:0;border-radius:0;border-style:none}.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless .inside.acf-fields.-sidebar .acf-tab-wrap.-left .acf-tab-group li.active a,.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless .inside.acf-fields.-sidebar .acf-tab-wrap.-left .acf-tab-group li:focus a,.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless .inside.acf-fields.-sidebar .acf-tab-wrap.-left .acf-tab-group li:hover a{color:#fff;background-color:#0073aa;background-color:var(--acf-brand,#0073aa)}.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless .inside.acf-fields.-sidebar>.acf-field{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);padding:1.25rem .75rem;background-color:#fff;border:1px solid #e2e8f0;margin-bottom:1rem;margin-right:1rem;min-height:0;width:100%}.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless .inside.acf-fields.-sidebar>.acf-field:last-of-type{margin-bottom:0}.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless .inside.acf-fields.-sidebar>.acf-field .acf-label label{font-weight:600;margin-bottom:0}.acf-settings-wrap #postbox-container-2 .acf-postbox.seamless .inside.acf-fields.-sidebar .acf-field-accordion{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);margin-left:0;border-color:#e2e8f0}.acf-settings-wrap #postbox-container-1{-webkit-box-ordinal-group:3;order:2}.acf-settings-wrap #postbox-container-1 .postbox{border-style:none;max-width:100%;min-width:0;background-color:#191919;background-color:var(--acf-trim,#191919);margin-top:1rem;margin-bottom:0}.acf-settings-wrap #postbox-container-1 .postbox #major-publishing-actions{background-color:transparent;border-style:none}.acf-settings-wrap #postbox-container-1 .postbox #major-publishing-actions #publishing-action .spinner{position:relative!important;pointer-events:none!important;color:#0073aa!important;color:var(--acf-brand,#0073aa)!important;background-image:none!important;margin-right:1.5rem!important;opacity:1!important}.acf-settings-wrap #postbox-container-1 .postbox #major-publishing-actions #publishing-action .spinner:after{content:""!important;-webkit-animation-name:spin!important;animation-name:spin!important;-webkit-animation-duration:1s!important;-webkit-animation-duration:var(--animation-duration)!important;-webkit-animation-iteration-count:infinite!important;-webkit-animation-iteration-count:var(--animation-iteration-count)!important;--animation-duration:1s!important;animation-duration:1s!important;animation-duration:var(--animation-duration)!important;--animation-iteration-count:infinite!important;animation-iteration-count:infinite!important;animation-iteration-count:var(--animation-iteration-count)!important;-webkit-animation-timing-function:linear!important;animation-timing-function:linear!important;position:absolute!important;display:block!important;width:1.25rem!important;height:1.25rem!important;color:#0073aa!important;color:var(--acf-brand,#0073aa)!important;border-radius:9999px!important;border-color:transparent transparent currentcolor currentcolor!important;border-style:solid!important;border-width:2px!important;top:calc(50% - config("theme.spacing.4")/2);left:calc(50% - config("theme.spacing.4")/2)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.acf-settings-wrap #postbox-container-1 .postbox #major-publishing-actions #publishing-action .button{background-color:#0073aa;background-color:var(--acf-brand,#0073aa);border-style:none;box-shadow:none;text-shadow:none;outline:0}.acf-settings-wrap #postbox-container-1 .postbox #major-publishing-actions #publishing-action .button.disabled,.acf-settings-wrap #postbox-container-1 .postbox #major-publishing-actions #publishing-action .button:focus,.acf-settings-wrap #postbox-container-1 .postbox #major-publishing-actions #publishing-action .button:hover{background-color:#0073aa!important;background-color:var(--acf-brand,#0073aa)!important;text-shadow:none!important;color:#fff!important} \ No newline at end of file diff --git a/public/mix-manifest.json b/public/mix-manifest.json index 0a2774c..3443419 100644 --- a/public/mix-manifest.json +++ b/public/mix-manifest.json @@ -1,3 +1,3 @@ { - "/css/acf.css": "/css/acf.css?id=6f46af5268c3208e7029" + "/css/acf.css": "/css/acf.css?id=e50895ede84f40ab49fc" } diff --git a/yarn.lock b/yarn.lock index 143232b..d703e80 100644 --- a/yarn.lock +++ b/yarn.lock @@ -6271,6 +6271,13 @@ tailwindcss-animations@^1.0.0: dependencies: lodash "^4.17.15" +tailwindcss-border-styles@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/tailwindcss-border-styles/-/tailwindcss-border-styles-1.0.1.tgz#d254734cabff116af0c6974457eceb4620f3d7cc" + integrity sha512-sG5o00EcoNEKulrCbe/2uBGAL6hO4BeQpUYvdsk0S4elouEACzD0LWMoH8ZIrBu2PD016N4sdioIqFHe/upDZg== + dependencies: + lodash "^4.17.15" + tailwindcss-spinner@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/tailwindcss-spinner/-/tailwindcss-spinner-1.0.0.tgz#5769793e6ce2bab2ce25ad3efeefb64e788bd255"