From d6e6198664960802af6d7f914af3dead3f92c983 Mon Sep 17 00:00:00 2001 From: nzbin Date: Sat, 20 Feb 2021 19:46:03 +0800 Subject: [PATCH] chore: small fix theme and docs --- dist/snack-themes.css | 2 +- dist/snack-themes.css.map | 2 +- dist/snack-themes.min.css | 2 +- dist/snack-themes.min.css.map | 2 +- docs/css/docs.css | 7 +++---- docs/css/snack-themes.css | 2 +- docs/sass/docs.scss | 7 +++---- src/themes/_theme-dark.scss | 3 +-- 8 files changed, 12 insertions(+), 15 deletions(-) diff --git a/dist/snack-themes.css b/dist/snack-themes.css index 8138e07..dd0660b 100644 --- a/dist/snack-themes.css +++ b/dist/snack-themes.css @@ -83,7 +83,7 @@ } .theme-dark .boxes { - border: 2px solid rgba(255, 255, 255, 0.12); + border-color: rgba(255, 255, 255, 0.12); } .theme-dark .boxes > .box.box-header { diff --git a/dist/snack-themes.css.map b/dist/snack-themes.css.map index 9230699..1837194 100644 --- a/dist/snack-themes.css.map +++ b/dist/snack-themes.css.map @@ -1 +1 @@ -{"version":3,"sources":["","snack-themes.css"],"names":[],"mappings":";AAAA;;;;;;;GAAA;;ACAA;EACE,yBAAyB;EACzB,cAAc;AAChB;;AAEA;EACE,yBAAyB;EACzB,cAAc;AAChB;;AAEA;;;;;;EAME,WAAW;AACb;;AAEA;;;;;;EAME,qBAAqB;AACvB;;AAEA;;EAEE,yBAAyB;AAC3B;;AAEA;EACE,qBAAqB;AACvB;;AAEA;;;;;;EAME,qBAAqB;AACvB;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,qBAAqB;EACrB,yBAAyB;EACzB,WAAW;AACb;;AAEA;EACE,yBAAyB;EACzB,qBAAqB;AACvB;;AAEA;EACE,uCAAuC;EACvC,yBAAyB;AAC3B;;AAEA;EACE,2CAA2C;AAC7C;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,uCAAuC;AACzC;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,6BAA6B;AAC/B","file":"snack-themes.css","sourcesContent":[null,".theme-dark {\n background-color: #212121;\n color: #7f7f7f;\n}\n\n.theme-dark body {\n background-color: #212121;\n color: #7f7f7f;\n}\n\n.theme-dark h1,\n.theme-dark h2,\n.theme-dark h3,\n.theme-dark h4,\n.theme-dark h5,\n.theme-dark h6 {\n color: #fff;\n}\n\n.theme-dark .table > thead > tr > th,\n.theme-dark .table > thead > tr > td,\n.theme-dark .table > tbody > tr > th,\n.theme-dark .table > tbody > tr > td,\n.theme-dark .table > tfoot > tr > th,\n.theme-dark .table > tfoot > tr > td {\n border-color: #2d2d2d;\n}\n\n.theme-dark .table > thead,\n.theme-dark .table > tfoot {\n background-color: #242424;\n}\n\n.theme-dark .table.bordered {\n border-color: #2d2d2d;\n}\n\n.theme-dark .table.bordered > thead > tr > th,\n.theme-dark .table.bordered > thead > tr > td,\n.theme-dark .table.bordered > tbody > tr > th,\n.theme-dark .table.bordered > tbody > tr > td,\n.theme-dark .table.bordered > tfoot > tr > th,\n.theme-dark .table.bordered > tfoot > tr > td {\n border-color: #2d2d2d;\n}\n\n.theme-dark .table.striped > tbody > tr:nth-of-type(2n+2) {\n background-color: #242424;\n}\n\n.theme-dark .table.hover > tbody > tr:hover {\n background-color: #242424;\n}\n\n.theme-dark .btn.inverted {\n color: #fff;\n}\n\n.theme-dark .form-control {\n border-color: #404040;\n background-color: #353535;\n color: #fff;\n}\n\n.theme-dark .form-control:focus {\n background-color: #282828;\n border-color: #333333;\n}\n\n.theme-dark .box {\n border-color: rgba(255, 255, 255, 0.12);\n background-color: #1a1a1a;\n}\n\n.theme-dark .boxes {\n border: 2px solid rgba(255, 255, 255, 0.12);\n}\n\n.theme-dark .boxes > .box.box-header {\n background-color: #242424;\n}\n\n.theme-dark .boxes > .box.box-footer {\n background-color: #242424;\n}\n\n.theme-dark .boxes.default {\n border-color: rgba(255, 255, 255, 0.12);\n}\n\n.theme-dark .boxes.inverted {\n border-color: #fff;\n}\n\n.theme-dark .boxes.secondary {\n border-width: 0;\n}\n\n.theme-dark .boxes.secondary > .box.box-header {\n background-color: transparent;\n}\n\n.theme-dark .boxes.secondary > .box.box-footer {\n background-color: transparent;\n}\n"]} \ No newline at end of file +{"version":3,"sources":["","snack-themes.css"],"names":[],"mappings":";AAAA;;;;;;;GAAA;;ACAA;EACE,yBAAyB;EACzB,cAAc;AAChB;;AAEA;EACE,yBAAyB;EACzB,cAAc;AAChB;;AAEA;;;;;;EAME,WAAW;AACb;;AAEA;;;;;;EAME,qBAAqB;AACvB;;AAEA;;EAEE,yBAAyB;AAC3B;;AAEA;EACE,qBAAqB;AACvB;;AAEA;;;;;;EAME,qBAAqB;AACvB;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,qBAAqB;EACrB,yBAAyB;EACzB,WAAW;AACb;;AAEA;EACE,yBAAyB;EACzB,qBAAqB;AACvB;;AAEA;EACE,uCAAuC;EACvC,yBAAyB;AAC3B;;AAEA;EACE,uCAAuC;AACzC;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,uCAAuC;AACzC;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,6BAA6B;AAC/B","file":"snack-themes.css","sourcesContent":[null,".theme-dark {\n background-color: #212121;\n color: #7f7f7f;\n}\n\n.theme-dark body {\n background-color: #212121;\n color: #7f7f7f;\n}\n\n.theme-dark h1,\n.theme-dark h2,\n.theme-dark h3,\n.theme-dark h4,\n.theme-dark h5,\n.theme-dark h6 {\n color: #fff;\n}\n\n.theme-dark .table > thead > tr > th,\n.theme-dark .table > thead > tr > td,\n.theme-dark .table > tbody > tr > th,\n.theme-dark .table > tbody > tr > td,\n.theme-dark .table > tfoot > tr > th,\n.theme-dark .table > tfoot > tr > td {\n border-color: #2d2d2d;\n}\n\n.theme-dark .table > thead,\n.theme-dark .table > tfoot {\n background-color: #242424;\n}\n\n.theme-dark .table.bordered {\n border-color: #2d2d2d;\n}\n\n.theme-dark .table.bordered > thead > tr > th,\n.theme-dark .table.bordered > thead > tr > td,\n.theme-dark .table.bordered > tbody > tr > th,\n.theme-dark .table.bordered > tbody > tr > td,\n.theme-dark .table.bordered > tfoot > tr > th,\n.theme-dark .table.bordered > tfoot > tr > td {\n border-color: #2d2d2d;\n}\n\n.theme-dark .table.striped > tbody > tr:nth-of-type(2n+2) {\n background-color: #242424;\n}\n\n.theme-dark .table.hover > tbody > tr:hover {\n background-color: #242424;\n}\n\n.theme-dark .btn.inverted {\n color: #fff;\n}\n\n.theme-dark .form-control {\n border-color: #404040;\n background-color: #353535;\n color: #fff;\n}\n\n.theme-dark .form-control:focus {\n background-color: #282828;\n border-color: #333333;\n}\n\n.theme-dark .box {\n border-color: rgba(255, 255, 255, 0.12);\n background-color: #1a1a1a;\n}\n\n.theme-dark .boxes {\n border-color: rgba(255, 255, 255, 0.12);\n}\n\n.theme-dark .boxes > .box.box-header {\n background-color: #242424;\n}\n\n.theme-dark .boxes > .box.box-footer {\n background-color: #242424;\n}\n\n.theme-dark .boxes.default {\n border-color: rgba(255, 255, 255, 0.12);\n}\n\n.theme-dark .boxes.inverted {\n border-color: #fff;\n}\n\n.theme-dark .boxes.secondary {\n border-width: 0;\n}\n\n.theme-dark .boxes.secondary > .box.box-header {\n background-color: transparent;\n}\n\n.theme-dark .boxes.secondary > .box.box-footer {\n background-color: transparent;\n}\n"]} \ No newline at end of file diff --git a/dist/snack-themes.min.css b/dist/snack-themes.min.css index 6db9c9b..db54a1a 100644 --- a/dist/snack-themes.min.css +++ b/dist/snack-themes.min.css @@ -6,6 +6,6 @@ * * Copyright (c) 2017 nzbin * Released under MIT License - */.theme-dark{background-color:#212121;color:#7f7f7f}.theme-dark body{background-color:#212121;color:#7f7f7f}.theme-dark h1,.theme-dark h2,.theme-dark h3,.theme-dark h4,.theme-dark h5,.theme-dark h6{color:#fff}.theme-dark .table>thead>tr>th,.theme-dark .table>thead>tr>td,.theme-dark .table>tbody>tr>th,.theme-dark .table>tbody>tr>td,.theme-dark .table>tfoot>tr>th,.theme-dark .table>tfoot>tr>td{border-color:#2d2d2d}.theme-dark .table>thead,.theme-dark .table>tfoot{background-color:#242424}.theme-dark .table.bordered{border-color:#2d2d2d}.theme-dark .table.bordered>thead>tr>th,.theme-dark .table.bordered>thead>tr>td,.theme-dark .table.bordered>tbody>tr>th,.theme-dark .table.bordered>tbody>tr>td,.theme-dark .table.bordered>tfoot>tr>th,.theme-dark .table.bordered>tfoot>tr>td{border-color:#2d2d2d}.theme-dark .table.striped>tbody>tr:nth-of-type(2n+2){background-color:#242424}.theme-dark .table.hover>tbody>tr:hover{background-color:#242424}.theme-dark .btn.inverted{color:#fff}.theme-dark .form-control{border-color:#404040;background-color:#353535;color:#fff}.theme-dark .form-control:focus{background-color:#282828;border-color:#333}.theme-dark .box{border-color:rgba(255,255,255,0.12);background-color:#1a1a1a}.theme-dark .boxes{border:2px solid rgba(255,255,255,0.12)}.theme-dark .boxes>.box.box-header{background-color:#242424}.theme-dark .boxes>.box.box-footer{background-color:#242424}.theme-dark .boxes.default{border-color:rgba(255,255,255,0.12)}.theme-dark .boxes.inverted{border-color:#fff}.theme-dark .boxes.secondary{border-width:0}.theme-dark .boxes.secondary>.box.box-header{background-color:transparent}.theme-dark .boxes.secondary>.box.box-footer{background-color:transparent} + */.theme-dark{background-color:#212121;color:#7f7f7f}.theme-dark body{background-color:#212121;color:#7f7f7f}.theme-dark h1,.theme-dark h2,.theme-dark h3,.theme-dark h4,.theme-dark h5,.theme-dark h6{color:#fff}.theme-dark .table>thead>tr>th,.theme-dark .table>thead>tr>td,.theme-dark .table>tbody>tr>th,.theme-dark .table>tbody>tr>td,.theme-dark .table>tfoot>tr>th,.theme-dark .table>tfoot>tr>td{border-color:#2d2d2d}.theme-dark .table>thead,.theme-dark .table>tfoot{background-color:#242424}.theme-dark .table.bordered{border-color:#2d2d2d}.theme-dark .table.bordered>thead>tr>th,.theme-dark .table.bordered>thead>tr>td,.theme-dark .table.bordered>tbody>tr>th,.theme-dark .table.bordered>tbody>tr>td,.theme-dark .table.bordered>tfoot>tr>th,.theme-dark .table.bordered>tfoot>tr>td{border-color:#2d2d2d}.theme-dark .table.striped>tbody>tr:nth-of-type(2n+2){background-color:#242424}.theme-dark .table.hover>tbody>tr:hover{background-color:#242424}.theme-dark .btn.inverted{color:#fff}.theme-dark .form-control{border-color:#404040;background-color:#353535;color:#fff}.theme-dark .form-control:focus{background-color:#282828;border-color:#333}.theme-dark .box{border-color:rgba(255,255,255,0.12);background-color:#1a1a1a}.theme-dark .boxes{border-color:rgba(255,255,255,0.12)}.theme-dark .boxes>.box.box-header{background-color:#242424}.theme-dark .boxes>.box.box-footer{background-color:#242424}.theme-dark .boxes.default{border-color:rgba(255,255,255,0.12)}.theme-dark .boxes.inverted{border-color:#fff}.theme-dark .boxes.secondary{border-width:0}.theme-dark .boxes.secondary>.box.box-header{background-color:transparent}.theme-dark .boxes.secondary>.box.box-footer{background-color:transparent} /*# sourceMappingURL=snack-themes.min.css.map */ \ No newline at end of file diff --git a/dist/snack-themes.min.css.map b/dist/snack-themes.min.css.map index 3fa54e4..913d405 100644 --- a/dist/snack-themes.min.css.map +++ b/dist/snack-themes.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["","snack-themes.min.css"],"names":[],"mappings":";AAAA;;;;;;;GAAA,ACAA,YAAY,wBAAwB,CAAC,aAAa,CAAC,iBAAiB,wBAAwB,CAAC,aAAa,CAAC,0FAA0F,UAAU,CAAC,0LAA0L,oBAAoB,CAAC,kDAAkD,wBAAwB,CAAC,4BAA4B,oBAAoB,CAAC,gPAAgP,oBAAoB,CAAC,sDAAsD,wBAAwB,CAAC,wCAAwC,wBAAwB,CAAC,0BAA0B,UAAU,CAAC,0BAA0B,oBAAoB,CAAC,wBAAwB,CAAC,UAAU,CAAC,gCAAgC,wBAAwB,CAAC,iBAAiB,CAAC,iBAAiB,mCAAmC,CAAC,wBAAwB,CAAC,mBAAmB,uCAAuC,CAAC,mCAAmC,wBAAwB,CAAC,mCAAmC,wBAAwB,CAAC,2BAA2B,mCAAmC,CAAC,4BAA4B,iBAAiB,CAAC,6BAA6B,cAAc,CAAC,6CAA6C,4BAA4B,CAAC,6CAA6C,4BAA4B","file":"snack-themes.min.css","sourcesContent":[null,".theme-dark{background-color:#212121;color:#7f7f7f}.theme-dark body{background-color:#212121;color:#7f7f7f}.theme-dark h1,.theme-dark h2,.theme-dark h3,.theme-dark h4,.theme-dark h5,.theme-dark h6{color:#fff}.theme-dark .table>thead>tr>th,.theme-dark .table>thead>tr>td,.theme-dark .table>tbody>tr>th,.theme-dark .table>tbody>tr>td,.theme-dark .table>tfoot>tr>th,.theme-dark .table>tfoot>tr>td{border-color:#2d2d2d}.theme-dark .table>thead,.theme-dark .table>tfoot{background-color:#242424}.theme-dark .table.bordered{border-color:#2d2d2d}.theme-dark .table.bordered>thead>tr>th,.theme-dark .table.bordered>thead>tr>td,.theme-dark .table.bordered>tbody>tr>th,.theme-dark .table.bordered>tbody>tr>td,.theme-dark .table.bordered>tfoot>tr>th,.theme-dark .table.bordered>tfoot>tr>td{border-color:#2d2d2d}.theme-dark .table.striped>tbody>tr:nth-of-type(2n+2){background-color:#242424}.theme-dark .table.hover>tbody>tr:hover{background-color:#242424}.theme-dark .btn.inverted{color:#fff}.theme-dark .form-control{border-color:#404040;background-color:#353535;color:#fff}.theme-dark .form-control:focus{background-color:#282828;border-color:#333}.theme-dark .box{border-color:rgba(255,255,255,0.12);background-color:#1a1a1a}.theme-dark .boxes{border:2px solid rgba(255,255,255,0.12)}.theme-dark .boxes>.box.box-header{background-color:#242424}.theme-dark .boxes>.box.box-footer{background-color:#242424}.theme-dark .boxes.default{border-color:rgba(255,255,255,0.12)}.theme-dark .boxes.inverted{border-color:#fff}.theme-dark .boxes.secondary{border-width:0}.theme-dark .boxes.secondary>.box.box-header{background-color:transparent}.theme-dark .boxes.secondary>.box.box-footer{background-color:transparent}\n"]} \ No newline at end of file +{"version":3,"sources":["","snack-themes.min.css"],"names":[],"mappings":";AAAA;;;;;;;GAAA,ACAA,YAAY,wBAAwB,CAAC,aAAa,CAAC,iBAAiB,wBAAwB,CAAC,aAAa,CAAC,0FAA0F,UAAU,CAAC,0LAA0L,oBAAoB,CAAC,kDAAkD,wBAAwB,CAAC,4BAA4B,oBAAoB,CAAC,gPAAgP,oBAAoB,CAAC,sDAAsD,wBAAwB,CAAC,wCAAwC,wBAAwB,CAAC,0BAA0B,UAAU,CAAC,0BAA0B,oBAAoB,CAAC,wBAAwB,CAAC,UAAU,CAAC,gCAAgC,wBAAwB,CAAC,iBAAiB,CAAC,iBAAiB,mCAAmC,CAAC,wBAAwB,CAAC,mBAAmB,mCAAmC,CAAC,mCAAmC,wBAAwB,CAAC,mCAAmC,wBAAwB,CAAC,2BAA2B,mCAAmC,CAAC,4BAA4B,iBAAiB,CAAC,6BAA6B,cAAc,CAAC,6CAA6C,4BAA4B,CAAC,6CAA6C,4BAA4B","file":"snack-themes.min.css","sourcesContent":[null,".theme-dark{background-color:#212121;color:#7f7f7f}.theme-dark body{background-color:#212121;color:#7f7f7f}.theme-dark h1,.theme-dark h2,.theme-dark h3,.theme-dark h4,.theme-dark h5,.theme-dark h6{color:#fff}.theme-dark .table>thead>tr>th,.theme-dark .table>thead>tr>td,.theme-dark .table>tbody>tr>th,.theme-dark .table>tbody>tr>td,.theme-dark .table>tfoot>tr>th,.theme-dark .table>tfoot>tr>td{border-color:#2d2d2d}.theme-dark .table>thead,.theme-dark .table>tfoot{background-color:#242424}.theme-dark .table.bordered{border-color:#2d2d2d}.theme-dark .table.bordered>thead>tr>th,.theme-dark .table.bordered>thead>tr>td,.theme-dark .table.bordered>tbody>tr>th,.theme-dark .table.bordered>tbody>tr>td,.theme-dark .table.bordered>tfoot>tr>th,.theme-dark .table.bordered>tfoot>tr>td{border-color:#2d2d2d}.theme-dark .table.striped>tbody>tr:nth-of-type(2n+2){background-color:#242424}.theme-dark .table.hover>tbody>tr:hover{background-color:#242424}.theme-dark .btn.inverted{color:#fff}.theme-dark .form-control{border-color:#404040;background-color:#353535;color:#fff}.theme-dark .form-control:focus{background-color:#282828;border-color:#333}.theme-dark .box{border-color:rgba(255,255,255,0.12);background-color:#1a1a1a}.theme-dark .boxes{border-color:rgba(255,255,255,0.12)}.theme-dark .boxes>.box.box-header{background-color:#242424}.theme-dark .boxes>.box.box-footer{background-color:#242424}.theme-dark .boxes.default{border-color:rgba(255,255,255,0.12)}.theme-dark .boxes.inverted{border-color:#fff}.theme-dark .boxes.secondary{border-width:0}.theme-dark .boxes.secondary>.box.box-header{background-color:transparent}.theme-dark .boxes.secondary>.box.box-footer{background-color:transparent}\n"]} \ No newline at end of file diff --git a/docs/css/docs.css b/docs/css/docs.css index ece2924..77b48df 100644 --- a/docs/css/docs.css +++ b/docs/css/docs.css @@ -84,7 +84,6 @@ footer { .sidebar > ul { position: sticky; - position: -webkit-sticky; top: 32px; list-style: none; padding: 0; @@ -115,10 +114,10 @@ footer { } .content > section { - padding: 15px; - margin: 15px 0; + padding: 16px; + margin: 16px 0; background-color: #fff; - border-radius: 5px; + border-radius: 16px; box-shadow: 0 5px 10px -7px rgba(87, 53, 117, 0.13), 0 10px 30px -6px rgba(0, 60, 170, 0.1); } diff --git a/docs/css/snack-themes.css b/docs/css/snack-themes.css index 8138e07..dd0660b 100644 --- a/docs/css/snack-themes.css +++ b/docs/css/snack-themes.css @@ -83,7 +83,7 @@ } .theme-dark .boxes { - border: 2px solid rgba(255, 255, 255, 0.12); + border-color: rgba(255, 255, 255, 0.12); } .theme-dark .boxes > .box.box-header { diff --git a/docs/sass/docs.scss b/docs/sass/docs.scss index cba02e9..58e7b92 100644 --- a/docs/sass/docs.scss +++ b/docs/sass/docs.scss @@ -95,7 +95,6 @@ $logo-line-height: 4px; > ul { position: sticky; - position: -webkit-sticky; top: 32px; list-style: none; padding: 0; @@ -130,10 +129,10 @@ $logo-line-height: 4px; .content { > section { - padding: 15px; - margin: 15px 0; + padding: 16px; + margin: 16px 0; background-color: #fff; - border-radius: 5px; + border-radius: 16px; box-shadow: 0 5px 10px -7px rgba(87, 53, 117, .13), 0 10px 30px -6px rgba(0, 60, 170, .1); > h2 { diff --git a/src/themes/_theme-dark.scss b/src/themes/_theme-dark.scss index 1b8904e..ff068b2 100644 --- a/src/themes/_theme-dark.scss +++ b/src/themes/_theme-dark.scss @@ -23,7 +23,6 @@ $input-border-color: #404040; $input-border-color-focus: darken($input-border-color, 5%); $input-text-color: #fff; // boxes -$boxes-border-width: 2px; $box-bg-color: #1a1a1a; $box-border-color: rgba(255, 255, 255, .12); $box-heading-bg-color: #242424; @@ -117,7 +116,7 @@ $box-footer-bg-color: #242424; } .boxes { - border: $boxes-border-width solid $box-border-color; + border-color: $box-border-color; > .box { &.box-header {