Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
webworking:sass:mixins:responsive_webdesign_breakpoint_mixin [20.09.2014 21:57]
cbeier
webworking:sass:mixins:responsive_webdesign_breakpoint_mixin [02.12.2020 21:16] (aktuell)
cbeier
Zeile 1: Zeile 1:
 # Responsive Webdesign Breakpoint Mixin # Responsive Webdesign Breakpoint Mixin
  
-Bei David Hellmann habe ich in seinem (sehr interessanten und lesenswerten) Artikel "[[http://davidhellmann.com/blogging/css-media-queries-das-problem-mit-fixen-breakpoints-2433/|CSS Media Queries: Das Problem mit fixen Breakpoints]]" ein kleines Mixin gefunden. Mit diesem können die Breakpoints sehr einfach und elegant geschrieben werden, ohne das "media screen" Gedöhns jedesmal wiederholen zu müssen.  +Bei David Hellmann habe ich in seinem (sehr interessanten und lesenswerten) Artikel "[[https://davidhellmann.com/blog/development/css-media-queries-das-problem-mit-fixen-breakpoints|CSS Media Queries: Das Problem mit fixen Breakpoints]]" ein kleines Mixin gefunden. Mit diesem können die Breakpoints sehr einfach und elegant geschrieben werden, ohne das "media screen" Gedöhns jedesmal wiederholen zu müssen.  
  
-<code>+<code sass>
 // Media Query // Media Query
 $media-direction: max; $media-direction: max;