Skip to content

Commit 6d54823

Browse files
committed
Added disclaimer to readme
1 parent 1a436da commit 6d54823

File tree

1 file changed

+8
-6
lines changed

1 file changed

+8
-6
lines changed

README.md

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,8 @@ A Brief overview of what the library does:
2424

2525
Inspired by the styles of the [Duolingo](https://www.duolingo.com/learn) and [Font Awesome](https://fontawesome.com/) websites, I wanted to create a library that would immediately improve the look of a website when imported but also provide the user with utility classes to alter the styles of the different elements in use.
2626

27+
_Disclainer: I don't any rigths to Duolingo or Font Awesome. Duolingo images or icons used are not monetized in any way._
28+
2729
### How the library was built:
2830

2931
FluentCSS was built using plain CSS and Font Awesome icons.
@@ -38,13 +40,13 @@ Simply clone the repository locally and extract the _fluent.min.css_ file.
3840

3941
In order to import FluentCSS, simply add the two library links to the head tag of your index.html
4042

41-
    <link rel="stylesheet" href="fluent.min.css" />
43+
<link rel="stylesheet" href="fluent.min.css" />
4244

4345
_This is, of course, assuming the styles are in the root of your project; if they are not, then modify their paths accordingly._
4446

4547
And finally, add the script for the Font Awesome kit (to be able to use Font Awesome icons).
4648

47-
    <script src="https://kit.fontawesome.com/d0731b8ace.js" crossorigin="anonymous"></script>
49+
<script src="https://kit.fontawesome.com/d0731b8ace.js" crossorigin="anonymous"></script>
4850

4951
## What's included in the library
5052

@@ -88,7 +90,7 @@ In order to use the other styles available, such as having a heading with depth,
8890

8991
So for example, if you have a heading element that you want to update to a heading with depth and also give it a different background color...
9092

91-
    <html>
93+
<html>
9294
      <body>
9395
        <h1>My heading</h1>
9496
      </body>
@@ -100,7 +102,7 @@ So for example, if you have a heading element that you want to update to a headi
100102

101103
...you need to add the required classes, in this case _.heading-depth_ and _.bg-green_, to the h1 element...
102104

103-
    <html>
105+
<html>
104106
      <body>
105107
        <h1 class="heading-depth bg-green">My heading</h1>
106108
      </body>
@@ -114,7 +116,7 @@ So for example, if you have a heading element that you want to update to a headi
114116

115117
One of the most important classes provided by FluentCSS is the _.main-container_ class. With this class, you can create containers that are padded, bordered, and margined. All the examples in the "Examples" section of this README file are contained in custom containers. In order to make a normal div into a custom container, you just have to add the class _.main-container_ to such an element. As an example, we have a restaurant reservation system that is wrapped in a div...
116118

117-
    <div>
119+
<div>
118120
      <h1>Restaurant Reservation System</h1>
119121
      ...
120122
    </div>
@@ -125,7 +127,7 @@ One of the most important classes provided by FluentCSS is the _.main-container_
125127

126128
...add the _.main-container_ and _.bg-blue_ classes to such a div in order to change it to a custom container with a blue background...
127129

128-
    <div class="main-container bg-blue">
130+
<div class="main-container bg-blue">
129131
      <h1>Restaurant Reservation System</h1>
130132
      ...
131133
    </div>

0 commit comments

Comments
 (0)