the sun rises! 🌄

README.md

@@ -33,7 +33,7 @@ And a sip of your favorite hot beverage is always a great idea. ☕️ 🍵
 The easiest way to use Sunrise Components is to install via npm.
 
 ```
-install great stuff via npm
+npm i @5amcode/sunrise-components
 ```
 
 #### Adjust `tailwind.config.js`

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@5amcode/sunrise-components",
-  "version": "1.0.0",
-  "description": "Sunrise by 5amco.de is a Vue component library written in Typescript. It's based on TailwindCSS and focused on minimal, expressive design. You can use the growing number of components as a standalone library or extend your existing application design - Sunrise Components are lightly opinionated, but very flexible. For detailed used information, see the documentation on the website.",
+  "version": "1.0.1",
+  "description": "Sunrise by 5amco.de is a Vue component library written in Typescript. It's based on TailwindCSS and focused on minimal, expressive design. You can use the growing number of components as a standalone library or extend your existing application design - Sunrise Components are lightly opinionated, but very flexible. For detailed usage information, see the documentation on the website.",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",
   "scripts": {
@@ -48,4 +48,4 @@
     "url": "https://github.com/5am-code/sunrise/issues"
   },
   "homepage": "https://sunrise.5amco.de/"
-}
+}

src/SHeadline.vue

@@ -1,6 +1,6 @@
 
 <template>
-  <div class="text-2xl font-semibold leading-8 font-display">
+  <div class="py-4 text-2xl font-semibold leading-8 font-display">
     <slot></slot>
   </div>
 </template>

src/STimeline.vue

@@ -1,6 +1,6 @@
 
 <template>
-  <div class="w-full lg:w-3/4 2xl:w-1/2" :class="arrangementClass()">
+  <div class="" :class="arrangementClass()">
     <div
       class="flex my-6 group"
       v-for="(point, index) in timelinePoints"