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