← Back to branch summary

~maas-committers/maas/trunk

« back to all changes in this revision

Viewing changes to src/maasserver/static/scss/_patterns.action-card.scss

Adding all assets and new theme files

Show diffs side-by-side

added added

removed removed

Lines of Context:
src/maasserver/static/scss/_patterns.action-card.scss
 
1
////
 
2
/// @author       Web Team at Canonical Ltd
 
3
/// @link         http://ubuntudesign.github.io/maas-gui-vanilla-theme/docs/#mixin-maas-action-card
 
4
/// @since        0.0.1
 
5
////
 
6
 
 
7
/// MAAS Action card styling
 
8
/// @group maas action card
 
9
@mixin maas-action-card {
 
10
  .action-card {
 
11
    background: $white;
 
12
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
 
13
    margin-bottom: 40px;
 
14
    padding: 20px 20px 10px;
 
15
    box-sizing: border-box;
 
16
    width: 100%;
 
17
    display: inline-block;
 
18
    clear: both;
 
19
 
 
20
    .action-card__title {
 
21
      font-size: $h2;
 
22
      margin-bottom: 20px;
 
23
    }
 
24
 
 
25
    .action-card__controls {
 
26
      border-top: 1px dotted $warm-grey;
 
27
      width: 100%;
 
28
      display: inline-block;
 
29
      margin: 10px 0 0;
 
30
      padding: 10px 0 0;
 
31
      box-sizing: border-box;
 
32
    }
 
33
  }
 
34
}