responsive text

appinfo/info.xml

@@ -5,7 +5,7 @@
 	<description>Custom theme for the ownCloud@CESNET server.</description>
 	<licence>AGPL</licence>
 	<author>Miroslav Bauer @ CESNET</author>
-	<version>2.0.0a20</version>
+	<version>2.0.0a21</version>
 	<types>
 		<theme/>
 	</types>

build/sass/bulma.scss

@@ -2,6 +2,8 @@
 @import "colors";
 
 $size-1: 6rem !default;
+$size-2: 4.5rem !default;
+$size-3: 3rem !default;
 
 @import "../node_modules/bulma/sass/utilities/_all.sass";
 @import "../node_modules/bulma/sass/base/_all.sass";

core/css/styles.css

@@ -128,4 +128,8 @@ button.primary:focus,
 
 .layer {
 	left: 25rem !important;
-}
+}
+
+.container {
+	width: 100% !important;
+}

core/templates/login.php

@@ -15,10 +15,10 @@
 <div class="columns px-4">
     <div class="column">
         <!-- Hero content -->
-        <h1 class="hero-title title has-text-weight-bold is-1 is-1-desktop-only is-2-tablet-only is-3-mobile-only has-text-left">
+        <h1 class="hero-title title has-text-weight-bold is-size-1-desktop is-size-2-tablet is-size-3-mobile has-text-left">
             ownCloud @ <b>CESNET</b>
         </h1>
-        <h2 class="subtitle is-3 has-text-weight-light has-text-left">
+        <h2 class="subtitle is-size-3-desktop is-size-4-tablet has-text-weight-light has-text-left">
 			<?php p($l->t('Sync, Share & Backup all of your academic data.')); ?>
         </h2>
         <div class="has-half-opacity has-text-left is-size-7 has-text-weight-bold">▘▘▖▘▘▘▘▘▘▘▖▘▘▘▘▘▖▘▘▘▖▘▘▖▖▖▘▘▘▘▖▘▘▖▖▘▘▖▘▘▘▘▘▘▘▖▘▖▘▘▘▖▖▘▖▖</div>