Browse Source

sass to less parody sans navbar updates.

alphabetize properties in buttons.less button classes

update inputs.scss to match inputs.less

update base button coloring and reapply border-radius to btns.

create new silent class to set text-underline to none
Scott O'Hara 11 năm trước cách đây
mục cha
commit
4f2b0562d0
5 tập tin đã thay đổi với 24 bổ sung14 xóa
  1. 7 7
      less/buttons.less
  2. 4 4
      sass/_button.scss
  3. 11 0
      sass/_general.scss
  4. 1 1
      sass/_iehacks.scss
  5. 1 2
      sass/_inputs.scss

+ 7 - 7
less/buttons.less

@@ -1,13 +1,13 @@
 .btn {
 	background: #999;
+	border-radius: 10px; /* rounded corners */
+	border: 0;
 	color: #fff;
+	cursor: pointer;
 	display: inline-block; /* Enables non-inline-block elements like <div>s to be buttons */
-	font-size: 2.5em; 
-	padding: 15px 40px 16px;
+	font-size: 2.5em;
 	margin: .3em .2em 0 0;
-	cursor: pointer;
-	border: 0;
-	border-radius: 10px; /* rounded corners */
+	padding: 15px 40px 16px;
 }
 
 .btn:hover {
@@ -50,7 +50,7 @@
 }
 
 .btn-sm {
-	padding: 10px 15px 11px;
-	font-size: .9em;
 	border-radius: 4px; /* rounded corners */
+	font-size: .9em;
+	padding: 10px 15px 11px;
 }

+ 4 - 4
sass/_button.scss

@@ -24,9 +24,10 @@
 // Set Generic <button> and .btn styling.
 // use .btn on any element to give it the styling of a button
 .btn {
-  @include btn-style(#aaa, #000, #ddd);
+  @extend %no-underline;
+  @include btn-style(#999, #888, #777);
   border: 0;
-  //border-radius: 10px; // rounded corners
+  border-radius: 10px; // rounded corners
   color: #fff;
   cursor: pointer;
   display: inline-block; // Enables non-inline-block elements like <a>s to be buttons
@@ -34,7 +35,6 @@
   margin: .3em .2em 0 0;
   outline: 0; // when the button is focused, don't show an outline
   padding: 15px 40px 16px;
-  text-decoration: none;
 }
 
 
@@ -56,7 +56,7 @@
 // Add this class to a <button> or element with a .btn class
 // to create a smaller sized button.
 .btn-sm {
-  //border-radius: 4px; /* rounded corners */
+  border-radius: 4px; /* rounded corners */
   font-size: .9em;
   padding: 10px 15px 11px;
 }

+ 11 - 0
sass/_general.scss

@@ -21,3 +21,14 @@ body, textarea {
   }
 }
 
+
+
+// shared styling between btn and links in nav bars
+%nav-btn-shared {
+  outline: 0;
+  // when button or navbar is focused don't show an outline
+}
+
+%no-underline {
+  text-decoration: none;
+}

+ 1 - 1
sass/_iehacks.scss

@@ -1,4 +1,4 @@
-@if $import-ie-hacks == true{
+@if $import-ie-hacks == true {
 //-------------------------------------------------------------------
 //  Internet Explorer Hacks
 //-------------------------------------------------------------------

+ 1 - 2
sass/_inputs.scss

@@ -29,8 +29,7 @@ textarea, input[type='text'] {
 .addon-front {
   @extend %global-inputs;
   border-right: 0;
-  margin-right: -2px;
-  padding: 6px 11px 6px 10px;
+  padding: 6px 11px;
 }