beenull/mini.css
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Bootstrap flavor - core complete

Browse source
This commit is contained in:
Angelos Chalaris 2016-10-08 13:21:05 +03:00
parent acb55fc971
commit de06298227
4 changed files with 69 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
flavors/mini-bootstrap.css
View file

@ -1008,12 +1008,12 @@ textarea {
.navbar { .navbar {
border-radius: 4px !important; } border-radius: 4px !important; }
img.thumb { img.thumbnail {
padding: 0.25em; padding: 4px;
border: 1px solid #ccc; border: 1px solid #ddd;
border-radius: 4px; border-radius: 4px;
cursor: pointer; } cursor: pointer; }
img.thumb:hover, img.thumb:focus, img.thumbactive { img.thumbnail:hover, img.thumbnail:focus, img.thumbnailactive {
border-color: #337ab7; } border-color: #337ab7; }
.bordered { .bordered {
@ -1025,39 +1025,54 @@ img.thumb {
.circle { .circle {
border-radius: 50% !important; } border-radius: 50% !important; }
.txt-blue { .text-primary {
color: #337ab7 !important; } color: #337ab7 !important; }
.txt-green { .text-success {
color: #5cb85c !important; } color: #5cb85c !important; }
.txt-red { .text-info {
color: #5bc0de !important; } color: #5bc0de !important; }
.bg-blue { .text-warning {
color: #f0ad4e !important; }
.text-danger {
color: #d9534f !important; }
.text-muted {
color: #777 !important; }
.bg-primary {
background-color: #337ab7 !important; } background-color: #337ab7 !important; }
.bg-green { .bg-success {
background-color: #5cb85c !important; } background-color: #5cb85c !important; }
.bg-red { .bg-info {
background-color: #5bc0de !important; } background-color: #5bc0de !important; }
.bg-warning {
background-color: #f0ad4e !important; }
.bg-danger {
background-color: #d9534f !important; }
.caret { .caret {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
line-height: 1; line-height: 1;
width: 0; width: 0;
height: 0; height: 0;
border: 0.35em solid transparent; border: 4px solid transparent;
border-top: 0.35em solid #222; } border-top: 4px solid #333; }
.close { .close {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
line-height: 1; line-height: 1;
color: #aaa; color: #aaa;
font-size: 1.3em; font-size: 21px;
font-weight: 700; font-weight: 700;
cursor: pointer; } cursor: pointer; }
.close:before { .close:before {
@ -1065,18 +1080,18 @@ img.thumb {
.close:hover, .close:active, .close:focus { .close:hover, .close:active, .close:focus {
color: #777; } color: #777; }
.drg-left { .pull-left {
float: left !important; } float: left !important; }
.drg-right { .pull-right {
float: right !important; } float: right !important; }
.ct-block { .center-block {
display: block; display: block;
margin-left: auto; margin-left: auto;
margin-right: auto; } margin-right: auto; }
.cf:before, .cf:after { .clearfix:before, .clearfix:after {
content: ""; content: "";
display: table; display: table;
clear: both; } clear: both; }

2
flavors/mini-bootstrap.min.css vendored
View file

File diff suppressed because one or more lines are too long

52
flavors/mini-bootstrap.scss
View file

@ -270,22 +270,34 @@ $navigation-fixed-collapse-breakpoint: 768px; // Breakpoint for fixed na
//==================================================================== //====================================================================
// Class names for the utility and helper classes (you can remove things you // Class names for the utility and helper classes (you can remove things you
// don't need or define more if you need them). // don't need or define more if you need them).
$thumbnail-class-name: thumb; // Name for the thumbnail class // --- NOTES: ---
// Utilities are enabled at the start of the file.
// Close icon colors are approximate.
// Generic borders are included (although not part of Bootstrap originally).
// No .show class is provided.
// Contextual background styles do not have extra padding.
// -------------------
$thumbnail-class-name: thumbnail; // Name for the thumbnail class
$bordered-class-name: bordered; // Name for the bordered class $bordered-class-name: bordered; // Name for the bordered class
$bordered-radial-name: rounded; // Name for the rounded border class $bordered-radial-name: rounded; // Name for the rounded border class
$bordered-radial2-name: circle; // Name for the alternative rounded border class $bordered-radial2-name: circle; // Name for the alternative rounded border class
$colored-text1-name: txt-blue; // Name for the colored text style 1 class $colored-text1-name: text-primary; // Name for the colored text style 1 class
$colored-text2-name: txt-green; // Name for the colored text style 2 class $colored-text2-name: text-success; // Name for the colored text style 2 class
$colored-text3-name: txt-red; // Name for the colored text style 3 class $colored-text3-name: text-info; // Name for the colored text style 3 class
$colored-bg-text1-name: bg-blue; // Name for the colored background text style 1 class $colored-text4-name: text-warning; // Name for the colored text style 4 class
$colored-bg-text2-name: bg-green; // Name for the colored background text style 2 class $colored-text5-name: text-danger; // Name for the colored text style 5 class
$colored-bg-text3-name: bg-red; // Name for the colored background text style 3 class $colored-text6-name: text-muted; // Name for the colored text style 6 class
$drag-left-name: drg-left; // Name for the drag-left class $colored-bg-text1-name: bg-primary; // Name for the colored background text style 1 class
$drag-right-name: drg-right; // Name for the drag-right class $colored-bg-text2-name: bg-success; // Name for the colored background text style 2 class
$center-block-name: ct-block; // Name for the center block class $colored-bg-text3-name: bg-info; // Name for the colored background text style 3 class
$colored-bg-text4-name: bg-warning; // Name for the colored background text style 4 class
$colored-bg-text5-name: bg-danger; // Name for the colored background text style 5 class
$drag-left-name: pull-left; // Name for the drag-left class
$drag-right-name: pull-right; // Name for the drag-right class
$center-block-name: center-block; // Name for the center block class
$caret-class-name: caret; // Name for the caret class $caret-class-name: caret; // Name for the caret class
$close-class-name: close; // Name for the close class $close-class-name: close; // Name for the close class
$clearfix-class-name: cf; // Name for the clearfix class $clearfix-class-name: clearfix; // Name for the clearfix class
$hidden-class-name: hidden; // Name for the hidden class $hidden-class-name: hidden; // Name for the hidden class
// Colors for the utility and helper classes (you can remove things you // Colors for the utility and helper classes (you can remove things you
// don't need or define more colors if you need them). // don't need or define more colors if you need them).
@ -295,25 +307,33 @@ $bordered-radial2-radius: 50%; // Border radius of the alternative ro
$colored-text1-color: $btn-p-bg-color; // Text color for the colored text style 1 class $colored-text1-color: $btn-p-bg-color; // Text color for the colored text style 1 class
$colored-text2-color: $btn-s-bg-color; // Text color for the colored text style 2 class $colored-text2-color: $btn-s-bg-color; // Text color for the colored text style 2 class
$colored-text3-color: $btn-i-bg-color; // Text color for the colored text style 3 class $colored-text3-color: $btn-i-bg-color; // Text color for the colored text style 3 class
$colored-text4-color: $btn-w-bg-color; // Text color for the colored text style 4 class
$colored-text5-color: $btn-d-bg-color; // Text color for the colored text style 5 class
$colored-text6-color: #777; // Text color for the colored text style 6 class
$colored-bg-text1-bg-color: $btn-p-bg-color; // Background color for the colored text style 1 class $colored-bg-text1-bg-color: $btn-p-bg-color; // Background color for the colored text style 1 class
$colored-bg-text2-bg-color: $btn-s-bg-color; // Background color for the colored text style 2 class $colored-bg-text2-bg-color: $btn-s-bg-color; // Background color for the colored text style 2 class
$colored-bg-text3-bg-color: $btn-i-bg-color; // Background color for the colored text style 3 class $colored-bg-text3-bg-color: $btn-i-bg-color; // Background color for the colored text style 3 class
// Enable utilities (_utility.scss). (Use individual mixins below to use.) $colored-bg-text4-bg-color: $btn-w-bg-color; // Background color for the colored text style 4 class
// @import '../scss/mini/utility'; $colored-bg-text5-bg-color: $btn-d-bg-color; // Background color for the colored text style 5 class
// Use utility mixins to create utility classes with given specs. For more information // Use utility mixins to create utility classes with given specs. For more information
// refer to the _utility.scss file to check the definitions. // refer to the _utility.scss file to check the definitions.
@include make-thumb($thumbnail-class-name, 0.25em, 1px solid #ccc, 4px, $thumbnail-hover-color); @include make-thumb($thumbnail-class-name, 4px, 1px solid #ddd, 4px, $thumbnail-hover-color);
@include make-border-generic($bordered-class-name); @include make-border-generic($bordered-class-name);
@include make-border-radial-style($bordered-radial-name, $bordered-radial-radius); @include make-border-radial-style($bordered-radial-name, $bordered-radial-radius);
@include make-border-radial-style($bordered-radial2-name, $bordered-radial2-radius); @include make-border-radial-style($bordered-radial2-name, $bordered-radial2-radius);
@include make-colored-text($colored-text1-name, $colored-text1-color); @include make-colored-text($colored-text1-name, $colored-text1-color);
@include make-colored-text($colored-text2-name, $colored-text2-color); @include make-colored-text($colored-text2-name, $colored-text2-color);
@include make-colored-text($colored-text3-name, $colored-text3-color); @include make-colored-text($colored-text3-name, $colored-text3-color);
@include make-colored-text($colored-text4-name, $colored-text4-color);
@include make-colored-text($colored-text5-name, $colored-text5-color);
@include make-colored-text($colored-text6-name, $colored-text6-color);
@include make-colored-bg-text($colored-bg-text1-name, $colored-bg-text1-bg-color); @include make-colored-bg-text($colored-bg-text1-name, $colored-bg-text1-bg-color);
@include make-colored-bg-text($colored-bg-text2-name, $colored-bg-text2-bg-color); @include make-colored-bg-text($colored-bg-text2-name, $colored-bg-text2-bg-color);
@include make-colored-bg-text($colored-bg-text3-name, $colored-bg-text3-bg-color); @include make-colored-bg-text($colored-bg-text3-name, $colored-bg-text3-bg-color);
@include make-caret-down($caret-class-name, 0.35em, #222); @include make-colored-bg-text($colored-bg-text4-name, $colored-bg-text4-bg-color);
@include make-close($close-class-name, #aaa, pointer, 1.3em, 700, #777); @include make-colored-bg-text($colored-bg-text5-name, $colored-bg-text5-bg-color);
@include make-caret-down($caret-class-name, 4px, $body-color);
@include make-close($close-class-name, #aaa, pointer, 21px, 700, #777);
@include make-drags($drag-left-name, $drag-right-name); @include make-drags($drag-left-name, $drag-right-name);
@include make-center-block($center-block-name); @include make-center-block($center-block-name);
@include make-clearfix($clearfix-class-name); @include make-clearfix($clearfix-class-name);

2
scss/mini/_utility.scss
View file

@ -97,8 +97,6 @@
line-height: 1; line-height: 1;
width: 0; width: 0;
height: 0; height: 0;
//border-left: $caret-size solid transparent;
//border-right: $caret-size solid transparent;
border: $caret-size solid transparent; border: $caret-size solid transparent;
border-top: $caret-size solid $caret-color; border-top: $caret-size solid $caret-color;
} }