From eab5718a40e121c6b8597df6968c25733e794c6f Mon Sep 17 00:00:00 2001 From: sdtsui Date: Tue, 8 Aug 2017 18:12:50 -0700 Subject: Add an additional font-size breakpoint for buy modal on the largest screens --- ui/app/css/itcss/components/modal.scss | 20 +++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) (limited to 'ui/app/css') diff --git a/ui/app/css/itcss/components/modal.scss b/ui/app/css/itcss/components/modal.scss index 7fc7a6ca6..7f36d1d2b 100644 --- a/ui/app/css/itcss/components/modal.scss +++ b/ui/app/css/itcss/components/modal.scss @@ -87,11 +87,29 @@ div.modal-content-option-title { font-size: 20px; + + @media screen and (max-width: 679px) { + font-size: 14px; + } + + @media screen and (min-width: 1281px) { + font-size: 26px; + } } div.modal-content-option-subtitle { font-size: 16px; - padding: 0px 20px; + padding: 0px 10px; + height: 25%; + + @media screen and (max-width: 679px) { + font-size: 10px; + } + + @media screen and (min-width: 1281px) { + font-size: 20px; + } + } div.modal-content-footer { -- cgit v1.2.3