SHARE
TWEET

Untitled

a guest Jul 18th, 2019 62 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* Shorthand sets all properties by name */
  2. /* observe: [<condition> <list-of-breakpoints>]* */
  3. one {
  4.   observe: width 200 500;
  5. }
  6.  
  7. two {
  8.   observe:
  9.     width 200 500
  10.     height 100 200 300
  11.     children 5
  12.   ;
  13. }
  14.  
  15. /* Each condition has a property name */
  16. /* observe-<condition>: <list-of-breakpoints> */
  17. one {
  18.   observe-width: 200 500;
  19. }
  20.  
  21. two {
  22.   observe-width: 200 500;
  23.   observe-height: 100 200 300;
  24.   observe-children: 5;
  25. }
  26.  
  27. /*
  28.  
  29. Resize-observing properties:
  30.  
  31. - observe-width:;
  32. - observe-height:;
  33. - observe-aspect-ratio:;
  34. - observe-orientation:;
  35.  
  36. Mutation-observing properties:
  37.  
  38. - observe-children:;
  39. - observe-characters:;
  40.  
  41. Intersection-observing properties:
  42.  
  43. - observe-scroll-x:;
  44. - observe-scroll-y:;
  45.  
  46. */
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top