0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-10 22:24:19 +01:00
Bootstrap/less/scaffolding.less

92 lines
1.6 KiB
Plaintext
Raw Normal View History

2012-06-29 06:46:45 +02:00
//
// Scaffolding
2012-06-29 06:46:45 +02:00
// --------------------------------------------------
2011-05-04 03:09:25 +02:00
2011-08-17 07:58:01 +02:00
2013-03-10 19:24:07 +01:00
// Reset the box-sizing
// -------------------------
* {
2013-03-17 19:15:04 +01:00
.box-sizing(border-box);
2013-03-10 19:24:07 +01:00
}
// Body reset
// -------------------------
2011-05-04 03:09:25 +02:00
html {
font-size: 62.5%;
// Touch the Mobile Magic™
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
// Disable iOS/WinMobile font size changes
@media screen and (max-device-width: 480px) {
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
}
2011-05-04 03:09:25 +02:00
body {
2013-03-27 01:12:17 +01:00
font-family: @font-family-base;
2013-04-05 20:42:29 +02:00
font-size: @font-size-base;
2013-03-27 01:12:17 +01:00
line-height: @line-height-base;
2012-11-30 23:37:24 +01:00
color: @text-color;
background-color: @body-bg;
}
// Reset fonts for revelant elements
input,
button,
select,
textarea {
2013-03-27 01:12:17 +01:00
font-family: inherit;
font-size: inherit;
line-height: inherit;
2011-05-04 03:09:25 +02:00
}
// Links
// -------------------------
2011-05-04 03:09:25 +02:00
a {
2012-11-30 23:37:24 +01:00
color: @link-color;
2011-05-04 03:09:25 +02:00
text-decoration: none;
}
a:hover,
a:focus {
2013-04-01 02:27:22 +02:00
color: @link-hover-color;
text-decoration: underline;
2011-05-04 03:09:25 +02:00
}
a:focus {
.tab-focus();
}
// Images
// -------------------------
img {
// Responsive images (ensure images don't scale beyond their parents)
max-width: 100%; // Part 1: Set a maxium relative to the parent
height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
// Match vertical alignment with other comment elements
vertical-align: middle;
}
2012-09-04 20:31:48 +02:00
// Rounded corners
.img-rounded {
border-radius: 6px;
}
// Image thumbnails
// See thumbnails.less for `.img-thumbnail`
2012-09-04 20:31:48 +02:00
// Perfect circle
.img-circle {
border-radius: 500px; // crank the border-radius so it works with most reasonably sized images
}