diff options
Diffstat (limited to 'assets/sass/shortcodes/notice.scss')
| -rw-r--r-- | assets/sass/shortcodes/notice.scss | 213 |
1 files changed, 108 insertions, 105 deletions
diff --git a/assets/sass/shortcodes/notice.scss b/assets/sass/shortcodes/notice.scss index eb2dff9..b7baf21 100644 --- a/assets/sass/shortcodes/notice.scss +++ b/assets/sass/shortcodes/notice.scss @@ -9,135 +9,138 @@ $color_dark : #343a40 ; $color_white : #fff ;
$color_transparent : transparent ;
+
div.notices {
margin-top: 1rem;
margin-bottom: 1rem;
-}
-
-div.notices > * {
- background: white;
- margin-top: 0px!important;
- margin-bottom: 0px!important;
- box-sizing: border-box;
- box-shadow: inset 4px 0 0 black;
- background-color: lighten(black,90%);
- font-size: smaller;
-}
-div.notices > *:not(ul) {
- /*box-shadow: inset 4px 0 0 black;*/
- /*border-radius: .2rem;*/
- padding: .5rem 1rem .5rem 1rem;
-}
-div.notices > ul {
-
-}
-
-div.notices label{
- font-size: 0.5em;
- position: absolute;
- margin-left: 0em;
- margin-top: -1.8em;
- font-weight: bold;
- font-variant: small-caps;
- letter-spacing: 0.6em;
-}
+ > :not(label) {
+ background: white;
+ margin-top: 0px!important;
+ margin-bottom: 0px!important;
+ box-sizing: border-box;
+ box-shadow: inset 4px 0 0 black;
+ background-color: lighten(black,90%);
+ font-size: smaller;
+ &:not(ul) {
+ /*box-shadow: inset 4px 0 0 black;*/
+ /*border-radius: .2rem;*/
+ padding: .5rem 1rem .5rem 1rem;
+ }
+ }
-div.notices.note {
- p {
- box-shadow: inset 4px 0 0 $color_primary;
- background: transparentize($color_primary, 0.95);
- color: darken($color_primary,20%) !important;
+ ul {}
+ label{
+ font-size: 0.5em;
+ position: absolute;
+ margin-left: 0em;
+ margin-top: -1.8em;
+ font-weight: bold;
+ font-variant: small-caps;
+ letter-spacing: 0.6em;
}
- label{color: $color_primary;}
-}
-div.notices.primary {
- p {
- box-shadow: inset 4px 0 0 $color_primary;
- background: transparentize($color_primary, 0.95);
- color: darken($color_primary,20%) !important;
+ &.note{
+ p {
+ box-shadow: inset 4px 0 0 $color_primary;
+ background: transparentize($color_primary, 0.95);
+ color: darken($color_primary,20%) !important;
+ }
+ label{color: $color_primary;}
+ }
+ &.primary {
+ p {
+ box-shadow: inset 4px 0 0 $color_primary;
+ background: transparentize($color_primary, 0.95);
+ color: darken($color_primary,20%) !important;
+ }
+ label{color: $color_primary;}
}
- label{color: $color_primary;}
-}
-div.notices.secondary {
- p {
- box-shadow: inset 4px 0 0 $color_secondary;
- background: transparentize($color_secondary, 0.95);
- color: darken($color_secondary,20%) !important;
+ &.secondary {
+ p {
+ box-shadow: inset 4px 0 0 $color_secondary;
+ background: transparentize($color_secondary, 0.95);
+ color: darken($color_secondary,20%) !important;
+ }
+ label{color: $color_secondary;}
}
- label{color: $color_secondary;}
-}
-div.notices.success, div.notices.tip {
- p {
- box-shadow: inset 4px 0 0 $color_success;
- background: transparentize($color_success, 0.95);
- color: darken($color_success,20%) !important;
+ &.success, &.tip {
+ p {
+ box-shadow: inset 4px 0 0 $color_success;
+ background: transparentize($color_success, 0.95);
+ color: darken($color_success,20%) !important;
+ }
+ label{color: $color_success;}
}
- label{color: $color_success;}
-}
-div.notices.danger {
- p {
- box-shadow: inset 4px 0 0 $color_danger;
- background: transparentize($color_danger, 0.95);
- color: darken($color_danger,20%) !important;
+ &.danger {
+ p {
+ box-shadow: inset 4px 0 0 $color_danger;
+ background: transparentize($color_danger, 0.95);
+ color: darken($color_danger,20%) !important;
+ }
+ label{color: $color_danger;}
}
- label{color: $color_danger;}
-}
-div.notices.warning {
- >* {
- box-shadow: inset 4px 0 0 $color_warning;
- background: transparentize($color_warning, 0.95);
- color: darken($color_warning,20%) !important;
+ &.warning {
+ >* {
+ box-shadow: inset 4px 0 0 $color_warning;
+ background: transparentize($color_warning, 0.95);
+ color: darken($color_warning,20%) !important;
+ }
+ label{color: $color_warning;}
}
- label{color: $color_warning;}
-}
-div.notices.info {
- p {
- box-shadow: inset 4px 0 0 $color_info;
- background: transparentize($color_info, 0.95);
- color: darken($color_info,20%) !important;
+ &.info {
+ p {
+ box-shadow: inset 4px 0 0 $color_info;
+ background: transparentize($color_info, 0.95);
+ color: darken($color_info,20%) !important;
+ }
+ label{color: $color_info;}
}
- label{color: $color_info;}
-}
-div.notices.light {
- p {
- box-shadow: inset 4px 0 0 $color_light;
- background: transparentize($color_light, 0.95);
- color: darken($color_light,20%) !important;
+ &.light {
+ p {
+ box-shadow: inset 4px 0 0 $color_light;
+ background: transparentize($color_light, 0.95);
+ color: darken($color_light,20%) !important;
+ }
+ label{color: $color_light;}
}
- label{color: $color_light;}
-}
-div.notices.dark {
- p {
- box-shadow: inset 4px 0 0 $color_dark;
- background: transparentize($color_dark, 0.95);
- color: darken($color_dark,20%) !important;
+ &.dark {
+ p {
+ box-shadow: inset 4px 0 0 $color_dark;
+ background: transparentize($color_dark, 0.95);
+ color: darken($color_dark,20%) !important;
+ }
+ label{color: $color_dark;}
}
- label{color: $color_dark;}
-}
-div.notices.white {
- p {
- box-shadow: inset 4px 0 0 $color_white;
- background: transparentize($color_white, 0.95);
- color: whiteen($color_white,20%) !important;
+ &.white {
+ p {
+ box-shadow: inset 4px 0 0 $color_white;
+ background: transparentize($color_white, 0.95);
+ color: whiteen($color_white,20%) !important;
+ }
+ label{color: $color_white;}
}
- label{color: $color_white;}
-}
-div.notices.transparent {
- p {
- box-shadow: inset 4px 0 0 $color_transparent;
- background: transparentize($color_transparent, 0.95);
- color: transparenten($color_transparent,20%) !important;
+ &.transparent {
+ p {
+ box-shadow: inset 4px 0 0 $color_transparent;
+ background: transparentize($color_transparent, 0.95);
+ color: transparenten($color_transparent,20%) !important;
+ }
+ label{color: $color_transparent;}
}
- label{color: $color_transparent;}
}
+
+
+
+
+
+
\ No newline at end of file |