Previous Message
Next Message

Background images for element within MQ ?

Sent by Chris Rockwell on 5 August 2016 20:08


Note that it still compiles to the first example.

On Fri, Aug 5, 2016 at 3:18 PM Crest Christopher [EMAIL-REMOVED]>
wrote:

> I knew probably SaSS could do it although I don't use SaSS atleast I was
> right ;-)
>
> Chris Rockwell wrote:
>
>
> If I understand you correctly, no.
>
> You can do:
> body {
>   background-image: url('my300pximage.jpg');
> }
> @media and (min-width: 700px) {
>   body {
>     background-image: url('my700pximage.jpg');
>   }
> }
>
> With sass you can do this:
> body {
>   background-image: url('my300pximage.jpg');
>   @media and (min-width: 700px) {
>     background-image: url('my700pximage.jpg');
>   }
> }
>
> On Fri, Aug 5, 2016 at 3:02 PM Crest Christopher
>
> [EMAIL-REMOVED] [EMAIL-REMOVED]>> wrote:
>
>     Is it possible to do conditions within a rule for an element;
>
>   &nbs p; similar to
>
>
>     MQ.  For example, you may have a break point that if the screen is
>     300px
>     and 700px then a background image of 300px width or close will be
>     displayed, otherwise a background image of a 700px width will be
>     displayed ?
>     ______________________________________________________________________
>     css-discuss [EMAIL-REMOVED]
>
>     [EMAIL-REMOVED]>]
>
>
>     http://www.css-discuss.org/mailman/listinfo/css-d
>     List wiki/FAQ -- http://css-discuss.incutio.com/
>     List policies -- http://css-discuss.org/policies.html
>
>     Supported by evolt.org <http://evolt.org> --
>     http://www.evolt.org/help_support_evolt/
>
>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: