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