أنا والصّباحُ وفنجانُ قهوتي ووردة تطرحُ عطرَها الذّكيّ تُزيّنُ الأبصارَ بِحُسنِها نتبادلُ أطرافَ الحديثِ على حافَّةِ الانتظارِ تُراقِصُنا فراشةٌ بيضاء تحفّنا نسمةُ الصّيفِ العليلةِ *** تضوجُ ذكرياتُ الأمسِ الجميلةِ في مُخيَّلَةِ الكونِ نحكي حكايةَ الأمنياتِ السّعيدةِ على وقع الضّوءِ وأمواجِ البَحرِ وزرقة السّماء *** أنا وسُلافَةُ الشّوقِ وفنجانُ قهوةٍ يعجُّ برائحة الوصلِ المُبارَكِ يفوحُ برائحَةِ هالِ الوَجدِ والحنين"مجلة جواهر الأدب"
<style scoped>
.nav {
/* Establish a flex container */
display: -webkit-flex;
display: -moz-flex;
display: flex;
margin: 0.25em auto 1.5em;
padding-left: 0;
list-style-type: none;
}
/* First image: Flexbox with no flex */
.nav li {
/* equivalent to flex: 0 0 auto; */
-webkit-flex: none;
-moz-flex: none;
flex: none;
}
/* Second image: Relative flex */
.nav li {
/* equivalent to flex: 1 1 auto; */
-webkit-flex: auto;
-moz-flex: auto;
flex: auto;
}
/* Third image: Absolute flex */
.nav li {
/* equivalent to flex: 1 1 0px; */
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
}
/* Fourth image: Differing flex values */
.nav li {
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
}
.nav li:nth-child(2) {
/* equivalent to flex: 2 1 0px; */
-webkit-flex: 2;
-moz-flex: 2;
flex: 2;
}
/* Increase click target area */
.nav a {
display: block;
width: 100%;
height: 100%;
padding: 0.25em 0;
font-family: "Helvetica Neue", Arial, sans-serif;
text-decoration: none;
color: hsl(220, 100%, 0%);
}
.nav li {
margin: 0 0.5%;
border: 1px solid #999;
border-radius: 2px;
text-align: center;
background-color: #eee;
}
</style>
<ul class="nav">
<li><a href="/">Home</a></li>
<li><a href="/articles">Space Monkey Articles</a></li>
<li><a href="/dashboard">Log in</a></li>
</ul>flex presets (relative vs absolute flex)flex: initialflex: autoflex: <positive-number>flex: <positive-number> (1 1 2)flex: autoflex: <positive-number>flex: initialflex: initial with auto margins 1flex: initial with auto margins 2flex: initial with auto margins 3flex: initial with auto margins 4justify-contentjustify-content: flex-startjustify-content: flex-endjustify-content: centerjustify-content: space-betweenjustify-content: space-aroundalign-items values to the flex containerOn January 31, 1961, Ham was secured in a Project Mercury mission labeled MR-2 and launched from Cape Canaveral, Florida, on a suborbital flight.
Mercury Redstone 2 launch
Ham accepts an apple post-flight
On January 31, 1961, Ham was secured in a Project Mercury mission labeled MR-2 and launched from Cape Canaveral, Florida, on a suborbital flight.
Mercury Redstone 2 launch
Ham accepts an apple post-flight
On January 31, 1961, Ham was secured in a Project Mercury mission labeled MR-2 and launched from Cape Canaveral, Florida, on a suborbital flight.
Mercury Redstone 2 launch
Ham accepts an apple post-flight
On January 31, 1961, Ham was secured in a Project Mercury mission labeled MR-2 and launched from Cape Canaveral, Florida, on a suborbital flight.
Mercury Redstone 2 launch
Ham accepts an apple post-flight
On January 31, 1961, Ham was secured in a Project Mercury mission labeled MR-2 and launched from Cape Canaveral, Florida, on a suborbital flight.
Mercury Redstone 2 launch
Ham accepts an apple post-flight
On January 31, 1961, Ham was secured in a Project Mercury mission labeled MR-2 and launched from Cape Canaveral, Florida, on a suborbital flight.
Mercury Redstone 2 launch
Ham accepts an apple post-flight
Aucun commentaire:
Enregistrer un commentaire