From a8ba146553cdbe25c782aea323a8f7df0ad664f0 Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Tue, 15 Aug 2017 16:06:33 +0800 Subject: IMPORTANT: Change back to rem unit, and default html font size is 20px. --- docs/utilities.html | 34 ++++++++++++++++++++++------------ 1 file changed, 22 insertions(+), 12 deletions(-) (limited to 'docs/utilities.html') diff --git a/docs/utilities.html b/docs/utilities.html index 1bdcbc1..5077792 100644 --- a/docs/utilities.html +++ b/docs/utilities.html @@ -471,18 +471,28 @@ <div class="fixed"></div> <!-- centered block --> <div class="centered"></div> -<!-- margin: 10px and 5px in 4 directions. mt-10 = margin-top: 10px; --> -<div class="mt-10"></div> -<div class="mt-5"></div> -<!-- m-10 = margin: 10px; --> -<div class="m-10"></div> -<div class="m-5"></div> -<!-- padding: 10px and 5px in 4 directions. pt-10 = padding-top: 10px; --> -<div class="pt-10"></div> -<div class="pt-5"></div> -<!-- p-10 = padding: 10px; --> -<div class="p-10"></div> -<div class="p-5"></div> +<!-- m-1 {margin: 4px;} m-2 {margin: 8px;} --> +<div class="m-1"></div> +<div class="m-2"></div> +<!-- margin in 4 directions. mt-1 {margin-top: 4px;} mt-2 {margin-top: 8px;} --> +<div class="mt-1"></div> +<div class="mt-2"></div> +<!-- mx-1 {margin-left: 4px; margin-right: 4px;} --> +<div class="mx-1"></div> +<div class="mx-2"></div> +<div class="my-1"></div> +<div class="my-2"></div> +<!-- p-1 {padding: 4px;} p-2 {padding: 8px;} --> +<div class="p-1"></div> +<div class="p-2"></div> +<!-- padding in 4 directions. pt-1 {padding-top: 4px;} pt-2 {padding-top: 8px;} --> +<div class="pt-1"></div> +<div class="pt-2"></div> +<!-- px-1 {padding-left: 4px; padding-right: 4px;} --> +<div class="px-1"></div> +<div class="px-2"></div> +<div class="py-1"></div> +<div class="py-2"></div> -- cgit v1.3.1-26-gb76a