]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
more comments and formatting clean up
authorMark Otto <markdotto@gmail.com>
Sat, 18 Apr 2015 18:38:47 +0000 (11:38 -0700)
committerMark Otto <markdotto@gmail.com>
Sat, 18 Apr 2015 18:38:47 +0000 (11:38 -0700)
scss/_input-group.scss
scss/_labels.scss
scss/_media.scss
scss/_modal.scss
scss/_nav.scss
scss/_pagination.scss
scss/_popover.scss
scss/_responsive-embed.scss
scss/_tables.scss
scss/_utilities-responsive.scss
scss/_utilities.scss

index ec6e385e94f17e917b5c8a129a736656e68fe870..c2e511aecab5378e54e6bc3ca979be7a5c6840a9 100644 (file)
@@ -2,8 +2,11 @@
 // Input groups
 // --------------------------------------------------
 
+
+//
 // Base styles
-// -------------------------
+//
+
 .input-group {
   position: relative; // For dropdowns
   display: table;
   }
 }
 
+.input-group-addon,
+.input-group-btn,
+.input-group .form-control {
+  display: table-cell;
+
+  &:not(:first-child):not(:last-child) {
+    @include border-radius(0);
+  }
+}
+
+.input-group-addon,
+.input-group-btn {
+  width: 1%;
+  white-space: nowrap;
+  vertical-align: middle; // Match the inputs
+}
+
+
 // Sizing options
 //
 // Remix the default form control sizing classes into new ones for easier
 }
 
 
-// Display as table-cell
-// -------------------------
-.input-group-addon,
-.input-group-btn,
-.input-group .form-control {
-  display: table-cell;
-
-  &:not(:first-child):not(:last-child) {
-    @include border-radius(0);
-  }
-}
-// Addon and addon wrapper for buttons
-.input-group-addon,
-.input-group-btn {
-  width: 1%;
-  white-space: nowrap;
-  vertical-align: middle; // Match the inputs
-}
-
+//
 // Text input groups
-// -------------------------
+//
+
 .input-group-addon {
   padding: $padding-base-vertical $padding-base-horizontal;
   font-size: $font-size-base;
   }
 }
 
+
+//
 // Reset rounded corners
+//
+
 .input-group .form-control:first-child,
 .input-group-addon:first-child,
 .input-group-btn:first-child > .btn,
   border-left: 0;
 }
 
+
+//
 // Button input groups
-// -------------------------
+//
+
 .input-group-btn {
   position: relative;
   // Jankily prevent input button groups from wrapping with `white-space` and
index 5c4a29afa1d92691b7603771ee2a4364ce8d2f8d..ae6ded5b2d543df32b56a80ca199dd1509e6f3fa 100644 (file)
@@ -2,6 +2,7 @@
 // Labels
 // --------------------------------------------------
 
+
 .label {
   display: inline-block;
   padding: .25em .4em;
@@ -35,8 +36,10 @@ a.label {
   }
 }
 
+
 // Colors
-// Contextual variations (linked labels get darker on :hover)
+//
+// Contextual variations (linked labels get darker on :hover).
 
 .label-default {
   @include label-variant($label-default-bg);
index aec4b334cb8ca89f51fcc190b15816cb5dd2dc3f..e5eb7aba328d98bd7ca08995c6820de752b12b72 100644 (file)
@@ -1,3 +1,7 @@
+//
+// Media
+// --------------------------------------------------
+
 .media {
   // Proper spacing between instances of .media
   margin-top: 15px;
index 40b94f29380d4fbc29f5b4c779ee5b0cf89f75bf..5dd79f76ad68dd9040f7d421e4b143d5bdb74c1b 100644 (file)
@@ -2,11 +2,13 @@
 // Modals
 // --------------------------------------------------
 
+
 // .modal-open      - body class for killing the scroll
 // .modal           - container to scroll within
 // .modal-dialog    - positioning shell for the actual modal
 // .modal-content   - actual modal w/ bg and corners and shit
 
+
 // Kill the scroll on the body
 .modal-open {
   overflow: hidden;
index 228613cfe630bb7da7c1c24879ad64863ea9c95e..eb123b7b4ce2606534ca98ed70268dc231534d79 100644 (file)
@@ -2,6 +2,11 @@
 // Navs
 // --------------------------------------------------
 
+
+//
+// Base styles
+//
+
 .nav {
   margin-bottom: 0;
   @extend .list-unstyled;
index 55814b94a1eca381696ba6787252004fa45371a5..01e4c3f0814beb44a2e85d70150d5803be114031 100644 (file)
@@ -1,6 +1,8 @@
 //
 // Pagination (multiple pages)
 // --------------------------------------------------
+
+
 .pagination {
   display: inline-block;
   padding-left: 0;
   }
 }
 
+
+//
 // Sizing
-// --------------------------------------------------
+//
 
-// Large
 .pagination-lg {
   @include pagination-size($padding-lg-vertical, $padding-lg-horizontal, $font-size-lg, $border-radius-lg);
 }
 
-// Small
 .pagination-sm {
   @include pagination-size($padding-sm-vertical, $padding-sm-horizontal, $font-size-sm, $border-radius-sm);
 }
index d73bbd0ab9a7d43713a854003e81cb1b5393a35b..7757fc1792f1298b6bb6c67f34b2b68b64d1ab4b 100644 (file)
@@ -45,6 +45,7 @@
   padding: 9px 14px;
 }
 
+
 // Arrows
 //
 // .popover-arrow is outer, .popover-arrow:after is inner
index 5a0e0b88608e76c693b8be84c507b99a6060a00a..c1ef6cb4baeddba944854f5af0e7966268060700 100644 (file)
@@ -1,5 +1,7 @@
-// Embeds responsive
 //
+// Responsive embed
+// --------------------------------------------------
+
 // Credit: Nicolas Gallagher and SUIT CSS.
 
 .embed-responsive {
index fc9c83edfd095d32318bd8043d784c3ed7fdfe5d..ef399c0fad2446e3aeafe664d89c90a26435af0a 100644 (file)
@@ -1,21 +1,6 @@
 //
-// Reset tabular elements
-//
-
-// table {
-//   background-color: $table-bg;
-// }
-
-// caption {
-//   padding-top: $table-cell-padding;
-//   padding-bottom: $table-cell-padding;
-//   color: $text-muted;
-//   text-align: left;
-// }
-
-// th {
-//   text-align: left;
-// }
+// Custom tables
+// --------------------------------------------------
 
 
 //
index bb8c784dbd9c220bd16f3b314a6f9fd89ae8b45c..bafd964b63da04fb826ce1462b54451495e2475a 100644 (file)
@@ -2,6 +2,11 @@
 // Responsive: Utility classes
 // --------------------------------------------------
 
+
+//
+// Mixins
+//
+
 @each $bp in map-keys($grid-breakpoints) {
   .hidden-#{$bp}-up {
     @include media-breakpoint-up($bp) {
index 592c800d8022f2c9f1f3ab9e07a0e1a7c895648b..64869e9cf960a6e41bd1943c1611db8763e0618f 100644 (file)
@@ -3,10 +3,14 @@
 // --------------------------------------------------
 
 
+//
 // Floats
+//
+
 .clearfix {
   @include clearfix();
 }
+
 .center-block {
   @include center-block();
 }
 .pull-right {
   @include pull-right();
 }
+
 .pull-left {
   @include pull-left();
 }
 
+
+//
+// Screenreaders
+//
+
 .sr-only {
   @include sr-only();
 }
 }
 
 
-// Inverse
-.inverse {
-  color: $gray-lighter;
-  background-color: $gray-dark;
-}
-
-
 //
 // Spacing
 //
 }
 
 
+//
+// Text
+//
+
 // Alignment
 .text-left           { text-align: left; }
 .text-right          { text-align: right; }
 .text-uppercase      { text-transform: uppercase; }
 .text-capitalize     { text-transform: capitalize; }
 
-// Contextual colors
 
+// Contextual colors
 .text-muted {
   color: $text-muted;
 }
 
 @include text-emphasis-variant('.text-danger', $state-danger-text);
 
+
 // Contextual backgrounds
 // For now we'll leave these alongside the text classes until v4 when we can
 // safely shift things around (per SemVer rules).
 
+// Inverse
+// Todo: redo this as a proper class
+.inverse {
+  color: $gray-lighter;
+  background-color: $gray-dark;
+}
+
 .bg-primary {
   // Given the contrast here, this is the only class to have its color inverted
   // automatically.