mirrors/OverlayScrollbars
2
0
Fork 0
mirror of https://github.com/tenrok/OverlayScrollbars.git synced 2026-06-21 11:30:36 +03:00
Code Issues Packages Projects Releases Wiki Activity

docs v1 fix icons

Browse Source
This commit is contained in:
Rene Haas
2022-10-14 13:45:27 +02:00
parent 8f18d87d00
commit d81692b53b
3 changed files with 117 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/styles.min.css
Vendored
+75 -75
View File
@@ -427,8 +427,8 @@ template {
/* MaterialDesignIcons.com */ /* MaterialDesignIcons.com */
@font-face { @font-face {
font-family: "Material Design Icons"; font-family: "Material Design Icons";
src: url("../_framework/fonts//materialdesignicons-webfont.eot?v=4.0.96"); src: url("./_framework/fonts//materialdesignicons-webfont.eot?v=4.0.96");
src: url("../_framework/fonts//materialdesignicons-webfont.eot?#iefix&v=4.0.96") format("embedded-opentype"), url("../_framework/fonts//materialdesignicons-webfont.woff2?v=4.0.96") format("woff2"), url("../_framework/fonts//materialdesignicons-webfont.woff?v=4.0.96") format("woff"), url("../_framework/fonts//materialdesignicons-webfont.ttf?v=4.0.96") format("truetype"); src: url("./_framework/fonts//materialdesignicons-webfont.eot?#iefix&v=4.0.96") format("embedded-opentype"), url("./_framework/fonts//materialdesignicons-webfont.woff2?v=4.0.96") format("woff2"), url("./_framework/fonts//materialdesignicons-webfont.woff?v=4.0.96") format("woff"), url("./_framework/fonts//materialdesignicons-webfont.ttf?v=4.0.96") format("truetype");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: block; font-display: block;
@@ -17131,7 +17131,7 @@ body.os-host > .os-padding > .os-viewport > .os-content-arrange,
b { b {
font-weight: 600; font-weight: 600;
color: #39547A; color: #39547a;
} }
pre { pre {
@@ -17212,7 +17212,7 @@ code * {
code { code {
border-radius: 4px !important; border-radius: 4px !important;
border: 1px solid #DDE3ED; border: 1px solid #dde3ed;
margin: 2px; margin: 2px;
} }
@@ -17360,15 +17360,15 @@ code.expandable > .expandable-button:hover {
} }
.txtc-dark { .txtc-dark {
color: #39547A !important; color: #39547a !important;
} }
.txtc-gray { .txtc-gray {
color: #425E88 !important; color: #425e88 !important;
} }
.txtc-light { .txtc-light {
color: #868FB2 !important; color: #868fb2 !important;
} }
.txtc-red, .txtc-red,
@@ -17432,7 +17432,7 @@ code.expandable > .expandable-button:hover {
.txtbox { .txtbox {
padding: 14px; padding: 14px;
border: 1px solid #DDE3ED; border: 1px solid #dde3ed;
border-radius: 4px; border-radius: 4px;
margin: 15px 0; margin: 15px 0;
position: relative; position: relative;
@@ -17914,7 +17914,7 @@ body:not(.ready) *:after {
} }
#navigation-content-navigation option { #navigation-content-navigation option {
color: #39547A; color: #39547a;
background: #fff; background: #fff;
text-shadow: none; text-shadow: none;
height: 26px; height: 26px;
@@ -17922,7 +17922,7 @@ body:not(.ready) *:after {
} }
#navigation-content-navigation optgroup { #navigation-content-navigation optgroup {
color: #39547A; color: #39547a;
background: #F3F3F3; background: #F3F3F3;
} }
@@ -18141,7 +18141,7 @@ a.navigation-menu-item:after {
} }
.content-message-title { .content-message-title {
color: #39547A; color: #39547a;
font-size: 26pt; font-size: 26pt;
letter-spacing: 0.5pt; letter-spacing: 0.5pt;
position: relative; position: relative;
@@ -18149,7 +18149,7 @@ a.navigation-menu-item:after {
} }
.content-message-content { .content-message-content {
color: #425E88; color: #425e88;
font-size: 10.5pt; font-size: 10.5pt;
font-weight: 400; font-weight: 400;
line-height: 26px; line-height: 26px;
@@ -18161,7 +18161,7 @@ a.navigation-menu-item:after {
.content-message-content b { .content-message-content b {
font-weight: 600; font-weight: 600;
color: #39547A; color: #39547a;
} }
.inline-btn { .inline-btn {
@@ -18254,7 +18254,7 @@ a.navigation-menu-item:after {
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
float: left; float: left;
color: #39547A; color: #39547a;
font-weight: 600; font-weight: 600;
font-size: 15pt; font-size: 15pt;
position: relative; position: relative;
@@ -18391,14 +18391,14 @@ a.navigation-menu-item:after {
} }
.content-navigation-item-caption { .content-navigation-item-caption {
color: #39547A; color: #39547a;
font-size: 12pt; font-size: 12pt;
margin: 10px 0px; margin: 10px 0px;
font-weight: 600; font-weight: 600;
} }
.content-navigation-item-info { .content-navigation-item-info {
color: #868FB2; color: #868fb2;
font-size: 10pt; font-size: 10pt;
margin-left: 15px; margin-left: 15px;
line-height: 16pt; line-height: 16pt;
@@ -18409,7 +18409,7 @@ a.navigation-menu-item:after {
} }
.content-navigation-item-clickable { .content-navigation-item-clickable {
color: #425E88; color: #425e88;
font-size: 10.5pt; font-size: 10.5pt;
cursor: pointer; cursor: pointer;
margin-left: 30px; margin-left: 30px;
@@ -18507,12 +18507,12 @@ a.navigation-menu-item:after {
padding: 20px 30px; padding: 20px 30px;
font-size: 10.5pt; font-size: 10.5pt;
line-height: 18pt; line-height: 18pt;
color: #425E88; color: #425e88;
padding-bottom: 60px; padding-bottom: 60px;
} }
.content-navigation-main-caption { .content-navigation-main-caption {
color: #39547A; color: #39547a;
font-weight: 600; font-weight: 600;
font-size: 18pt; font-size: 18pt;
margin: 16px 0px 26px 0px; margin: 16px 0px 26px 0px;
@@ -18524,14 +18524,14 @@ a.navigation-menu-item:after {
display: block; display: block;
width: 100%; width: 100%;
height: 1px; height: 1px;
border-bottom: 1px dotted #A9B8D3; border-bottom: 1px dotted #a9b8d3;
position: absolute; position: absolute;
bottom: -14px; bottom: -14px;
} }
.content-navigation-sub-caption, .content-navigation-sub-caption,
h6 { h6 {
color: #39547A; color: #39547a;
font-weight: 600; font-weight: 600;
font-size: 12pt; font-size: 12pt;
margin: 35px 0px 16px 0px; margin: 35px 0px 16px 0px;
@@ -18820,7 +18820,7 @@ h6 {
#four-zero-four > div p { #four-zero-four > div p {
margin: 0; margin: 0;
font-size: 20pt; font-size: 20pt;
color: #425E88; color: #425e88;
} }
#four-zero-four > div p > span { #four-zero-four > div p > span {
@@ -18849,7 +18849,7 @@ h6 {
.tab-button-bar { .tab-button-bar {
display: block; display: block;
width: 100%; width: 100%;
border-bottom: 1px solid #DDE3ED; border-bottom: 1px solid #dde3ed;
margin: 20px 0px; margin: 20px 0px;
} }
@@ -18880,7 +18880,7 @@ h6 {
display: block; display: block;
font-weight: 600; font-weight: 600;
cursor: pointer; cursor: pointer;
color: #425E88; color: #425e88;
text-align: center; text-align: center;
outline: none !important; outline: none !important;
-webkit-user-select: none; -webkit-user-select: none;
@@ -18897,18 +18897,18 @@ h6 {
bottom: -1px; bottom: -1px;
left: 50%; left: 50%;
width: 100%; width: 100%;
background: #39547A; background: #39547a;
height: 2px; height: 2px;
transform: translate(-50%, 0) scaleX(0); transform: translate(-50%, 0) scaleX(0);
transition: transform 0.3s; transition: transform 0.3s;
} }
.tab-button:hover { .tab-button:hover {
color: #39547A; color: #39547a;
} }
.tab-button.active { .tab-button.active {
color: #39547A; color: #39547a;
text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.05); text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.05);
} }
@@ -18937,8 +18937,8 @@ h6 {
} }
.radio-button { .radio-button {
border: 1px solid #DDE3ED; border: 1px solid #dde3ed;
color: #39547A; color: #39547a;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
border-radius: 6px; border-radius: 6px;
@@ -18997,7 +18997,7 @@ h6 {
.group-box { .group-box {
border-radius: 4px !important; border-radius: 4px !important;
border: 1px solid #DDE3ED; border: 1px solid #dde3ed;
padding: 20px; padding: 20px;
position: relative; position: relative;
margin: 20px 0px; margin: 20px 0px;
@@ -19005,7 +19005,7 @@ h6 {
.group-box-caption { .group-box-caption {
font-weight: 600; font-weight: 600;
color: #39547A; color: #39547a;
position: absolute; position: absolute;
top: -13px; top: -13px;
left: 0px; left: 0px;
@@ -19048,7 +19048,7 @@ h6 {
.checkbox > input[type=checkbox] + span:before { .checkbox > input[type=checkbox] + span:before {
width: 20px; width: 20px;
height: 20px; height: 20px;
border: 1px solid #DDE3ED; border: 1px solid #dde3ed;
background: #fff; background: #fff;
border-radius: 4px; border-radius: 4px;
} }
@@ -19083,7 +19083,7 @@ h6 {
.button { .button {
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
border: 1px solid #DDE3ED; border: 1px solid #dde3ed;
border-radius: 6px; border-radius: 6px;
cursor: pointer; cursor: pointer;
transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s; transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
@@ -19112,16 +19112,16 @@ h6 {
input { input {
height: 40px; height: 40px;
border-radius: 6px; border-radius: 6px;
border: 1px solid #DDE3ED; border: 1px solid #dde3ed;
padding: 0 12px; padding: 0 12px;
color: #425E88; color: #425e88;
transition: border-color 0.3s, color 0.3s; transition: border-color 0.3s, color 0.3s;
} }
input:hover, input:hover,
input:focus { input:focus {
border-color: rgb(100, 97, 246); border-color: rgb(100, 97, 246);
color: #39547A; color: #39547a;
} }
.input-numeric { .input-numeric {
@@ -19171,7 +19171,7 @@ input:focus {
} }
.dropdown { .dropdown {
border: 1px solid #DDE3ED; border: 1px solid #dde3ed;
background: #fff; background: #fff;
border-radius: 6px; border-radius: 6px;
height: 40px; height: 40px;
@@ -19198,7 +19198,7 @@ input:focus {
height: 0; height: 0;
border-style: solid; border-style: solid;
border-width: 6px 5px 0 5px; border-width: 6px 5px 0 5px;
border-color: #39547A transparent transparent transparent; border-color: #39547a transparent transparent transparent;
transition: border-color 0.3s; transition: border-color 0.3s;
} }
@@ -19214,7 +19214,7 @@ input:focus {
bottom: 0; bottom: 0;
right: 0; right: 0;
line-height: 20px; line-height: 20px;
color: #39547A; color: #39547a;
padding: 10px; padding: 10px;
font-weight: 600; font-weight: 600;
transition: color 0.3s; transition: color 0.3s;
@@ -19261,12 +19261,12 @@ input:focus {
.expander-header { .expander-header {
height: 40px; height: 40px;
border-radius: 4px; border-radius: 4px;
border: 1px solid #DDE3ED; border: 1px solid #dde3ed;
transition: border-radius 0.3s; transition: border-radius 0.3s;
cursor: pointer; cursor: pointer;
font-weight: 600; font-weight: 600;
line-height: 40px; line-height: 40px;
color: #39547A; color: #39547a;
padding: 0px 10px; padding: 0px 10px;
overflow: hidden; overflow: hidden;
background: rgb(246, 248, 251); background: rgb(246, 248, 251);
@@ -19275,7 +19275,7 @@ input:focus {
} }
.expander-header:hover { .expander-header:hover {
border-color: #A9B8D3; border-color: #a9b8d3;
} }
.expander-header > i { .expander-header > i {
@@ -19314,7 +19314,7 @@ input:focus {
.expander-content { .expander-content {
display: none; display: none;
padding: 10px; padding: 10px;
border: 1px solid #DDE3ED; border: 1px solid #dde3ed;
border-top: none !important; border-top: none !important;
} }
@@ -19349,7 +19349,7 @@ table > thead > tr > td,
table > tbody > tr > td { table > tbody > tr > td {
padding: 0px 12px; padding: 0px 12px;
border-width: 1px; border-width: 1px;
border-color: #DDE3ED; border-color: #dde3ed;
} }
table > thead { table > thead {
@@ -19417,7 +19417,7 @@ table > tbody > tr > td {
vertical-align: middle; vertical-align: middle;
padding-top: 10px; padding-top: 10px;
padding-bottom: 10px; padding-bottom: 10px;
border-bottom: 1px solid #DDE3ED; border-bottom: 1px solid #dde3ed;
} }
table > tbody > tr > td:first-child > b:first-child { table > tbody > tr > td:first-child > b:first-child {
@@ -19515,7 +19515,7 @@ table > tbody > tr:last-child {
border-radius: 6px; border-radius: 6px;
left: 0; left: 0;
bottom: -2px; bottom: -2px;
border-bottom: 2px solid #DDE3ED; border-bottom: 2px solid #dde3ed;
display: none; display: none;
} }
@@ -19526,7 +19526,7 @@ table > tbody > tr:last-child {
height: 0; height: 0;
border-style: solid; border-style: solid;
border-width: 0 7px 7px 7px; border-width: 0 7px 7px 7px;
border-color: transparent transparent #DDE3ED transparent; border-color: transparent transparent #dde3ed transparent;
top: -7px; top: -7px;
left: 20px; left: 20px;
} }
@@ -19590,7 +19590,7 @@ table > tbody > tr:last-child {
top: 0; top: 0;
height: 100%; height: 100%;
width: 1px; width: 1px;
border-left: 1px dotted #A9B8D3; border-left: 1px dotted #a9b8d3;
z-index: -1; z-index: -1;
} }
@@ -19686,7 +19686,7 @@ td.cell-secondary {
.split-table tr td a > i.mdi.txtc-light, .split-table tr td a > i.mdi.txtc-light,
.split-table tr td i[data-tooltip].mdi.txtc-light { .split-table tr td i[data-tooltip].mdi.txtc-light {
border-bottom: 1px dotted #868FB2; border-bottom: 1px dotted #868fb2;
} }
.split-table tr td a > i.mdi.txtc-light:hover { .split-table tr td a > i.mdi.txtc-light:hover {
@@ -19943,7 +19943,7 @@ td.cell-secondary {
background: #F4F4F4; background: #F4F4F4;
cursor: pointer; cursor: pointer;
transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s;
color: #425E88; color: #425e88;
} }
.modal-window-header-close:hover { .modal-window-header-close:hover {
@@ -20006,13 +20006,13 @@ td.cell-secondary {
.method-documentation-box-description { .method-documentation-box-description {
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
border: 1px solid #DDE3ED; border: 1px solid #dde3ed;
padding: 10px 20px; padding: 10px 20px;
font-weight: 600; font-weight: 600;
} }
.method-documentation-box-description-wrapper { .method-documentation-box-description-wrapper {
border: 1px solid #DDE3ED; border: 1px solid #dde3ed;
border-radius: 4px; border-radius: 4px;
margin: 10px 0px; margin: 10px 0px;
margin-top: 28px; margin-top: 28px;
@@ -20041,7 +20041,7 @@ td.cell-secondary {
} }
.method-documentation-box-description-param { .method-documentation-box-description-param {
border-bottom: 1px solid #DDE3ED; border-bottom: 1px solid #dde3ed;
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
} }
@@ -20112,7 +20112,7 @@ td.cell-secondary {
} }
.plainobjectpropertyvalue-documentation-box { .plainobjectpropertyvalue-documentation-box {
border-bottom: 1px dotted #DDE3ED; border-bottom: 1px dotted #dde3ed;
margin-bottom: 6px; margin-bottom: 6px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
} }
@@ -20172,7 +20172,7 @@ td.cell-secondary {
.codemirror-messages { .codemirror-messages {
border-radius: 4px !important; border-radius: 4px !important;
border: 1px solid #DDE3ED; border: 1px solid #dde3ed;
margin-bottom: 20px; margin-bottom: 20px;
background: rgba(0, 0, 0, 0.02); background: rgba(0, 0, 0, 0.02);
padding: 20px; padding: 20px;
@@ -20190,7 +20190,7 @@ td.cell-secondary {
.codemirror-result { .codemirror-result {
border-radius: 4px !important; border-radius: 4px !important;
border: 1px solid #DDE3ED; border: 1px solid #dde3ed;
margin: 2px; margin: 2px;
overflow: visible; overflow: visible;
background: rgb(246, 248, 251); background: rgb(246, 248, 251);
@@ -20227,7 +20227,7 @@ td.cell-secondary {
.browsersupport-line:last-child { .browsersupport-line:last-child {
font-size: 11pt; font-size: 11pt;
font-weight: 600; font-weight: 600;
border-top: 1px dotted #A9B8D3; border-top: 1px dotted #a9b8d3;
} }
.browsersupport-line-item { .browsersupport-line-item {
@@ -20476,7 +20476,7 @@ a.inline-btn[data-modal]:after {
margin: 26px auto; margin: 26px auto;
font-size: 16pt; font-size: 16pt;
font-weight: 600; font-weight: 600;
color: #425E88; color: #425e88;
display: table; display: table;
border-bottom: 1px dotted transparent; border-bottom: 1px dotted transparent;
transition: border-color 0.3s; transition: border-color 0.3s;
@@ -20487,7 +20487,7 @@ a.inline-btn[data-modal]:after {
} }
.three-col-content-item-content-framework-wrapper:hover h4 { .three-col-content-item-content-framework-wrapper:hover h4 {
border-bottom-color: #425E88; border-bottom-color: #425e88;
} }
.styling-tool-line { .styling-tool-line {
@@ -20807,7 +20807,7 @@ a.inline-btn[data-modal]:after {
.content-demo-chat-head-datetime { .content-demo-chat-head-datetime {
text-align: center; text-align: center;
line-height: 30pt; line-height: 30pt;
color: #39547A; color: #39547a;
font-style: italic; font-style: italic;
font-weight: 700; font-weight: 700;
} }
@@ -20847,7 +20847,7 @@ a.inline-btn[data-modal]:after {
.content-demo-chat-head-users-user-name { .content-demo-chat-head-users-user-name {
line-height: 60px; line-height: 60px;
color: #39547A; color: #39547a;
font-style: italic; font-style: italic;
font-weight: 600; font-weight: 600;
padding: 0px 10px; padding: 0px 10px;
@@ -20865,7 +20865,7 @@ a.inline-btn[data-modal]:after {
position: absolute; position: absolute;
left: 10px; left: 10px;
transform: translate(65px, 0px); transform: translate(65px, 0px);
color: #39547A; color: #39547a;
font-weight: 600; font-weight: 600;
opacity: 0.8; opacity: 0.8;
font-size: 10pt; font-size: 10pt;
@@ -20912,7 +20912,7 @@ a.inline-btn[data-modal]:after {
right: 0; right: 0;
transform: translate(100%, 0); transform: translate(100%, 0);
padding: 10px 10px; padding: 10px 10px;
color: #39547A; color: #39547a;
font-weight: 400; font-weight: 400;
opacity: 0.4; opacity: 0.4;
font-size: 9pt; font-size: 9pt;
@@ -20979,7 +20979,7 @@ a.inline-btn[data-modal]:after {
box-shadow: 0 15px 20px -15px rgba(35, 35, 129, 0.09), 0 55px 50px -35px rgba(35, 35, 129, 0.08); box-shadow: 0 15px 20px -15px rgba(35, 35, 129, 0.09), 0 55px 50px -35px rgba(35, 35, 129, 0.08);
float: right; float: right;
text-align: right; text-align: right;
color: #425E88; color: #425e88;
} }
.content-demo-chat-message-group-right .content-demo-chat-message-group-content-item:first-child:not(:last-child) { .content-demo-chat-message-group-right .content-demo-chat-message-group-content-item:first-child:not(:last-child) {
@@ -21060,7 +21060,7 @@ a.inline-btn[data-modal]:after {
height: 100%; height: 100%;
width: 100%; width: 100%;
padding: 5px 10px; padding: 5px 10px;
border: 1px solid #A9B8D3; border: 1px solid #a9b8d3;
border-radius: 4px; border-radius: 4px;
transition: border-color 0.3s; transition: border-color 0.3s;
} }
@@ -21074,7 +21074,7 @@ a.inline-btn[data-modal]:after {
content: ""; content: "";
height: 12px; height: 12px;
width: 12px; width: 12px;
background: #A9B8D3; background: #a9b8d3;
position: absolute; position: absolute;
left: -6px; left: -6px;
top: calc(50% - 6px); top: calc(50% - 6px);
@@ -21150,7 +21150,7 @@ a.inline-btn[data-modal]:after {
} }
.scroll-demo-controls { .scroll-demo-controls {
border-bottom: 1px solid #DDE3ED; border-bottom: 1px solid #dde3ed;
padding-bottom: 5px; padding-bottom: 5px;
} }
@@ -21169,7 +21169,7 @@ a.inline-btn[data-modal]:after {
} }
.scroll-demo-controls-end { .scroll-demo-controls-end {
border-top: 1px solid #DDE3ED; border-top: 1px solid #dde3ed;
padding-top: 5px; padding-top: 5px;
margin-top: 5px; margin-top: 5px;
margin-bottom: 10px; margin-bottom: 10px;
@@ -21623,7 +21623,7 @@ a.inline-btn[data-modal]:after {
.textarea-demo-left { .textarea-demo-left {
width: 300px; width: 300px;
border-right: 1px solid #DDE3ED; border-right: 1px solid #dde3ed;
} }
.textarea-demo-right { .textarea-demo-right {
@@ -21708,7 +21708,7 @@ a.inline-btn[data-modal]:after {
.callbacks-container-left { .callbacks-container-left {
width: 300px; width: 300px;
border-right: 1px solid #DDE3ED; border-right: 1px solid #dde3ed;
} }
.callbacks-container-right { .callbacks-container-right {
@@ -21741,7 +21741,7 @@ a.inline-btn[data-modal]:after {
.callbacks-container-left-item-left-light { .callbacks-container-left-item-left-light {
height: 20px; height: 20px;
width: 20px; width: 20px;
border: 1px solid #DDE3ED; border: 1px solid #dde3ed;
position: absolute; position: absolute;
display: block; display: block;
left: 10px; left: 10px;
@@ -21878,7 +21878,7 @@ body.resizing * {
font-family: "Fira Mono", monospace !important; font-family: "Fira Mono", monospace !important;
font-weight: 400; font-weight: 400;
line-height: 25px; line-height: 25px;
color: #39547A; color: #39547a;
} }
.capabilitiesdemo-absolute, .capabilitiesdemo-absolute,
@@ -22259,7 +22259,7 @@ body.resizing * {
bottom: -20px; bottom: -20px;
width: 100%; width: 100%;
height: 1px; height: 1px;
background: #DDE3ED; background: #dde3ed;
display: block; display: block;
clear: both; clear: both;
} }
@@ -22374,7 +22374,7 @@ body.resizing * {
height: 300px; height: 300px;
margin: 16px 0px; margin: 16px 0px;
border-radius: 4px !important; border-radius: 4px !important;
border: 1px solid #DDE3ED; border: 1px solid #dde3ed;
padding: 8px; padding: 8px;
position: relative; position: relative;
} }
@@ -22802,7 +22802,7 @@ body.resizing * {
#extensions-count { #extensions-count {
font-size: 16pt; font-size: 16pt;
color: #39547A; color: #39547a;
font-weight: 600; font-weight: 600;
margin-bottom: 30px; margin-bottom: 30px;
} }
docs/styles.min.css.map
+1 -1
View File
File diff suppressed because one or more lines are too long
docs/variables.scss
+41 -20
View File
@@ -1,46 +1,67 @@
$framework-path: "../_framework/"; $framework-path: './_framework/';
$fonts-path: $framework-path + "fonts/"; $fonts-path: $framework-path + 'fonts/';
$img-path: $framework-path + "img/"; $img-path: $framework-path + 'img/';
$primary-color-r: 54; $primary-color-r: 54;
$primary-color-g: 190; $primary-color-g: 190;
$primary-color-b: 253; $primary-color-b: 253;
$primary-color: rgb($primary-color-r, $primary-color-g, $primary-color-b); $primary-color: rgb($primary-color-r, $primary-color-g, $primary-color-b);
$secondary-color-r: 100; $secondary-color-r: 100;
$secondary-color-g: 97; $secondary-color-g: 97;
$secondary-color-b: 246; $secondary-color-b: 246;
$secondary-color: rgb($secondary-color-r, $secondary-color-g, $secondary-color-b); $secondary-color: rgb($secondary-color-r, $secondary-color-g, $secondary-color-b);
$header-accent-color-r: 42; $header-accent-color-r: 42;
$header-accent-color-g: 239; $header-accent-color-g: 239;
$header-accent-color-b: 255; $header-accent-color-b: 255;
$header-accent-color: rgb($header-accent-color-r, $header-accent-color-g, $header-accent-color-b); $header-accent-color: rgb($header-accent-color-r, $header-accent-color-g, $header-accent-color-b);
$content-section-color-r: 246; $content-section-color-r: 246;
$content-section-color-g: 248; $content-section-color-g: 248;
$content-section-color-b: 251; $content-section-color-b: 251;
$content-section-color: rgb($content-section-color-r, $content-section-color-g, $content-section-color-b); $content-section-color: rgb(
$content-section-color-r,
$content-section-color-g,
$content-section-color-b
);
$control-background-color: #fff; $control-background-color: #fff;
$control-boxshadow-color-r: 35; $control-boxshadow-color-r: 35;
$control-boxshadow-color-g: 80; $control-boxshadow-color-g: 80;
$control-boxshadow-color-b: 129; $control-boxshadow-color-b: 129;
$control-boxshadow-color: rgba($control-boxshadow-color-r, $control-boxshadow-color-g, $control-boxshadow-color-b, 0.1); $control-boxshadow-color: rgba(
$control-boxshadow-color-r,
$control-boxshadow-color-g,
$control-boxshadow-color-b,
0.1
);
$header-accent-gradient-1: rgba($header-accent-color-r, $header-accent-color-g, $header-accent-color-b, 1); $header-accent-gradient-1: rgba(
$header-accent-gradient-0: rgba($header-accent-color-r, $header-accent-color-g, $header-accent-color-b, 0); $header-accent-color-r,
$header-accent-color-g,
$header-accent-color-b,
1
);
$header-accent-gradient-0: rgba(
$header-accent-color-r,
$header-accent-color-g,
$header-accent-color-b,
0
);
$header-box-shadow: 0 15px 20px -15px rgba(57, 120, 253, 0.25), 0 55px 50px -35px rgba(47, 78, 249, 0.1); $header-box-shadow: 0 15px 20px -15px rgba(57, 120, 253, 0.25),
$header-content-box-shadow: 0 15px 20px -15px rgba(0, 0, 255, 0.3), 0 55px 50px -35px rgba(0, 0, 255, 0.3); 0 55px 50px -35px rgba(47, 78, 249, 0.1);
$header-content-box-shadow: 0 15px 20px -15px rgba(0, 0, 255, 0.3),
0 55px 50px -35px rgba(0, 0, 255, 0.3);
$header-content-text-shadow: 0px 1px 3px rgba(0, 0, 255, 0.15); $header-content-text-shadow: 0px 1px 3px rgba(0, 0, 255, 0.15);
$text-color-dark: #39547A;//#31485B; $text-color-dark: #39547a; //#31485B;
$text-color-gray: #425E88;//#555E6B; $text-color-gray: #425e88; //#555E6B;
$text-color-light: #868FB2; //#A5A5AF; $text-color-light: #868fb2; //#A5A5AF;
$border-color: #A9B8D3; $border-color: #a9b8d3;
$border-color-light: #DDE3ED;//#D6D6D6; $border-color-light: #dde3ed; //#D6D6D6;
$code-inline-background-color: #f0f3f6; $code-inline-background-color: #f0f3f6;