Ero sivun ”Widget:JwFloatStyle” versioiden välillä
Järvi-meriwikistä
(Ak: Uusi sivu: <includeonly><!--{$1|escape:'html'}--> <style scoped> .jw-float-<!--{$1|escape:'html'}-->-width-<!--{$2|escape:'html'}--> { float: none; width: calc( 100% + 2...) |
|||
(11 välissä olevaa versiota samalta käyttäjältä ei näytetä) | |||
Rivi 1: | Rivi 1: | ||
− | <includeonly>< | + | <includeonly><style scoped> |
− | + | .jw-float-<!--{$float|escape:'html'}-->-width-<!--{$width|escape:'html'}--> { | |
− | |||
− | .jw-float-<!--{$ | ||
float: none; | float: none; | ||
width: calc( 100% + 2.5rem ); | width: calc( 100% + 2.5rem ); | ||
Rivi 9: | Rivi 7: | ||
} | } | ||
− | + | .jw-float-none-width-100 { | |
+ | margin: 0 -1.25rem; | ||
+ | width: calc( 100% + 2.5rem ); | ||
+ | } | ||
− | .jw-float-<!--{$ | + | @media ( min-width: 992px ) { |
− | float: <!--{$ | + | |
− | width: calc( <!--{$ | + | .jw-float-<!--{$float|escape:'html'}-->-width-<!--{$width|escape:'html'}--> { |
− | margin-<!--{$ | + | float: <!--{$float|escape:'html'}-->; |
+ | width: calc( <!--{$width|escape:'html'}-->% + 1rem ); | ||
+ | margin: 0 0.25rem; | ||
+ | margin-<!--{$float|escape:'html'}-->: -1.25rem; | ||
+ | } | ||
+ | |||
+ | .jw-float-none-width-100 { | ||
+ | margin: 0 -1.25rem; | ||
+ | width: calc( 100% + 2.5rem ); | ||
} | } | ||
} | } | ||
</style></includeonly> | </style></includeonly> |