{"version":3,"sources":["webpack:///editor.scss"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["/*\n* Styles for the Content Visibility WordPress plugin by Rich Tape.\n*\n* This file provides the core styling for the main Content Visibility Plugin. We mostly\n* use native WordPress control components, and rely on their styling to make this plugin\n* feel native to WordPress. However, there are some tweaks needed as we're using components\n* in ways that WordPress doesn't use yet - and hence doesn't provide styling affordances for.\n*/\n/*\n    Ensure our slots for add-ons are block.\n*/\n.content-visibility-controls .content-visibility-extra-controls {\n  display: block; }\n\n/*\n    Give the Rules Enabled toggle a little more breathing room.\n*/\n.content-visibility-controls .content-visibility-rules-enabled .components-toggle-control {\n  margin: 1rem 0; }\n\n/*\n    Make the Show/Hidden radio buttons sit next to each other...\n*/\n.content-visibility-controls .components-base-control__label {\n  max-width: none;\n  margin-top: 1em; }\n\n.content-visibility-controls .components-radio-control__option {\n  width: 50%;\n  margin: 0.5em 0 0;\n  display: inline-block; }\n\n/*\n    ...But not for User Roles\n*/\n.content-visibility-controls .content-visibility-user-role-control .components-radio-control__option {\n  width: 100%; }\n\n/*\n    User Auth controls, with the help text, look weird due to flex.\n*/\n.content-visibility-control-panel.content-visibility-user-authenticated-controls .components-panel__row {\n  display: block; }\n\n.content-visibility-user-authenticated-control {\n  width: 100%;\n  display: block;\n  float: none;\n  clear: both; }\n\n/*\n    Make the shown/not shown control stand out a little\n*/\n.content-visibility-displayed-control .components-base-control.components-radio-control {\n  margin-bottom: 0 !important; }\n\n.content-visibility-displayed-control .components-base-control.components-radio-control .components-base-control__field {\n  margin-bottom: 0; }\n\n/*\n    Styling for the rule panels\n*/\n.content-visibility-controls.is-opened .content-visibility-control-panel {\n  border: 1px solid #e2e4e7;\n  margin-bottom: 1em;\n  background: #fcfcfc;\n  width: 100%; }\n\n/*\n    It seems WP changed to capitalize labels, and that looks weird for us, so\n    we'll normalize that.\n*/\n.content-visibility-controls.is-opened .content-visibility-control-panel label {\n  text-transform: none;\n  font-weight: normal;\n  font-size: 1em; }\n\n.content-visibility-controls.is-opened .content-visibility-control-panel.is-opened .components-panel__body-toggle {\n  border-bottom: 1px solid #e2e4e7; }\n\n/*\n    When the rules are disabled (default) we lower opacity of controls\n*/\n.content-visibility-controls-container.hide-controls {\n  opacity: 0.2; }\n\n.components-disabled {\n  opacity: 0.5; }\n\n/*\n    Tidy up margins for user auth\n*/\n.content-visibility-user-authenticated-controls .components-panel__row .content-visibility-user-authenticated-control {\n  margin-bottom: 0; }\n\n/*\n    User roles have a massive margin, reduce that\n*/\n.content-visibility-user-role-controls .components-panel__row ul {\n  margin-bottom: 0; }\n\n.content-visibility-user-role-controls .components-panel__row ul .components-base-control {\n  margin-bottom: 5px; }\n\n.content-visibility-user-role-controls .components-panel__row ul .components-base-control:last-of-type {\n  margin-bottom: 0; }\n\n/*\n    When a block has rules enabled, we style it to show it has rules. Looks a bit weird that we have two\n    rules almost identical. But the BlockListBlock component only accepts one className so this is how it has to be.\n    Different icons used for 'shown' or 'hidden' rules.\n*/\n.wp-admin .wp-block.content-visibility-rules-enabled-shown:after {\n  display: block;\n  height: 24px;\n  width: 24px;\n  position: absolute;\n  top: 0;\n  right: -2em;\n  opacity: 0.2;\n  box-shadow: none !important;\n  content: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-eye\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"></path><circle cx=\"12\" cy=\"12\" r=\"3\"></circle></svg>') !important; }\n\n.wp-admin .wp-block.content-visibility-rules-enabled-hidden:after {\n  display: block;\n  height: 24px;\n  width: 24px;\n  position: absolute;\n  top: 0;\n  right: -2em;\n  opacity: 0.2;\n  box-shadow: none !important;\n  content: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-eye-off\"><path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24\"></path><line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\"></line></svg>') !important; }\n\n/*\n    Help text generic styling. This is to make it look like a WordPress hint.\n*/\n.content-visibility-controls-container .content-visibility-help-text {\n  margin: 1rem 0 0 !important;\n  font-size: 12px;\n  font-style: normal;\n  color: #757575;\n  clear: both;\n  float: none;\n  width: 100%; }\n\n/*\n    Multi-select component\n    ----------------------    \n*/\n.content-visibility-multi-select {\n  width: 100%;\n  margin: 1rem 0 0 0;\n  border: 1px solid #ccc;\n  padding: 0.25em 0.5em;\n  background: white; }\n\n.content-visibility-multi-select .dropdown-content {\n  background: white;\n  z-index: 999; }\n\n/*\n    Remove horizontal scrolling, artifact of weird padding on main component.\n*/\n.content-visibility-multi-select .panel-content {\n  overflow-x: hidden; }\n\n/*\n    Ensure each of the items fill the dropdown and have space to make more readable.\n*/\n.content-visibility-multi-select-item {\n  width: 100%; }\n\n.content-visibility-multi-select .select-panel label {\n  max-width: none;\n  margin-right: 0;\n  padding: 0.7rem 0.7rem 0; }\n\n/*\n    Don't need background colour change on hover, not WordPress-y.\n*/\n.content-visibility-multi-select .select-panel label:hover,\n.content-visibility-multi-select .select-panel label:focus,\n.content-visibility-multi-select .select-panel label.selected {\n  background: transparent; }\n\n/*\n    Give ourselves some breathing room with the main list items. Leaves the 'select all' standing alone at the top.\n*/\n.content-visibility-multi-select .select-panel ul {\n  padding: 0.7rem 0; }\n\n.content-visibility-multi-select input[type=\"checkbox\"] {\n  margin-right: 0.5rem; }\n\n/*\n    Make each item a bit more uniform, ensures horiz alignment with icons.\n*/\n.item-renderer.content-visibility-multi-select-item > span {\n  height: 20px;\n  display: inline-block; }\n\n/*\n    Give the search input some breathing room.\n*/\n.content-visibility-multi-select .select-panel > div {\n  margin-top: 0.25rem;\n  padding: 0 0.25rem; }\n\n/*\n    Make the icons a little less harsh\n*/\n.content-visibility-multi-select .content-visibility-multi-select-item .dashicon {\n  opacity: 0.5; }\n\n/*\n    Popover content toggle buttons. Make sure they can handle long values as someone may\n    select multiple options. Give max-width to ensure the button's icon is inline.\n    min-width ensures the initial button's value doesn't wrap (i.e. when it's short)\n*/\n.components-button.is-secondary.content-visibility-special-page-inserter-toggle {\n  white-space: break-spaces;\n  max-width: 85%;\n  min-width: 190px;\n  font-size: 12px;\n  line-height: 1.6;\n  box-shadow: none; }\n\n/*\n    If someone has selected special pages, then we make it less like a link.\n*/\n.components-button.is-secondary.content-visibility-special-page-inserter-toggle.has-items {\n  text-decoration: none;\n  line-height: 1.6;\n  text-transform: capitalize; }\n\n/*\n    The 'Set Selected' button\n*/\n.components-button.content-visibility-submit-special-pages {\n  margin-top: 1rem;\n  margin-bottom: 1rem; }\n\n/*\n    When a specific rule is set, we add a little indicator so folks can see which types of rules are set at a glance.\n*/\n.content-visibility-control-panel.has-active-rules h2 button::after {\n  content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2300a32a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check-circle'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'%3E%3C/path%3E%3Cpolyline points='22 4 12 14.01 9 11.01'%3E%3C/polyline%3E%3C/svg%3E\");\n  display: inline-block;\n  height: 12px;\n  width: 12px;\n  margin-left: 0.5rem;\n  line-height: 1; }\n\n/*\n    Special Page Help Toggle\n*/\n.content-visibility-help-text .content-visibility-special-page-help-instructions-toggle.is-small {\n  font-size: 12px;\n  margin-top: 1rem; }\n\n.content-visibility-special-page-help-instructions-popover .components-popover__content {\n  padding: 1rem;\n  width: 23rem;\n  height: 30rem !important; }\n\n.content-visibility-control-panel .special-page-help-instructions-button {\n  text-align: right;\n  margin-top: 1rem;\n  margin-bottom: 0; }\n\n.content-visibility-control-panel .special-page-help-instructions-button .content-visibility-special-page-help-instructions-toggle {\n  margin-left: 0;\n  margin-right: 0;\n  padding-left: 3px; }\n\n.content-visibility-control-panel .special-page-help-instructions-button .dashicon {\n  position: relative;\n  top: 3px;\n  color: #007cba; }\n\n.content-visibility-submit-special-pages-button-container {\n  text-align: right;\n  margin-top: 0; }\n\n/*\n    Special Page Help Popover\n*/\n.content-visibility-special-page-help-instructions-popover span {\n  color: black;\n  font-weight: 600; }\n\n/* Special Page Close Button */\n.content-visibility-close-popover {\n  position: absolute;\n  top: 0;\n  right: 0; }\n\n/*\n    Special Page Panel\n*/\n/* Make sure each inserter is its own row */\n.components-panel__row.content-visibility-page-inserter-panel-row {\n  flex-direction: column; }\n\n.content-visibility-special-page-inserter {\n  margin-top: 1rem; }\n\n/* Align the icon for each inserter a little neater */\n.content-visibility-special-page-inserter .dashicon {\n  position: relative;\n  top: 4px;\n  opacity: 0.6; }\n"],"sourceRoot":""}