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