Projet

Général

Profil

Révision 74f6bef0

Ajouté par Assos Assos il y a plus de 10 ans

Weekly update of contrib modules

Voir les différences:

drupal7/sites/all/themes/adaptivetheme/at_subtheme/sass/responsive.custom.scss
25 25 

  		




  26
  26
  
    

  		




  27
  27
  
    
/*


  		




  28
  
  
    
 * Smartphone sizes and up


  		




  
  28
  
    
 * Smalltouch sizes and up


  		




  29
  29
  
    
 */


  		




  30
  30
  
    
/* @media only screen and (min-width: 320px) {} */


  		




  31
  31
  
    

  		




  32
  32
  
    

  		




  33
  33
  
    
/*


  		




  34
  
  
    
 * Smartphone sizes and down


  		




  
  34
  
    
 * Smalltouch sizes and down


  		




  35
  35
  
    
 */


  		




  36
  36
  
    
@media only screen and (max-width: 480px) {


  		




  37
  37
  
    
  


  		




  38
  38
  
    
  /* 


  		




  39
  
  
    
   * Float Region blocks example:


  		




  40
  
  
    
   * In smaller screen sizes we can remove the float and widths so all blocks


  		




  41
  
  
    
   * stack instead of displaying horizonally. The selector used here is an


  		




  
  39
  
    
   * Float Region Blocks - custom media query CSS example:


  		




  
  40
  
    
   * 


  		




  
  41
  
    
   * Float regions blocks is an Extension you can enable in the appearance


  		




  
  42
  
    
   * settings for your theme. This feature allows you to automatically float


  		




  
  43
  
    
   * blocks in regions, you can switch it on and off depending on your


  		




  
  44
  
    
   * requirements. For design purposes you many want to remove the floats for


  		




  
  45
  
    
   * devices where the entire theme is just one column - for example small


  		




  
  46
  
    
   * mobile phones. The following CSS is inside the custom media query:


  		




  
  47
  
    
   *


  		




  
  48
  
    
   *   @media only screen and (max-width: 480px){}


  		




  
  49
  
    
   *


  		




  
  50
  
    
   * This will target devices with a maximum width of 480px - most small phones.


  		




  
  51
  
    
   * In these smaller screen sizes we can remove the float and widths so all


  		




  
  52
  
    
   * blocks stack instead of displaying horizonally. The selector used is an


  		




  42
  53
  
    
   * "attribute selector" which will match on any float block class. Use your


  		




  43
  54
  
    
   * inspector or Firebug to get the classes from the page output if you need


  		




  44
  55
  
    
   * more granular control over block alignment and stacking.


  		




  45
  
  
    
   * 


  		




  46
  
  
    
   * "Float Region blocks" is an extension for floating blocks in regions, see


  		




  47
  
  
    
   * your themes appearance settings, under the Extensions tab.


  		




  48
  
  
    
   */ 


  		




  
  56
  
    
   */


  		




  49
  57
  
    
  .region[class*="float-blocks"] .block {


  		




  50
  58
  
    
    float: none;


  		




  51
  59
  
    
    width: 100%;


  		












Formats disponibles :  Unified diff