소스 검색

Change dimensions in fieldsets elements

soyjavi 13 년 전
부모
커밋
dd0d0bb4b5
1개의 변경된 파일23개의 추가작업 그리고 10개의 파일을 삭제
  1. 23 10
      src/stylesheets/lungo.widget.form.styl

+ 23 - 10
src/stylesheets/lungo.widget.form.styl

@@ -23,7 +23,7 @@ form, .form
     display: inline-block
     width: 100%
     margin: 0.5em 0
-    padding: 0 0.4em
+    padding: 0 0.5em
     transition all 100ms linear
     font-family: inherit
     -webkit-appearance: none
@@ -46,16 +46,19 @@ form, .form
     & > label:not(.select)
       float: left
       width: 20%
-      margin: 0.3em 0
-      line-height: 2.5em
+      margin: 0.5em 0
+      line-height: 1.75em
       &.absolute
         position: absolute
       &.anchor
         width: auto
         overflow: hidden
 
-    & > label:not(.absolute) + input, & > label:not(.absolute) + label.select
-      width: 80% !important
+    & > label:not(.absolute) + input:not([type="checkbox"]), & > label:not(.absolute) + label.select
+      width: 80%
+
+    & > label:not(.absolute) + input[type="checkbox"]
+      margin-top: 0.5em
 
     & .icon
       position: absolute
@@ -68,14 +71,23 @@ form, .form
       border: none
       border-radius: 0
       padding: 0 0.3em
+      line-height: 1.5em
       &, &:focus
         background: none
 
+
+    & input[type="checkbox"]
+      float: right
+
+    & label.select
+      line-height: 1.5em
+
+
   .indented & fieldset
     & > label:not(.select):not(.anchor)
-      width: 25% !important
-    & > label:not(.absolute) + input, & > label:not(.absolute) + label.select
-      width: 75% !important
+      width: 25%
+    & > label:not(.absolute) + input:not([type="checkbox"]), & > label:not(.absolute) + label.select
+      width: 75%
 
   & label.select
     position: relative
@@ -96,14 +108,15 @@ form, .form
       text-align: center
 
   /* -------------------------- RANGE -------------------------- */
-  & input[type=range]
+  & input[type="range"]
     -webkit-appearance: none
     outline: none
     height: FORM_PROGRESS_HEIGHT
     width: 100%
     padding: 0
     border: none
-    margin-bottom: 0.5em
+    margin: 1em 0
+    background: red
     &::-webkit-slider-thumb
       position: relative
       width: FORM_RADIO_BUTTON