Permalink
Browse files

Updated SASS source and CSS output

  • Loading branch information...
1 parent 46f6fa0 commit 13912bfa4b145c60197d8541faf0d6ef5d321c0d @cgst cgst committed Jul 11, 2010
Showing with 73 additions and 80 deletions.
  1. +47 −49 lib/popover.sass
  2. +26 −31 popover.css
View
@@ -1,51 +1,49 @@
.popover
-
- & > .floater
- color: black
- font-weight: normal
- line-height: 1
- cursor: auto
+ color: black
+ font-weight: normal
+ line-height: 1
+ cursor: auto
+ position: absolute
+ display: none
+ opacity: 0
+ background-color: white
+ border: 3px solid black
+ border-radius: 4px
+ :-webkit-border-radius 4px
+ :-moz-border-radius 4px
+ border-radius: 4px
+ :-webkit-box-shadow 0 0 10px rgba(0, 0, 0, 0.2)
+ :-webkit-transition opacity 0.25s linear
+ :-moz-box-shadow 0 0 10px rgba(0, 0, 0, 0.2)
+ :-moz-transition opacity 0.25s linear
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
+ transition: opacity 0.25s linear
+
+ &.active
+ opacity: 1
+
+ & > .triangle
position: absolute
- display: none
- opacity: 0
- background-color: white
- border: 3px solid black
- border-radius: 4px
- :-webkit-border-radius 4px
- :-moz-border-radius 4px
- border-radius: 4px
- :-webkit-box-shadow 0 0 10px rgba(0, 0, 0, 0.2)
- :-webkit-transition opacity 0.25s linear
- :-moz-box-shadow 0 0 10px rgba(0, 0, 0, 0.2)
- :-moz-transition opacity 0.25s linear
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
- transition: opacity 0.25s linear
-
- &.active
- opacity: 1
-
- & > .triangle
- position: absolute
- top: -50px
- float: left
- font-size: 0px
- line-height: 0%
- width: 0px
- border-top: 25px solid rgba(0,0,0,0)
- border-left: 25px solid rgba(0,0,0,0)
- border-right: 25px solid rgba(0,0,0,0)
- border-bottom: 25px solid black
-
- & > .header
- font-weight: bold
- margin: 0
- padding: 3px
- height: 40px
- color: white
- background-color: black
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), color-stop(0.2, rgba(255, 255, 255, 0.4)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(transparent) )
-
- & > .content
- min-width: 200px
- overflow-x: hidden
- overflow-y: auto
+ top: -50px
+ float: left
+ font-size: 0px
+ line-height: 0%
+ width: 0px
+ border-top: 25px solid rgba(0,0,0,0)
+ border-left: 25px solid rgba(0,0,0,0)
+ border-right: 25px solid rgba(0,0,0,0)
+ border-bottom: 25px solid black
+
+ & > .header
+ font-weight: bold
+ margin: 0
+ padding: 3px
+ height: 40px
+ color: white
+ background-color: black
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), color-stop(0.2, rgba(255, 255, 255, 0.4)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(transparent) )
+
+ & > .content
+ min-width: 200px
+ overflow-x: hidden
+ overflow-y: auto
View
@@ -17,34 +17,29 @@
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-moz-transition: opacity 0.25s linear;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
- transition: opacity 0.25s linear;
-}
-.popover.active {
- opacity: 1;
-}
-.popover > .triangle {
- position: absolute;
- top: -50px;
- float: left;
- font-size: 0px;
- line-height: 0%;
- width: 0px;
- border-top: 25px solid rgba(0, 0, 0, 0);
- border-left: 25px solid rgba(0, 0, 0, 0);
- border-right: 25px solid rgba(0, 0, 0, 0);
- border-bottom: 25px solid black;
-}
-.popover > .header {
- font-weight: bold;
- margin: 0;
- padding: 3px;
- height: 40px;
- color: white;
- background-color: black;
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), color-stop(0.2, rgba(255, 255, 255, 0.4)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(transparent));
-}
-.popover > .content {
- min-width: 200px;
- overflow-x: hidden;
- overflow-y: auto;
-}
+ transition: opacity 0.25s linear; }
+ .popover.active {
+ opacity: 1; }
+ .popover > .triangle {
+ position: absolute;
+ top: -50px;
+ float: left;
+ font-size: 0px;
+ line-height: 0%;
+ width: 0px;
+ border-top: 25px solid rgba(0,0,0,0);
+ border-left: 25px solid rgba(0,0,0,0);
+ border-right: 25px solid rgba(0,0,0,0);
+ border-bottom: 25px solid black; }
+ .popover > .header {
+ font-weight: bold;
+ margin: 0;
+ padding: 3px;
+ height: 40px;
+ color: white;
+ background-color: black;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), color-stop(0.2, rgba(255, 255, 255, 0.4)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(transparent) ); }
+ .popover > .content {
+ min-width: 200px;
+ overflow-x: hidden;
+ overflow-y: auto; }

0 comments on commit 13912bf

Please sign in to comment.