framework7
Version:
Full featured mobile HTML framework for building iOS & Android apps
1 lines • 10.3 kB
CSS
:root{--f7-elevation-0:0px 0px 0px 0px rgba(0, 0, 0, 0);--f7-elevation-1:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);--f7-elevation-2:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12);--f7-elevation-3:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12);--f7-elevation-4:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);--f7-elevation-5:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12);--f7-elevation-6:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);--f7-elevation-7:0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12);--f7-elevation-8:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12);--f7-elevation-9:0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12);--f7-elevation-10:0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12);--f7-elevation-11:0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12);--f7-elevation-12:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12);--f7-elevation-13:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12);--f7-elevation-14:0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12);--f7-elevation-15:0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12);--f7-elevation-16:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);--f7-elevation-17:0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12);--f7-elevation-18:0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12);--f7-elevation-19:0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12);--f7-elevation-20:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12);--f7-elevation-21:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12);--f7-elevation-22:0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12);--f7-elevation-23:0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12);--f7-elevation-24:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.elevation-0{box-shadow:var(--f7-elevation-0)}.elevation-1{box-shadow:var(--f7-elevation-1)}.elevation-2{box-shadow:var(--f7-elevation-2)}.elevation-3{box-shadow:var(--f7-elevation-3)}.elevation-4{box-shadow:var(--f7-elevation-4)}.elevation-5{box-shadow:var(--f7-elevation-5)}.elevation-6{box-shadow:var(--f7-elevation-6)}.elevation-7{box-shadow:var(--f7-elevation-7)}.elevation-8{box-shadow:var(--f7-elevation-8)}.elevation-9{box-shadow:var(--f7-elevation-9)}.elevation-10{box-shadow:var(--f7-elevation-10)}.elevation-11{box-shadow:var(--f7-elevation-11)}.elevation-12{box-shadow:var(--f7-elevation-12)}.elevation-13{box-shadow:var(--f7-elevation-13)}.elevation-14{box-shadow:var(--f7-elevation-14)}.elevation-15{box-shadow:var(--f7-elevation-15)}.elevation-16{box-shadow:var(--f7-elevation-16)}.elevation-17{box-shadow:var(--f7-elevation-17)}.elevation-18{box-shadow:var(--f7-elevation-18)}.elevation-19{box-shadow:var(--f7-elevation-19)}.elevation-20{box-shadow:var(--f7-elevation-20)}.elevation-21{box-shadow:var(--f7-elevation-21)}.elevation-22{box-shadow:var(--f7-elevation-22)}.elevation-23{box-shadow:var(--f7-elevation-23)}.elevation-24{box-shadow:var(--f7-elevation-24)}.device-desktop .elevation-hover-0:hover{box-shadow:var(--f7-elevation-0)}.device-desktop .elevation-hover-1:hover{box-shadow:var(--f7-elevation-1)}.device-desktop .elevation-hover-2:hover{box-shadow:var(--f7-elevation-2)}.device-desktop .elevation-hover-3:hover{box-shadow:var(--f7-elevation-3)}.device-desktop .elevation-hover-4:hover{box-shadow:var(--f7-elevation-4)}.device-desktop .elevation-hover-5:hover{box-shadow:var(--f7-elevation-5)}.device-desktop .elevation-hover-6:hover{box-shadow:var(--f7-elevation-6)}.device-desktop .elevation-hover-7:hover{box-shadow:var(--f7-elevation-7)}.device-desktop .elevation-hover-8:hover{box-shadow:var(--f7-elevation-8)}.device-desktop .elevation-hover-9:hover{box-shadow:var(--f7-elevation-9)}.device-desktop .elevation-hover-10:hover{box-shadow:var(--f7-elevation-10)}.device-desktop .elevation-hover-11:hover{box-shadow:var(--f7-elevation-11)}.device-desktop .elevation-hover-12:hover{box-shadow:var(--f7-elevation-12)}.device-desktop .elevation-hover-13:hover{box-shadow:var(--f7-elevation-13)}.device-desktop .elevation-hover-14:hover{box-shadow:var(--f7-elevation-14)}.device-desktop .elevation-hover-15:hover{box-shadow:var(--f7-elevation-15)}.device-desktop .elevation-hover-16:hover{box-shadow:var(--f7-elevation-16)}.device-desktop .elevation-hover-17:hover{box-shadow:var(--f7-elevation-17)}.device-desktop .elevation-hover-18:hover{box-shadow:var(--f7-elevation-18)}.device-desktop .elevation-hover-19:hover{box-shadow:var(--f7-elevation-19)}.device-desktop .elevation-hover-20:hover{box-shadow:var(--f7-elevation-20)}.device-desktop .elevation-hover-21:hover{box-shadow:var(--f7-elevation-21)}.device-desktop .elevation-hover-22:hover{box-shadow:var(--f7-elevation-22)}.device-desktop .elevation-hover-23:hover{box-shadow:var(--f7-elevation-23)}.device-desktop .elevation-hover-24:hover{box-shadow:var(--f7-elevation-24)}.active-state.elevation-pressed-0,.device-desktop .active-state.elevation-pressed-0{box-shadow:var(--f7-elevation-0)}.active-state.elevation-pressed-1,.device-desktop .active-state.elevation-pressed-1{box-shadow:var(--f7-elevation-1)}.active-state.elevation-pressed-2,.device-desktop .active-state.elevation-pressed-2{box-shadow:var(--f7-elevation-2)}.active-state.elevation-pressed-3,.device-desktop .active-state.elevation-pressed-3{box-shadow:var(--f7-elevation-3)}.active-state.elevation-pressed-4,.device-desktop .active-state.elevation-pressed-4{box-shadow:var(--f7-elevation-4)}.active-state.elevation-pressed-5,.device-desktop .active-state.elevation-pressed-5{box-shadow:var(--f7-elevation-5)}.active-state.elevation-pressed-6,.device-desktop .active-state.elevation-pressed-6{box-shadow:var(--f7-elevation-6)}.active-state.elevation-pressed-7,.device-desktop .active-state.elevation-pressed-7{box-shadow:var(--f7-elevation-7)}.active-state.elevation-pressed-8,.device-desktop .active-state.elevation-pressed-8{box-shadow:var(--f7-elevation-8)}.active-state.elevation-pressed-9,.device-desktop .active-state.elevation-pressed-9{box-shadow:var(--f7-elevation-9)}.active-state.elevation-pressed-10,.device-desktop .active-state.elevation-pressed-10{box-shadow:var(--f7-elevation-10)}.active-state.elevation-pressed-11,.device-desktop .active-state.elevation-pressed-11{box-shadow:var(--f7-elevation-11)}.active-state.elevation-pressed-12,.device-desktop .active-state.elevation-pressed-12{box-shadow:var(--f7-elevation-12)}.active-state.elevation-pressed-13,.device-desktop .active-state.elevation-pressed-13{box-shadow:var(--f7-elevation-13)}.active-state.elevation-pressed-14,.device-desktop .active-state.elevation-pressed-14{box-shadow:var(--f7-elevation-14)}.active-state.elevation-pressed-15,.device-desktop .active-state.elevation-pressed-15{box-shadow:var(--f7-elevation-15)}.active-state.elevation-pressed-16,.device-desktop .active-state.elevation-pressed-16{box-shadow:var(--f7-elevation-16)}.active-state.elevation-pressed-17,.device-desktop .active-state.elevation-pressed-17{box-shadow:var(--f7-elevation-17)}.active-state.elevation-pressed-18,.device-desktop .active-state.elevation-pressed-18{box-shadow:var(--f7-elevation-18)}.active-state.elevation-pressed-19,.device-desktop .active-state.elevation-pressed-19{box-shadow:var(--f7-elevation-19)}.active-state.elevation-pressed-20,.device-desktop .active-state.elevation-pressed-20{box-shadow:var(--f7-elevation-20)}.active-state.elevation-pressed-21,.device-desktop .active-state.elevation-pressed-21{box-shadow:var(--f7-elevation-21)}.active-state.elevation-pressed-22,.device-desktop .active-state.elevation-pressed-22{box-shadow:var(--f7-elevation-22)}.active-state.elevation-pressed-23,.device-desktop .active-state.elevation-pressed-23{box-shadow:var(--f7-elevation-23)}.active-state.elevation-pressed-24,.device-desktop .active-state.elevation-pressed-24{box-shadow:var(--f7-elevation-24)}.elevation-transition-100{transition-duration:.1s;transition-property:box-shadow}.elevation-transition,.elevation-transition-200{transition-duration:.2s;transition-property:box-shadow}.elevation-transition-300{transition-duration:.3s;transition-property:box-shadow}.elevation-transition-400{transition-duration:.4s;transition-property:box-shadow}.elevation-transition-500{transition-duration:.5s;transition-property:box-shadow}