src/scss/toolkit/layout/base.scss in titon-toolkit-0.9.4 vs src/scss/toolkit/layout/base.scss in titon-toolkit-0.10.0
- old
+ new
@@ -1,9 +1,9 @@
/**
- * @copyright Copyright 2010-2013, The Titon Project
- * @license http://opensource.org/licenses/bsd-license.php
- * @link http://titon.io
+ * @copyright 2010-2013, The Titon Project
+ * @license http://opensource.org/licenses/bsd-license.php
+ * @link http://titon.io
*/
@import "../common";
// Use border-box for everything
@@ -47,47 +47,47 @@
// Carets
.caret-up,
.caret-down,
.caret-left,
.caret-right {
- @include reset-inline-block;
- border: 5px solid transparent;
- content: "";
- height: 0;
- width: 0;
+ @include reset-inline-block;
+ border: 5px solid transparent;
+ content: "";
+ height: 0;
+ width: 0;
}
.caret-up { border-bottom-color: $foreground-color; }
.caret-down { border-top-color: $foreground-color; }
.caret-left { border-right-color: $foreground-color; }
.caret-right { border-left-color: $foreground-color; }
// Close
.x {
- @include reset-inline-block;
- color: $foreground-color;
- font: bold 1.5rem/100% Arial, sans-serif;
- text-transform: uppercase;
+ @include reset-inline-block;
+ color: $foreground-color;
+ font: bold 1.5rem/100% Arial, sans-serif;
+ text-transform: uppercase;
}
.close {
- @include reset-inline-block;
- width: 30px;
- height: 30px;
- line-height: 30px;
- text-align: center;
- background: white(.5);
- border-radius: 2px;
- cursor: pointer;
+ @include reset-inline-block;
+ width: 30px;
+ height: 30px;
+ line-height: 30px;
+ text-align: center;
+ background: white(.5);
+ border-radius: 2px;
+ cursor: pointer;
- .x {
- color: black(.5);
- position: relative;
- top: -1px;
- }
+ .x {
+ color: black(.5);
+ position: relative;
+ top: -1px;
+ }
- &:hover {
- background: white(.8);
+ &:hover {
+ background: white(.8);
- .x { color: black(.75); }
- }
+ .x { color: black(.75); }
+ }
}
\ No newline at end of file