honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(aio): callout, code ex header styles 

lighten up code ex background
This commit is contained in:
Stefanie Fluin 2017-04-14 10:54:48 -07:00 committed by Pete Bacon Darwin
parent 624b5a5f83
commit a2bdcc9ba8
3 changed files with 51 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
aio/src/styles/2-modules/_callout.scss Normal file
View File

@ -0,0 +1,47 @@
.callout {
@extend .alert;
padding: 0px;
border-left: none !important;
border-radius: 4px;
header {
color: $white;
line-height: 24px;
font-weight: 500;
text-transform: uppercase;
border-radius: 4px 4px 0 0;
}
p {
padding: 16px;
margin: 0px;
font-size: 14px;
}
&.is-critical {
border-color: $brightred;
background: rgba($brightred, 0.05);
header {
background: $brightred;
}
}
&.is-important {
border-color: $orange;
background: rgba($orange, 0.05);
header {
background: $amber-700;
}
}
&.is-helpful {
border-color: $blue;
background: rgba($blue, 0.05);
header {
background: $blue;
}
}
}

5
aio/src/styles/2-modules/_code.scss
View File

@ -1,6 +1,6 @@
code-example,
code-tabs md-tab-body {
background-color: $backgroundgray;
background-color: rgba($backgroundgray, 0.2);
border: 0.5px solid $lightgray;
border-radius: 5px;
color: $darkgray;
@ -20,8 +20,7 @@ code-example.code-shell, code-example[language=sh], code-example[language=bash]
}
code-example header {
background-color: $mediumgray;
border: 0.5px solid $mediumgray;
background-color: $accentblue;
border-radius: 5px 5px 0 0;
color: $offwhite;
font-size: 16px;

1
aio/src/styles/2-modules/_modules-dir.scss
View File

@ -21,3 +21,4 @@
@import 'hr';
@import 'live-example';
@import 'scrollbar';
@import 'callout';