Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

fix(postcss-merge-longhand): Should not mangle border output #555

Merged
merged 2 commits into from Jul 18, 2018
Merged

fix(postcss-merge-longhand): Should not mangle border output #555

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
57b6445
Should not mangle border output (#553, #554)
andyjansson Jul 18, 2018
4cea855
Fix linting issues
andyjansson Jul 18, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
2 changes: 1 addition & 1 deletion packages/cssnano-preset-advanced/src/__tests__/integrations/base.css
View file
Open in desktop
Expand Up @@ -573,7 +573,7 @@ input:-ms-input-placeholder{color:#999}
.checkbox label,.radio label{display:inline-block;padding-left:20px;padding-top:0}
.checkbox input[type=checkbox],.checkbox input[type=radio],.radio input[type=checkbox],.radio input[type=radio]{left:0;position:absolute;top:4px}
.select{display:block;position:relative}
.select:before{border:6px solid transparent;border-top:6px solid #676767;content:"";margin-top:-3px;pointer-events:none;position:absolute;right:10px;top:50%}
.select:before{border:6px solid transparent;border-top-color:#676767;content:"";margin-top:-3px;pointer-events:none;position:absolute;right:10px;top:50%}
.select select{-moz-appearance:none;-webkit-appearance:none;background:#fff;border:1px solid #ccc;display:block;height:36px;line-height:normal;padding:0 10px;width:100%}
.select select::-ms-expand{display:none}
.select select:focus{border-color:#f7c723}
Expand Down
12 changes: 6 additions & 6 deletions packages/cssnano-preset-advanced/src/__tests__/integrations/helium.css
View file
Open in desktop
Expand Up @@ -230,7 +230,7 @@ input,label,textarea{color:#444;font-family:Helvetica Neue,Helvetica,Arial,sans-
@media screen and (min-width:981px){
.field-group .fields{position:relative}
.field-group .fields .error-message{left:100%;margin-left:12px;margin-top:0;position:absolute;top:2px;white-space:nowrap}
.field-group .fields .error-message:after{border:6px solid transparent;border-right:6px solid #a01d2b;content:"";display:block;height:0;left:-12px;position:absolute;top:6px;width:0}
.field-group .fields .error-message:after{border:6px solid transparent;border-right-color:#a01d2b;content:"";display:block;height:0;left:-12px;position:absolute;top:6px;width:0}
}
.input-inline{display:inline-block;height:30px;line-height:30px}
.multi-field{zoom:1}
Expand Down Expand Up @@ -267,7 +267,7 @@ input.char16{width:182px!important}
select{-webkit-appearance:none;display:block;font-size:14px;opacity:0;padding:0 7px;width:100%;z-index:1}
select option{font-size:11px}
.select-mask{background:#fff;left:0;line-height:1;padding-top:7px;position:absolute;top:0;z-index:-1}
.select-mask:after{border:5px solid transparent;border-top:5px solid #222;content:"";display:block;height:0;position:absolute;right:10px;top:12px;width:0}
.select-mask:after{border:5px solid transparent;border-top-color:#222;content:"";display:block;height:0;position:absolute;right:10px;top:12px;width:0}
::-webkit-input-placeholder{-moz-transition:.2s all;-o-transition:.2s all;-webkit-transition:all .2s;color:#999;transition:all .2s}
:-moz-placeholder{-moz-transition:.2s all;-o-transition:.2s all;-webkit-transition:all .2s;color:#999;transition:all .2s}
::-webkit-input-placeholder:focus{color:#bfbfbf}
Expand All @@ -287,7 +287,7 @@ button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
.error label{color:#a01d2b}
.error input{border-color:#a01d2b}
.error-message{-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;background:#a01d2b;border-radius:2px;color:#fff;display:inline-block;font-size:12px;line-height:12px;margin-top:7px;padding:7px;position:relative}
.error-message:after{border:6px solid transparent;border-bottom:6px solid #a01d2b;content:"";display:block;height:0;left:10px;position:absolute;top:-12px;width:0}
.error-message:after{border:6px solid transparent;border-bottom-color:#a01d2b;content:"";display:block;height:0;left:10px;position:absolute;top:-12px;width:0}
.button{-moz-background-clip:border;-moz-background-origin:border;-moz-border-radius:4px;-moz-box-shadow:0 1px 1px rgba(0,0,0,.08);-ms-background-origin:border-box;-ms-border-radius:4px;-o-background-origin:border-box;-o-border-radius:4px;-webkit-background-clip:border;-webkit-background-origin:border;-webkit-border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.08);background-clip:border-box;background-image:linear-gradient(top,#fbfbfb 1px,#fff 0,#fff 2px,#fbfbfb 0,#ececec);background-origin:border-box;border:1px solid rgba(0,0,0,.2);border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.08);color:#444;cursor:pointer;display:inline-block;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:600;height:32px;line-height:1;margin:0 3.5px 0 0;padding:9px 12px;text-align:center;text-decoration:none;text-shadow:0 1px 0 #fff;vertical-align:middle;zoom:1}
.button:after,.button:before{content:"";display:table}
.button:after{clear:both}
Expand Down Expand Up @@ -318,7 +318,7 @@ button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
.has-dropdown.button-dropdown{display:inline-block;margin-right:3.5px}
.has-dropdown.button-dropdown .button{margin-right:0;padding-right:26px}
.has-dropdown.button-dropdown .button .caret{display:block;height:32px;position:absolute;right:12px;top:0;width:10px}
.has-dropdown.button-dropdown .button .caret:after{border:5px solid transparent;border-top:5px solid #444;content:"";display:block;height:0;left:0;position:absolute;top:13.5px;width:0}
.has-dropdown.button-dropdown .button .caret:after{border:5px solid transparent;border-top-color:#444;content:"";display:block;height:0;left:0;position:absolute;top:13.5px;width:0}
.has-dropdown.button-dropdown .dropdown{border-radius:0 4px 4px 4px;left:0;margin-top:-1px}
.has-dropdown.button-dropdown .dropdown.right{border-radius:4px 0 4px 4px;left:auto;right:0}
.has-dropdown.button-dropdown .dropdown>li>a{padding-left:12px;padding-right:12px}
Expand Down Expand Up @@ -352,9 +352,9 @@ button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
.top-bar .top-bar-links>li.active a{background-color:#090909}
.top-bar .top-bar-links>li.has-dropdown>a{padding-right:31px}
.top-bar .top-bar-links>li.has-dropdown>a .caret{display:block;height:50px;position:absolute;right:14px;top:0;width:10px}
.top-bar .top-bar-links>li.has-dropdown>a .caret:after{border:5px solid transparent;border-top:5px solid #fff;content:"";display:block;height:0;left:0;margin-top:-1px;position:absolute;top:50%;width:0}
.top-bar .top-bar-links>li.has-dropdown>a .caret:after{border:5px solid transparent;border-top-color:#fff;content:"";display:block;height:0;left:0;margin-top:-1px;position:absolute;top:50%;width:0}
.top-bar .top-bar-links>li.has-dropdown .dropdown{border-top:0}
.top-bar .top-bar-links>li.has-dropdown.open>a .caret:after{border:5px solid transparent;border-top:5px solid #444;content:"";display:block;height:0;position:absolute;width:0}
.top-bar .top-bar-links>li.has-dropdown.open>a .caret:after{border:5px solid transparent;border-top-color:#444;content:"";display:block;height:0;position:absolute;width:0}
.top-bar .button{-moz-box-shadow:0 1px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 1px 0 rgba(0,0,0,.2);background-image:linear-gradient(top,#3c3c3c 1px,#484848 0,#484848 2px,#3c3c3c 0,#222);box-shadow:0 1px 0 rgba(0,0,0,.2);color:#fff;margin-top:9px;text-shadow:0 1px 0 rgba(0,0,0,.2)}
.top-bar .button:hover{background-image:linear-gradient(top,#484848 1px,#555 0,#555 2px,#555 0,#2f2f2f)}
.top-bar .button.active,.top-bar .button:active{-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.15);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.15);background-image:linear-gradient(top,#222,#2f2f2f);box-shadow:inset 0 1px 2px rgba(0,0,0,.15)}
Expand Down
2 changes: 1 addition & 1 deletion packages/cssnano-preset-advanced/src/__tests__/integrations/picnic.css
View file
Open in desktop
Expand Up @@ -901,7 +901,7 @@ input.stack:focus+input,input.stack:focus+select,input.stack:focus+textarea,sele
[data-tooltip]{position:relative}
[data-tooltip]:after,[data-tooltip]:before{border-width:0;height:0;left:0;margin-top:12px;opacity:0;overflow:hidden;padding:0;position:absolute;top:calc(100% - 6px);transition:opacity .6s ease,height 0s ease .6s;z-index:1}
[data-tooltip]:after{background:#111;content:attr(data-tooltip);font-size:.8em;margin-left:0;white-space:nowrap}
[data-tooltip]:before{border:0 solid transparent;border-bottom:0 solid #111;content:"";height:0;left:10px;margin-top:0;width:0}
[data-tooltip]:before{border:0 solid transparent;border-bottom-color:#111;content:"";height:0;left:10px;margin-top:0;width:0}
[data-tooltip]:focus:after,[data-tooltip]:focus:before,[data-tooltip]:hover:after,[data-tooltip]:hover:before{border-width:6px;height:auto;opacity:1}
[data-tooltip]:focus:after,[data-tooltip]:hover:after{padding:.45em .9em}
.tooltip-top:after,.tooltip-top:before{bottom:calc(100% - 6px);left:0;margin-bottom:12px;top:auto}
Expand Down
4 changes: 2 additions & 2 deletions packages/cssnano-preset-advanced/src/__tests__/integrations/schema.css
View file
Open in desktop
Expand Up @@ -437,15 +437,15 @@ input[type=checkbox],input[type=radio]{line-height:normal;margin-top:1px\9;*marg
.dropdown.open{z-index:1}
.dropdown:hover{box-shadow:0 0 5px rgba(0,0,0,.15)}
.dropdown.focus{box-shadow:0 0 5px rgba(51,102,248,.4)}
.dropdown .carat{border:6px solid transparent;border-top:6px solid #ccc;margin-top:-3px;position:absolute;right:12px;top:50%}
.dropdown .carat{border:6px solid transparent;border-top-color:#ccc;margin-top:-3px;position:absolute;right:12px;top:50%}
.dropdown.open .carat{border-bottom:6px solid #ccc;border-top:6px solid transparent;margin-top:-10px}
.dropdown .old{height:0;overflow:hidden;width:0}
.dropdown .old,.dropdown select{left:0;position:absolute;top:0}
.dropdown.touch .old{height:100%;width:100%}
.dropdown.touch select{height:100%;opacity:0;width:100%}
.dropdown .selected,.dropdown li{color:inherit;display:block;font-size:16px;font-size:1rem;line-height:1;overflow:hidden;padding:9px 12px;white-space:nowrap}
.dropdown .selected:after{bottom:0;content:"";position:absolute;right:0;top:0;width:60px}
.dropdown div{background:#fff;border:1px solid;border-color:#eee #ccc #ccc;border-radius:0 0 6px 6px;height:0;left:-1px;margin-top:-1px;opacity:0;overflow:hidden;position:absolute;right:-1px;top:100%}
.dropdown div{background:#fff;border:1px solid #ccc;border-radius:0 0 6px 6px;border-top-color:#eee;height:0;left:-1px;margin-top:-1px;opacity:0;overflow:hidden;position:absolute;right:-1px;top:100%}
.dropdown.open div{opacity:1;z-index:1}
.dropdown.scrollable div:after{bottom:0;content:"";height:50px;left:0;position:absolute;right:0}
.dropdown.scrollable.bottom div:after{opacity:0}
Expand Down