diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css index fa89263..af2e708 100644 --- a/agaric/css/agaric.css +++ b/agaric/css/agaric.css @@ -7108,25 +7108,35 @@ label.panel-block { color: #0D1E34; } .title.is-1 { - font-size: 5.63rem; - line-height: 1.07em; } - -.title.is-2 { font-size: 3.5rem; - line-height: 1.14em; } - -.title.is-3 { + line-height: 1.07em; } + @media screen and (min-width: 1024px) { + .title.is-1 { + font-size: 5.63rem; } } +.title.is-2 { font-size: 2.5rem; - line-height: 1.2em; } - -.title.is-4 { + line-height: 1.14em; } + @media screen and (min-width: 1024px) { + .title.is-2 { + font-size: 3.5rem; } } +.title.is-3 { font-size: 1.75rem; - line-height: 1.43em; } - -.title.is-5 { - font-size: 1.25rem; line-height: 1.2em; } - + @media screen and (min-width: 1024px) { + .title.is-3 { + font-size: 2.5rem; } } +.title.is-4 { + font-size: 1.25rem; + line-height: 1.43em; } + @media screen and (min-width: 1024px) { + .title.is-4 { + font-size: 1.75rem; } } +.title.is-5 { + font-size: 1.1rem; + line-height: 1.2em; } + @media screen and (min-width: 1024px) { + .title.is-5 { + font-size: 1.25rem; } } .title.is-6 { font-size: 0.88rem; line-height: 1.43em; } diff --git a/agaric/sass/agaric/_base.typography.scss b/agaric/sass/agaric/_base.typography.scss index d4f483d..ee6c1a9 100644 --- a/agaric/sass/agaric/_base.typography.scss +++ b/agaric/sass/agaric/_base.typography.scss @@ -29,27 +29,42 @@ } .title.is-1 { - font-size: $size-1; + font-size: $size-2; + @include desktop { + font-size: $size-1; + } line-height: 1.07em; } .title.is-2 { - font-size: $size-2; + font-size: $size-3; + @include desktop { + font-size: $size-2; + } line-height: 1.14em; } .title.is-3 { - font-size: $size-3; + font-size: $size-4; + @include desktop { + font-size: $size-3; + } line-height: 1.2em; } .title.is-4 { - font-size: $size-4; + font-size: $size-5; + @include desktop { + font-size: $size-4; + } line-height: 1.43em; } .title.is-5 { - font-size: $size-5; + font-size: 1.1rem; + @include desktop { + font-size: $size-5; + } line-height: 1.2em; }