From 8c80ec8f50827cddc2a787b82c38503497647781 Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Thu, 21 Apr 2016 19:28:00 +0800 Subject: add more flexible responsive grid --- src/forms.less | 45 +++++---------------------------------------- 1 file changed, 5 insertions(+), 40 deletions(-) (limited to 'src/forms.less') diff --git a/src/forms.less b/src/forms.less index a01ab3c..9f8b952 100644 --- a/src/forms.less +++ b/src/forms.less @@ -2,41 +2,6 @@ .form-group:not(:last-child) { margin-bottom: 1rem; } - -@media screen and (min-width: 841px) { - .form-horizontal { - padding: 1rem; - - .form-group { - display: flex; - } - .form-label { - padding: .8rem .4rem; - } - .form-checkbox, - .form-radio { - margin: .5rem 0; - } - } -} -@media screen and (max-width: 840px) { - .form-horizontal { - .col-12, - .col-11, - .col-10, - .col-9, - .col-8, - .col-7, - .col-6, - .col-5, - .col-4, - .col-3, - .col-2, - .col-1 { - width: 100%; - } - } -} // Form element: Input boxes .form-input { position: relative; @@ -243,12 +208,12 @@ &::after { content: ""; display: block; - width: 1.4rem; - height: 1.4rem; + width: 1.6rem; + height: 1.6rem; border-radius: .8rem; position: absolute; - top: .1rem; - left: .1rem; + top: 0; + left: 0; background-color: #fff; transition: left .15s ease; } @@ -259,7 +224,7 @@ border-color: @core-color; &::after { - left: 1.3rem; + left: 1.2rem; } } } -- cgit v1.3.1-23-gd82d