Rename bootstrap css file and refactor typography css
Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
This commit is contained in:
parent
b128d89a35
commit
e4a9447451
|
@ -2,8 +2,9 @@
|
||||||
@import "framework/variables";
|
@import "framework/variables";
|
||||||
@import "framework/mixins";
|
@import "framework/mixins";
|
||||||
@import "framework/layout";
|
@import "framework/layout";
|
||||||
@import 'framework/gl_variables';
|
@import 'framework/tw_bootstrap_variables';
|
||||||
@import 'framework/gl_bootstrap';
|
@import 'framework/tw_bootstrap';
|
||||||
|
|
||||||
@import "framework/avatar.scss";
|
@import "framework/avatar.scss";
|
||||||
@import "framework/blocks.scss";
|
@import "framework/blocks.scss";
|
||||||
@import "framework/buttons.scss";
|
@import "framework/buttons.scss";
|
||||||
|
|
|
@ -54,147 +54,6 @@
|
||||||
@include box-shadow(0 0 0 3px #f1f1f1);
|
@include box-shadow(0 0 0 3px #f1f1f1);
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin md-typography {
|
|
||||||
color: $md-text-color;
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: $md-link-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
*:first-child {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
code {
|
|
||||||
font-family: $monospace_font;
|
|
||||||
white-space: pre;
|
|
||||||
word-wrap: normal;
|
|
||||||
padding: 1px 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
kbd {
|
|
||||||
display: inline-block;
|
|
||||||
padding: 3px 5px;
|
|
||||||
font-size: 11px;
|
|
||||||
line-height: 10px;
|
|
||||||
color: #555;
|
|
||||||
vertical-align: middle;
|
|
||||||
background-color: #FCFCFC;
|
|
||||||
border-width: 1px;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: #CCC #CCC #BBB;
|
|
||||||
border-image: none;
|
|
||||||
border-radius: 3px;
|
|
||||||
box-shadow: 0px -1px 0px #BBB inset;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 1.3em;
|
|
||||||
font-weight: 600;
|
|
||||||
margin: 24px 0 12px 0;
|
|
||||||
padding: 0 0 10px 0;
|
|
||||||
border-bottom: 1px solid #e7e9ed;
|
|
||||||
color: #313236;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: 1.2em;
|
|
||||||
font-weight: 600;
|
|
||||||
margin: 24px 0 12px 0;
|
|
||||||
color: #313236;
|
|
||||||
}
|
|
||||||
|
|
||||||
h3 {
|
|
||||||
margin: 24px 0 12px 0;
|
|
||||||
font-size: 1.25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
h4 {
|
|
||||||
margin: 24px 0 12px 0;
|
|
||||||
font-size: 1.1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
h5 {
|
|
||||||
margin: 24px 0 12px 0;
|
|
||||||
font-size: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
h6 {
|
|
||||||
margin: 24px 0 12px 0;
|
|
||||||
font-size: 0.90em;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote {
|
|
||||||
padding: 8px 21px;
|
|
||||||
margin: 12px 0 12px;
|
|
||||||
border-left: 3px solid #e7e9ed;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote p {
|
|
||||||
color: #7f8fa4 !important;
|
|
||||||
font-size: 15px;
|
|
||||||
line-height: 1.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
color:#5c5d5e;
|
|
||||||
margin:6px 0 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
@extend .table;
|
|
||||||
@extend .table-bordered;
|
|
||||||
margin: 12px 0 12px 0;
|
|
||||||
color: #5c5d5e;
|
|
||||||
th {
|
|
||||||
background: #f8fafc;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
pre {
|
|
||||||
margin: 12px 0 12px 0 !important;
|
|
||||||
background-color: #f8fafc !important;
|
|
||||||
font-size: 13px !important;
|
|
||||||
color: #5b6169 !important;
|
|
||||||
line-height: 1.6em !important;
|
|
||||||
@include border-radius(2px);
|
|
||||||
}
|
|
||||||
|
|
||||||
p > code {
|
|
||||||
font-weight: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
ul {
|
|
||||||
color: #5c5d5e;
|
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
|
||||||
line-height: 1.6em;
|
|
||||||
}
|
|
||||||
|
|
||||||
a[href*="/uploads/"], a[href*="storage.googleapis.com/google-code-attachments/"] {
|
|
||||||
&:before {
|
|
||||||
margin-right: 4px;
|
|
||||||
|
|
||||||
font: normal normal normal 14px/1 FontAwesome;
|
|
||||||
font-size: inherit;
|
|
||||||
text-rendering: auto;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
content: "\f0c6";
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover:before {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@mixin str-truncated($max_width: 82%) {
|
@mixin str-truncated($max_width: 82%) {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
|
@ -1,5 +1,21 @@
|
||||||
table {
|
table {
|
||||||
&.table {
|
&.table {
|
||||||
|
.dropdown-menu a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.success,
|
||||||
|
.warning,
|
||||||
|
.danger,
|
||||||
|
.info {
|
||||||
|
color: #fff;
|
||||||
|
|
||||||
|
a:not(.btn) {
|
||||||
|
text-decoration: underline;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
tr {
|
tr {
|
||||||
td, th {
|
td, th {
|
||||||
padding: 8px 10px;
|
padding: 8px 10px;
|
||||||
|
|
|
@ -251,23 +251,3 @@
|
||||||
.text-info:hover {
|
.text-info:hover {
|
||||||
color: $brand-info;
|
color: $brand-info;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Tables =====================================================================
|
|
||||||
|
|
||||||
table.table {
|
|
||||||
.dropdown-menu a {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.success,
|
|
||||||
.warning,
|
|
||||||
.danger,
|
|
||||||
.info {
|
|
||||||
color: #fff;
|
|
||||||
|
|
||||||
a:not(.btn) {
|
|
||||||
text-decoration: underline;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -1,3 +1,144 @@
|
||||||
|
@mixin md-typography {
|
||||||
|
color: $md-text-color;
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: $md-link-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
*:first-child {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
code {
|
||||||
|
font-family: $monospace_font;
|
||||||
|
white-space: pre;
|
||||||
|
word-wrap: normal;
|
||||||
|
padding: 1px 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
kbd {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 3px 5px;
|
||||||
|
font-size: 11px;
|
||||||
|
line-height: 10px;
|
||||||
|
color: #555;
|
||||||
|
vertical-align: middle;
|
||||||
|
background-color: #FCFCFC;
|
||||||
|
border-width: 1px;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: #CCC #CCC #BBB;
|
||||||
|
border-image: none;
|
||||||
|
border-radius: 3px;
|
||||||
|
box-shadow: 0px -1px 0px #BBB inset;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 1.3em;
|
||||||
|
font-weight: 600;
|
||||||
|
margin: 24px 0 12px 0;
|
||||||
|
padding: 0 0 10px 0;
|
||||||
|
border-bottom: 1px solid #e7e9ed;
|
||||||
|
color: #313236;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 1.2em;
|
||||||
|
font-weight: 600;
|
||||||
|
margin: 24px 0 12px 0;
|
||||||
|
color: #313236;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
margin: 24px 0 12px 0;
|
||||||
|
font-size: 1.25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
margin: 24px 0 12px 0;
|
||||||
|
font-size: 1.1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
h5 {
|
||||||
|
margin: 24px 0 12px 0;
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
h6 {
|
||||||
|
margin: 24px 0 12px 0;
|
||||||
|
font-size: 0.90em;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
padding: 8px 21px;
|
||||||
|
margin: 12px 0 12px;
|
||||||
|
border-left: 3px solid #e7e9ed;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote p {
|
||||||
|
color: #7f8fa4 !important;
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
color:#5c5d5e;
|
||||||
|
margin:6px 0 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
@extend .table;
|
||||||
|
@extend .table-bordered;
|
||||||
|
margin: 12px 0 12px 0;
|
||||||
|
color: #5c5d5e;
|
||||||
|
th {
|
||||||
|
background: #f8fafc;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
margin: 12px 0 12px 0 !important;
|
||||||
|
background-color: #f8fafc !important;
|
||||||
|
font-size: 13px !important;
|
||||||
|
color: #5b6169 !important;
|
||||||
|
line-height: 1.6em !important;
|
||||||
|
@include border-radius(2px);
|
||||||
|
}
|
||||||
|
|
||||||
|
p > code {
|
||||||
|
font-weight: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
ul {
|
||||||
|
color: #5c5d5e;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
line-height: 1.6em;
|
||||||
|
}
|
||||||
|
|
||||||
|
a[href*="/uploads/"], a[href*="storage.googleapis.com/google-code-attachments/"] {
|
||||||
|
&:before {
|
||||||
|
margin-right: 4px;
|
||||||
|
|
||||||
|
font: normal normal normal 14px/1 FontAwesome;
|
||||||
|
font-size: inherit;
|
||||||
|
text-rendering: auto;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
content: "\f0c6";
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover:before {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Headers
|
* Headers
|
||||||
*
|
*
|
||||||
|
|
Loading…
Reference in New Issue