Version initiale du site
This commit is contained in:
		
							
								
								
									
										161
									
								
								sass/bootstrap/_scaffolding.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										161
									
								
								sass/bootstrap/_scaffolding.scss
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,161 @@ | ||||
| // | ||||
| // Scaffolding | ||||
| // -------------------------------------------------- | ||||
|  | ||||
|  | ||||
| // Reset the box-sizing | ||||
| // | ||||
| // Heads up! This reset may cause conflicts with some third-party widgets. | ||||
| // For recommendations on resolving such conflicts, see | ||||
| // http://getbootstrap.com/getting-started/#third-box-sizing | ||||
| * { | ||||
|   @include box-sizing(border-box); | ||||
| } | ||||
| *:before, | ||||
| *:after { | ||||
|   @include box-sizing(border-box); | ||||
| } | ||||
|  | ||||
|  | ||||
| // Body reset | ||||
|  | ||||
| html { | ||||
|   font-size: 10px; | ||||
|   -webkit-tap-highlight-color: rgba(0,0,0,0); | ||||
| } | ||||
|  | ||||
| body { | ||||
|   font-family: $font-family-base; | ||||
|   font-size: $font-size-base; | ||||
|   line-height: $line-height-base; | ||||
|   color: $text-color; | ||||
|   background-color: $body-bg; | ||||
| } | ||||
|  | ||||
| // Reset fonts for relevant elements | ||||
| input, | ||||
| button, | ||||
| select, | ||||
| textarea { | ||||
|   font-family: inherit; | ||||
|   font-size: inherit; | ||||
|   line-height: inherit; | ||||
| } | ||||
|  | ||||
|  | ||||
| // Links | ||||
|  | ||||
| a { | ||||
|   color: $link-color; | ||||
|   text-decoration: none; | ||||
|  | ||||
|   &:hover, | ||||
|   &:focus { | ||||
|     color: $link-hover-color; | ||||
|     text-decoration: $link-hover-decoration; | ||||
|   } | ||||
|  | ||||
|   &:focus { | ||||
|     @include tab-focus; | ||||
|   } | ||||
| } | ||||
|  | ||||
|  | ||||
| // Figures | ||||
| // | ||||
| // We reset this here because previously Normalize had no `figure` margins. This | ||||
| // ensures we don't break anyone's use of the element. | ||||
|  | ||||
| figure { | ||||
|   margin: 0; | ||||
| } | ||||
|  | ||||
|  | ||||
| // Images | ||||
|  | ||||
| img { | ||||
|   vertical-align: middle; | ||||
| } | ||||
|  | ||||
| // Responsive images (ensure images don't scale beyond their parents) | ||||
| .img-responsive { | ||||
|   @include img-responsive; | ||||
| } | ||||
|  | ||||
| // Rounded corners | ||||
| .img-rounded { | ||||
|   border-radius: $border-radius-large; | ||||
| } | ||||
|  | ||||
| // Image thumbnails | ||||
| // | ||||
| // Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`. | ||||
| .img-thumbnail { | ||||
|   padding: $thumbnail-padding; | ||||
|   line-height: $line-height-base; | ||||
|   background-color: $thumbnail-bg; | ||||
|   border: 1px solid $thumbnail-border; | ||||
|   border-radius: $thumbnail-border-radius; | ||||
|   @include transition(all .2s ease-in-out); | ||||
|  | ||||
|   // Keep them at most 100% wide | ||||
|   @include img-responsive(inline-block); | ||||
| } | ||||
|  | ||||
| // Perfect circle | ||||
| .img-circle { | ||||
|   border-radius: 50%; // set radius in percents | ||||
| } | ||||
|  | ||||
|  | ||||
| // Horizontal rules | ||||
|  | ||||
| hr { | ||||
|   margin-top:    $line-height-computed; | ||||
|   margin-bottom: $line-height-computed; | ||||
|   border: 0; | ||||
|   border-top: 1px solid $hr-border; | ||||
| } | ||||
|  | ||||
|  | ||||
| // Only display content to screen readers | ||||
| // | ||||
| // See: http://a11yproject.com/posts/how-to-hide-content/ | ||||
|  | ||||
| .sr-only { | ||||
|   position: absolute; | ||||
|   width: 1px; | ||||
|   height: 1px; | ||||
|   margin: -1px; | ||||
|   padding: 0; | ||||
|   overflow: hidden; | ||||
|   clip: rect(0,0,0,0); | ||||
|   border: 0; | ||||
| } | ||||
|  | ||||
| // Use in conjunction with .sr-only to only display content when it's focused. | ||||
| // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 | ||||
| // Credit: HTML5 Boilerplate | ||||
|  | ||||
| .sr-only-focusable { | ||||
|   &:active, | ||||
|   &:focus { | ||||
|     position: static; | ||||
|     width: auto; | ||||
|     height: auto; | ||||
|     margin: 0; | ||||
|     overflow: visible; | ||||
|     clip: auto; | ||||
|   } | ||||
| } | ||||
|  | ||||
|  | ||||
| // iOS "clickable elements" fix for role="button" | ||||
| // | ||||
| // Fixes "clickability" issue (and more generally, the firing of events such as focus as well) | ||||
| // for traditionally non-focusable elements with role="button" | ||||
| // see https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile | ||||
|  | ||||
| [role="button"] { | ||||
|   cursor: pointer; | ||||
| } | ||||
		Reference in New Issue
	
	Block a user
	 faquin
					faquin