Skip to content

Commit 0d6ec6a

Browse files
levonleelevonlee
committed
li scss
1 parent b31380e commit 0d6ec6a

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

49 files changed

+3394
-49
lines changed

‎bootstrap/li.html‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>TCT Graphics Product</title>
6+
<link rel="stylesheet" href="myscss/li-sample.css">
7+
</head>
8+
<body>
9+
<header class="">
10+
11+
</header>
12+
13+
<section>
14+
<h1>My CSS Framework</h1>
15+
<article>
16+
<h2>CSS3 Underlines</h2>
17+
<p><span class="h4 underline ">Lorem ipsum dolor sit amet</span>, consectetur adipisicing elit. Dicta dignissimos ducimus facilis itaque molestiae quaerat qui repellendus sit. Blanditiis ea et nulla rerum suscipit voluptatibus. Assumenda doloremque nihil omnis velit?</p>
18+
</article>
19+
</section>
20+
21+
<footer>
22+
23+
</footer>
24+
25+
</body>
26+
</html>

‎bootstrap/myscss/li-sample.css‎

Lines changed: 453 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎bootstrap/myscss/li-sample.css.map‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎bootstrap/myscss/li-sample.scss‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
$body-color: #152614;
2+
3+
@import "li.scss";

‎bootstrap/myscss/li.css‎

Lines changed: 182 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎bootstrap/myscss/li.css.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎bootstrap/myscss/li.scss‎

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,9 @@
1-
@import "li/variables";
2-
@import "li/mixins";
3-
4-
@import "li/reboot";
1+
@import "li/functions"; // checked
2+
@import "li/variables"; // checked
3+
@import "li/mixins"; // checked
4+
@import "li/root"; // checked
5+
@import "li/reboot"; // checked
6+
@import "li/type"; // checked
7+
@import "li/images"; // checked
8+
@import "li/code"; // checked
59
@import "li/utilities";

‎bootstrap/myscss/li/_code.scss‎

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
// Inline code
2+
code {
3+
font-size: $code-font-size;
4+
color: $code-color;
5+
word-break: break-word;
6+
7+
// Streamline the style when inside anchors to avoid broken underline and more
8+
a > & {
9+
color: inherit;
10+
}
11+
}
12+
13+
// User input typically entered via keyboard
14+
kbd {
15+
padding: $kbd-padding-y $kbd-padding-x;
16+
font-size: $kbd-font-size;
17+
color: $kbd-color;
18+
background-color: $kbd-bg;
19+
@include border-radius($border-radius-sm);
20+
@include box-shadow($kbd-box-shadow);
21+
22+
kbd {
23+
padding: 0;
24+
font-size: 100%;
25+
font-weight: $nested-kbd-font-weight;
26+
@include box-shadow(none);
27+
}
28+
}
29+
30+
// Blocks of code
31+
pre {
32+
display: block;
33+
font-size: $code-font-size;
34+
color: $pre-color;
35+
36+
// Account for some code outputs that place code tags in pre tags
37+
code {
38+
font-size: inherit;
39+
color: inherit;
40+
word-break: normal;
41+
}
42+
}
43+
44+
// Enable scrollable blocks of code
45+
.pre-scrollable {
46+
max-height: $pre-scrollable-max-height;
47+
overflow-y: scroll;
48+
}

‎bootstrap/myscss/li/_functions.scss‎

Lines changed: 86 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
1+
// Bootstrap functions
2+
//
3+
// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.
4+
5+
// Ascending
6+
// Used to evaluate Sass maps like our grid breakpoints.
7+
@mixin _assert-ascending($map, $map-name) {
8+
$prev-key: null;
9+
$prev-num: null;
10+
@each $key, $num in $map {
11+
@if $prev-num == null {
12+
// Do nothing
13+
} @else if not comparable($prev-num, $num) {
14+
@warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
15+
} @else if $prev-num >= $num {
16+
@warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
17+
}
18+
$prev-key: $key;
19+
$prev-num: $num;
20+
}
21+
}
22+
23+
// Starts at zero
24+
// Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.
25+
@mixin _assert-starts-at-zero($map) {
26+
$values: map-values($map);
27+
$first-value: nth($values, 1);
28+
@if $first-value != 0 {
29+
@warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.";
30+
}
31+
}
32+
33+
// Replace `$search` with `$replace` in `$string`
34+
// Used on our SVG icon backgrounds for custom forms.
35+
//
36+
// @author Hugo Giraudel
37+
// @param {String} $string - Initial string
38+
// @param {String} $search - Substring to replace
39+
// @param {String} $replace ('') - New value
40+
// @return {String} - Updated string
41+
@function str-replace($string, $search, $replace: "") {
42+
$index: str-index($string, $search);
43+
44+
@if $index {
45+
@return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
46+
}
47+
48+
@return $string;
49+
}
50+
51+
// Color contrast
52+
@function color-yiq($color) {
53+
$r: red($color);
54+
$g: green($color);
55+
$b: blue($color);
56+
57+
$yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
58+
59+
@if ($yiq >= $yiq-contrasted-threshold) {
60+
@return $yiq-text-dark;
61+
} @else {
62+
@return $yiq-text-light;
63+
}
64+
}
65+
66+
// Retrieve color Sass maps
67+
@function color($key: "blue") {
68+
@return map-get($colors, $key);
69+
}
70+
71+
@function theme-color($key: "primary") {
72+
@return map-get($theme-colors, $key);
73+
}
74+
75+
@function gray($key: "100") {
76+
@return map-get($grays, $key);
77+
}
78+
79+
// Request a theme color level
80+
@function theme-color-level($color-name: "primary", $level: 0) {
81+
$color: theme-color($color-name);
82+
$color-base: if($level > 0, $black, $white);
83+
$level: abs($level);
84+
85+
@return mix($color-base, $color, $level * $theme-color-interval);
86+
}

‎bootstrap/myscss/li/_image.scss‎

Lines changed: 0 additions & 3 deletions
This file was deleted.

0 commit comments

Comments
 (0)