From 2782fdca8987ea3416ac844051468e536dc1df33 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Fri, 19 May 2017 09:38:19 -0400 Subject: [PATCH] (add alert and list styles) --- resources/assets/less/alerts.less | 16 ++++++++++++++++ resources/assets/less/app.less | 2 ++ resources/assets/less/lists.less | 21 +++++++++++++++++++++ 3 files changed, 39 insertions(+) create mode 100644 resources/assets/less/alerts.less create mode 100644 resources/assets/less/lists.less diff --git a/resources/assets/less/alerts.less b/resources/assets/less/alerts.less new file mode 100644 index 0000000..aaf8fc3 --- /dev/null +++ b/resources/assets/less/alerts.less @@ -0,0 +1,16 @@ +@alert-x-padding: @spacer-5; +@alert-y-padding: @spacer-4; +@alert-border-radius: @border-radius; + +.alert { + padding: @alert-y-padding @alert-x-padding; + background-color: #fff; + border-width: 1px; + border-style: solid; + border-radius: @alert-border-radius; +} + +.alert-danger { + background-color: hsl(hue(@color-danger), 100%, 99%); + border-color: @color-danger; +} diff --git a/resources/assets/less/app.less b/resources/assets/less/app.less index efcb3bb..e902c11 100644 --- a/resources/assets/less/app.less +++ b/resources/assets/less/app.less @@ -15,6 +15,8 @@ @import "subnav"; @import "card"; @import "icons"; +@import "alerts"; +@import "lists"; // Misc @import "vue"; diff --git a/resources/assets/less/lists.less b/resources/assets/less/lists.less new file mode 100644 index 0000000..f1a4284 --- /dev/null +++ b/resources/assets/less/lists.less @@ -0,0 +1,21 @@ +.bullet-list { + list-style-type: disc; + padding-left: 2.5rem; + > li { + margin-bottom: @spacer-2; + &:last-child { + margin-bottom: 0; + } + } +} + +.numbered-list { + list-style-type: decimal; + padding-left: 2rem; + > li { + margin-bottom: @spacer-2; + &:last-child { + margin-bottom: 0; + } + } +}