Comments (7)
@deriknel Does it only not work on the latest release?
from minify.
I too get that. I think its issue with the cssmin library... How about using this : https://github.com/tubalmartin/YUI-CSS-compressor-PHP-port
from minify.
@amalfra that isn't unfortunately an composer package. I don't have that problem with the @media entries. Could you give me som examples in code?
from minify.
@ceesvanegmond Oops, you are right.. I am not getting any issue now. But, i got some problem with @media some time before. I also, remember some problem with @font-face.. Did you get any with @font-face?
Oh, the YUI port isn't composer compatible. I didn't notice that.... How about packaging that class within?
from minify.
@amalfra @deriknel I don't have any problem with @font-face or @media. @deriknel Could you give an code example what goes wrong?
from minify.
In my CSS I'll have something like this:
@media(min-width:768px) {
#page-wrapper {
position: inherit;
margin: 0 0 0 250px;
padding: 0 30px;
min-height: 1300px;
border-left: 1px solid #e7e7e7;
}
}
Once it goes through the minify process, and I inspect my source, those entries would not be available anymore and the styling for the page would be all messed up. I am also getting this with @font-face entries. If I remove those files from the CSS minify process, and just add them to the page normally, they would render just fine and the layouts etc. would display as expected.
{{ HTML::style('/path/to/style.css') }}
I am currently using the latest version: "ceesvanegmond/minify": "2.0.*"
To add them to the page, I use: {{ Minify::stylesheeet(['/path/to/style.css']) }} with the list of files I would like to be minified. Should I be using a different method maybe?
from minify.
Hi, @deriknel,
@media(min-width:768px) {
#page-wrapper {
position: inherit;
margin: 0 0 0 250px;
padding: 0 30px;
min-height: 1300px;
border-left: 1px solid #e7e7e7;
}
}
I don't know if that is valid CSS code. When i minify this piece of code, I get the same result as you do.
The way I know how it works is the following:
@media screen and (min-width: 768px) {
#page-wrapper {
position: inherit;
margin: 0 0 0 250px;
padding: 0 30px;
min-height: 1300px;
border-left: 1px solid #e7e7e7;
}
}
When minifying this piece of code, the result is as expected. See http://webdesignerwall.com/tutorials/css3-media-queries for explanation.
from minify.
Related Issues (20)
- Call to a member function withFullUrl() on a non-object HOT 1
- composer failed (satisfiable by natxet/cssmin[3.0.x-dev]) HOT 2
- Abandonned HOT 5
- gzip files HOT 3
- Laravel 5 HOT 2
- Imported css are not included HOT 1
- customize final URL HOT 1
- Path is not currect in the website HOT 2
- base_url Not working ? HOT 1
- Relative img path HOT 2
- Bootstrap glyph icons not working after compression HOT 3
- Config environments not working HOT 1
- How to deal with relative urls for resources? HOT 1
- Getting an error HOT 2
- ErrorException in Minifier.php line 476: Unclosed string at position
- Laravel 5.1
- C-style JavaScript comments without a line break at the end of a file...
- Invalid regular expression: missing /
- duplicate path with option ->withFullUrl()
- Call to undefined method Illuminate\Foundation\Application::share() Laravel 5.4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from minify.