1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/bootstrap-source/bootstrap-3.0.3/less Kopie/scaffolding.less Fri Dec 20 22:49:16 2013 +0100
1.3 @@ -0,0 +1,119 @@
1.4 +//
1.5 +// Scaffolding
1.6 +// --------------------------------------------------
1.7 +
1.8 +
1.9 +// Reset the box-sizing
1.10 +
1.11 +*,
1.12 +*:before,
1.13 +*:after {
1.14 + .box-sizing(border-box);
1.15 +}
1.16 +
1.17 +
1.18 +// Body reset
1.19 +
1.20 +html {
1.21 + font-size: 62.5%;
1.22 + -webkit-tap-highlight-color: rgba(0,0,0,0);
1.23 +}
1.24 +
1.25 +body {
1.26 + font-family: @font-family-base;
1.27 + font-size: @font-size-base;
1.28 + line-height: @line-height-base;
1.29 + color: @text-color;
1.30 + background-color: @body-bg;
1.31 +}
1.32 +
1.33 +// Reset fonts for relevant elements
1.34 +input,
1.35 +button,
1.36 +select,
1.37 +textarea {
1.38 + font-family: inherit;
1.39 + font-size: inherit;
1.40 + line-height: inherit;
1.41 +}
1.42 +
1.43 +
1.44 +// Links
1.45 +
1.46 +a {
1.47 + color: @link-color;
1.48 + text-decoration: none;
1.49 +
1.50 + &:hover,
1.51 + &:focus {
1.52 + color: @link-hover-color;
1.53 + text-decoration: underline;
1.54 + }
1.55 +
1.56 + &:focus {
1.57 + .tab-focus();
1.58 + }
1.59 +}
1.60 +
1.61 +
1.62 +// Images
1.63 +
1.64 +img {
1.65 + vertical-align: middle;
1.66 +}
1.67 +
1.68 +// Responsive images (ensure images don't scale beyond their parents)
1.69 +.img-responsive {
1.70 + .img-responsive();
1.71 +}
1.72 +
1.73 +// Rounded corners
1.74 +.img-rounded {
1.75 + border-radius: @border-radius-large;
1.76 +}
1.77 +
1.78 +// Image thumbnails
1.79 +//
1.80 +// Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
1.81 +.img-thumbnail {
1.82 + padding: @thumbnail-padding;
1.83 + line-height: @line-height-base;
1.84 + background-color: @thumbnail-bg;
1.85 + border: 1px solid @thumbnail-border;
1.86 + border-radius: @thumbnail-border-radius;
1.87 + .transition(all .2s ease-in-out);
1.88 +
1.89 + // Keep them at most 100% wide
1.90 + .img-responsive(inline-block);
1.91 +}
1.92 +
1.93 +// Perfect circle
1.94 +.img-circle {
1.95 + border-radius: 50%; // set radius in percents
1.96 +}
1.97 +
1.98 +
1.99 +// Horizontal rules
1.100 +
1.101 +hr {
1.102 + margin-top: @line-height-computed;
1.103 + margin-bottom: @line-height-computed;
1.104 + border: 0;
1.105 + border-top: 1px solid @hr-border;
1.106 +}
1.107 +
1.108 +
1.109 +// Only display content to screen readers
1.110 +//
1.111 +// See: http://a11yproject.com/posts/how-to-hide-content/
1.112 +
1.113 +.sr-only {
1.114 + position: absolute;
1.115 + width: 1px;
1.116 + height: 1px;
1.117 + margin: -1px;
1.118 + padding: 0;
1.119 + overflow: hidden;
1.120 + clip: rect(0,0,0,0);
1.121 + border: 0;
1.122 +}