|
@@ -1,10 +1,27 @@
|
|
|
<div class="pure-g">
|
|
|
<div class="pure-u-1">
|
|
|
<div class="pure-button-group" role="group" style="padding: 1em 0 0;">
|
|
|
- <button class="pure-button" type="submit"> Apply </button>
|
|
|
+ <style>
|
|
|
+
|
|
|
+.button-resize { font-size: 70%; }
|
|
|
+@media screen and (min-width:35.5em){
|
|
|
+ .button-resize { font-size: 85%; }
|
|
|
+}
|
|
|
+@media screen and (min-width:40em){
|
|
|
+ .button-resize { font-size: 100%; }
|
|
|
+}
|
|
|
+@media screen and (min-width:64em){
|
|
|
+ .button-resize { font-size: 110%; }
|
|
|
+}
|
|
|
+@media screen and (min-width:80em){
|
|
|
+ .button-resize { font-size: 125%; }
|
|
|
+}
|
|
|
+ </style>
|
|
|
+ <button class="button-resize pure-button" type="submit"> Apply </button>
|
|
|
% for target in ("trend", "products", "categories", "groups", "tags"):
|
|
|
% disabled = 'disabled="true"' if target == action else ''
|
|
|
- <button class="pure-button" type="submit" formaction="{{target}}" {{!disabled}}> {{target.title()}} </button>
|
|
|
+ % label = target.title()
|
|
|
+ <button class="button-resize pure-button" type="submit" formaction="{{target}}" {{!disabled}}> {{label}} </button>
|
|
|
% end
|
|
|
</div>
|
|
|
</div>
|