|
|
Line 407: |
Line 407: |
| } | | } |
| | | |
− | @media all and (min-width: 12cm) { | + | @media all and (min-device.width: 12cm) { |
| .fp .flex-flipper-evoth:nth-child(4n+3) { /* ändrar färgen på varannan textspace på fp. endast platta + */ | | .fp .flex-flipper-evoth:nth-child(4n+3) { /* ändrar färgen på varannan textspace på fp. endast platta + */ |
| background: linear-gradient(to left, #B8DFD2, #edf7f4, #f9f9f9); | | background: linear-gradient(to left, #B8DFD2, #edf7f4, #f9f9f9); |
Line 612: |
Line 612: |
| /************** för olika skärmar ****************/ | | /************** för olika skärmar ****************/ |
| | | |
− | @media all and (max-width: 12cm) { /*** mobil ***/ | + | @media all and (max-device-width: 12cm) { /*** mobil ***/ |
| | | |
| .flex-flipper, .flex-flipper-evoth { | | .flex-flipper, .flex-flipper-evoth { |
Line 624: |
Line 624: |
| } | | } |
| | | |
− | @media all and (min-width: 12cm) { /****** platta ******/ | + | @media all and (min-device-width: 12cm) { /****** platta ******/ |
| | | |
| .flex-sidebyside { | | .flex-sidebyside { |
Line 648: |
Line 648: |
| } | | } |
| | | |
− | @media all and (min-width: 20cm) { /*********** Dator ***************/ | + | @media all and (min-device-width: 20cm) { /*********** Dator ***************/ |
| | | |
| .aside{ | | .aside{ |
Line 682: |
Line 682: |
| | | |
| /* What to show before click */ | | /* What to show before click */ |
− | @media all and (max-device-width: 12cm) { | + | @media all and (max-device-width: 20cm) { |
| /* Hide all of .dropdown */ | | /* Hide all of .dropdown */ |
| .dropdown {display: none;} | | .dropdown {display: none;} |
Line 703: |
Line 703: |
| | | |
| /* Show the vertical menu on click */ | | /* Show the vertical menu on click */ |
− | @media all and (max-device-width: 12cm) { | + | @media all and (max-device-width: 20cm) { |
| | | |
| .topnav.responsive { | | .topnav.responsive { |