app/assets/stylesheets/foundation/modules/module.scss in ama_css-0.0.3 vs app/assets/stylesheets/foundation/modules/module.scss in ama_css-0.0.4

- old
+ new

@@ -23,30 +23,59 @@ @include boxRadius(big); padding: $base-padding / 2; } .widget{ @extend .box; + &.outline{ + border: $color-border $base-border-thickness solid; + padding:0; + overflow:hidden; + h4{ + margin-top:0; + -webkit-border-radius: 0 0 $box-radius-big 0; + -moz-border-radius: 0 0 $box-radius-big 0; + border-radius: 0 0 $box-radius-big 0; + padding:$base-padding/2; + color:$color-white; + background-color:$color-primary; + width:20em; + margin-bottom:0; + } + } + &.filled{ + background-color: lighten($color-primary,70); + } + &.centered{ + margin:auto; + float:none; + border:$border; + padding:$base-padding; + h1{ + font-size:1.4em; + font-size:1.4rem; + } + h2{ + font-size:1.2em; + font-size:1.2rem; + } + } } -.widget.outline{ + +.panel{ + @extend .widget; + @extend .grid-full; + @extend .collapse; + position:relative; border: $border; - padding:0; - overflow:hidden; - h4{ - margin-top:0; - -webkit-border-radius: 0 0 $box-radius-big 0; - -moz-border-radius: 0 0 $box-radius-big 0; - border-radius: 0 0 $box-radius-big 0; - padding:$base-padding/2; - color:$color-white; - background-color:$color-primary; - width:20em; - margin-bottom:0; + padding:$base-padding; + margin: $base-margin auto; + .item{ + &:nth-child(2){ + background: $color-superlight; + } } } -.widget.filled{ - background-color: lighten($color-primary,70); -} .login.front{ display:block; background-color: $color-primary; color: $color-white; @@ -386,6 +415,14 @@ } } .app-logged-in { font-size: .75em; line-height: 0; +} + +.link-back{ + @extend .align-right; +} + +.actions-top{ + @extend .align-right; } \ No newline at end of file