Skip to content

Commit

Permalink
BEM__modifiers
Browse files Browse the repository at this point in the history
  • Loading branch information
Rado committed Nov 21, 2019
1 parent b55a035 commit 998cd38
Show file tree
Hide file tree
Showing 147 changed files with 2,045 additions and 2,045 deletions.
4 changes: 2 additions & 2 deletions demos/airbnb/airbnb.css
View file
Expand Up @@ -62,15 +62,15 @@ main .narrow .n-row img {
main .n-row h3 {
font-size: 2em; }

main .n-row.n-row--no-spacing > * {
main .n-row.n-row__no-spacing > * {
color: #565a5c; }

main .n-row a[href] {
text-decoration: none;
background-size: cover;
color: #fff; }

main .n-row, main .n-row.n-row--no-spacing {
main .n-row, main .n-row.n-row__no-spacing {
margin: 0; }

main .n-slider {
Expand Down
4 changes: 2 additions & 2 deletions demos/airbnb/airbnb.scss
View file
Expand Up @@ -113,7 +113,7 @@ main .n-row h3 {

}

main .n-row.n-row--no-spacing > * {
main .n-row.n-row__no-spacing > * {

color: #565a5c;

Expand All @@ -127,7 +127,7 @@ main .n-row a[href] {

}

main .n-row, main .n-row.n-row--no-spacing {
main .n-row, main .n-row.n-row__no-spacing {

margin: 0;

Expand Down
6 changes: 3 additions & 3 deletions demos/airbnb/index.html
View file
Expand Up @@ -17,7 +17,7 @@

<div class=n-header-banner>

<header class="n-row n-header n-half-">
<header class="n-row n-header n-row__half-">

<a href="#" class="_1/5"> <img src=airbnb.svg alt=Airbnb> </a>

Expand Down Expand Up @@ -69,7 +69,7 @@ <h2>Rent unique places to stay from local hosts in 190+ countries.</h2>

<div class="n-contain n-middle narrow">

<div class="n-row n-row--no-spacing">
<div class="n-row n-row__no-spacing">

<div class="_2/3" style="background: #fff url(green-doors-da92547ad2e02558af61a61405d4a414.jpg) center center no-repeat; background-size: cover;">

Expand Down Expand Up @@ -226,7 +226,7 @@ <h3>Nina</h3>

<div class="n-contain n-row narrow">

<form class="_2/5 n-form--wide n-form">
<form class="_2/5 n-form__wide n-form">

<select>

Expand Down
2 changes: 1 addition & 1 deletion demos/amnesty/amnesty.css
View file
Expand Up @@ -99,5 +99,5 @@ footer .n-row {
padding: 0; }
main .n-row {
padding: 0 !important; }
.n-fold.n-fold--mobile > .n-fold--label {
.n-fold.n-fold__mobile > .n-fold--label {
margin: 0 auto 0 0; } }
2 changes: 1 addition & 1 deletion demos/amnesty/amnesty.scss
View file
Expand Up @@ -181,7 +181,7 @@ footer .n-row {

}

.n-fold.n-fold--mobile > .n-fold--label {
.n-fold.n-fold__mobile > .n-fold--label {

margin: 0 auto 0 0;
}
Expand Down
22 changes: 11 additions & 11 deletions demos/amnesty/index.html
View file
Expand Up @@ -20,7 +20,7 @@

<header class="n-header">

<div class="n-row n-contain n-row--no-spacing n-half">
<div class="n-row n-contain n-row__no-spacing n-row__half">

<div class="_1/5">

Expand All @@ -31,7 +31,7 @@
<div class="n-right n-middle" style="border-left: 1px solid #ddd;">
<div>

<div class='n-fold n-fold--mobile'>
<div class='n-fold n-fold__mobile'>

<button class=n-fold--label> <span class="n-burger"></span> </button>
<input type=checkbox class=n-trigger>
Expand All @@ -40,7 +40,7 @@

<nav class="n-nav">

<ul class="n-list n-list--inline">
<ul class="n-list n-list__inline">

<li><a href="#">من نحن</a></li>
<li><a href="#">ماذا نفعل</a></li>
Expand All @@ -54,11 +54,11 @@

</nav>

<form action=. method=get id=language-selector class="n-form n-form--language">
<form action=. method=get id=language-selector class="n-form n-form__language">

<label>

<select name="l" class="n-form--mandatory">
<select name="l" class="n-form__mandatory">

<option value="ar">AR</option>
<option value="en">English</option>
Expand Down Expand Up @@ -89,7 +89,7 @@

</header>

<div class='n-banner n-row n-contain n-row--no-spacing'>
<div class='n-banner n-row n-contain n-row__no-spacing'>

<div class="n-middle" style=" min-height: 39em; background-image: url(740bda99ceed86412a260b3380e483816fc76f97.jpg);">

Expand All @@ -99,7 +99,7 @@ <h1>مرحباً بكم</h1><br>

<h2>إن حلّ أزمة اللاجئين العالمية يبدأ بكلمتين: مرحباً بكم</h2><br><br>

<a href=# class="n-btn--big n-btn">اقرأ المزيد</a>
<a href=# class="n-btn__big n-btn">اقرأ المزيد</a>


</div>
Expand Down Expand Up @@ -136,7 +136,7 @@ <h2>إن حلّ أزمة اللاجئين العالمية يبدأ بكلمتي
طالع قصتنا طالع قصتنا

<br>
<a href=# class="n-btn--big n-btn">
<a href=# class="n-btn__big n-btn">
طالع قصتنا
</a></div>
</div>
Expand All @@ -154,7 +154,7 @@ <h2>إن حلّ أزمة اللاجئين العالمية يبدأ بكلمتي
استعرض المواضيع استعرض المواضيع

<br>
<a href=# class="n-btn--big n-btn">
<a href=# class="n-btn__big n-btn">

استعرض المواضيع
</a></div>
Expand All @@ -170,7 +170,7 @@ <h2>إن حلّ أزمة اللاجئين العالمية يبدأ بكلمتي

بادر بالتحرك بادر بالتحرك
<br>
<a href=# class="n-btn--big n-btn">
<a href=# class="n-btn__big n-btn">
بادر بالتحرك
</a>
</div>
Expand Down Expand Up @@ -314,7 +314,7 @@ <h3>اعمل معنا</h3>

<p>ذا كنت موهوبا ومتحمسا لحقوق الإنسان إذن فمنظمة العفو الدولية تريد أن تسمع منك.</p>

<a href=# class="n-btn--big n-btn">الوظائف والتدريب</a>
<a href=# class="n-btn__big n-btn">الوظائف والتدريب</a>

</div>

Expand Down
4 changes: 2 additions & 2 deletions demos/apex/index.html
View file
Expand Up @@ -22,7 +22,7 @@

<nav class="n-nav n-right n-middle">

<ul class="n-list n-list--inline">
<ul class="n-list n-list__inline">

<li> <a href=#>About</a> </li>
<li> <a href=#>Contact</a> </li>
Expand All @@ -39,7 +39,7 @@

<!-- Content - Start -->

<main class="n-row n-row--no-spacing">
<main class="n-row n-row__no-spacing">

<a class="n-modal n-center n-middle" href=copse.html data-anim="0% { opacity: 0; } 100% { opacity: 1; }">

Expand Down
2 changes: 1 addition & 1 deletion demos/apple/apple.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 2 additions & 2 deletions demos/apple/apple.scss
View file
Expand Up @@ -95,7 +95,7 @@ body.n-type {

}

.n-slider--arrow.n-slider--right:before {
.n-slider--arrow.n-slider__right:before {

content: '⟩';
margin-left: -.25em;
Expand Down Expand Up @@ -179,7 +179,7 @@ ul.n-list li {

}

.n-row:not(.n-half) {
.n-row:not(.n-row__half) {

display: flex;

Expand Down
22 changes: 11 additions & 11 deletions demos/apple/index.html
View file
Expand Up @@ -19,7 +19,7 @@

<header class="n-center n-header">

<div class='n-fold n-fold--mobile'>
<div class='n-fold n-fold__mobile'>

<button class=n-fold--label> <span class="n-burger"></span> </button>
<input type=checkbox class=n-trigger>
Expand All @@ -28,7 +28,7 @@

<nav class="n-nav">

<ul class="n-list n-list--inline">
<ul class="n-list n-list__inline">

<li> <a href=#> <img src=image_large.svg alt=Apple> <span></span> </a></li>
<li> <a href=#>Mac</a> </li>
Expand Down Expand Up @@ -96,7 +96,7 @@ <h3>Light. Years ahead.</h3>

<main id=content>

<div class="n-row n-row--no-spacing boxes">
<div class="n-row n-row__no-spacing boxes">

<a href=# style="background-image: url(diversity_divya_medium.jpg);"> </a>

Expand All @@ -116,13 +116,13 @@ <h3>Light. Years ahead.</h3>

<footer class="n-footer">

<nav class="n-row n-contain n-half">
<nav class="n-row n-contain n-row__half">

<div class="_1/5">

<h4>Shop and Learn</h4>

<ul class="n-list n-list--no-bullet ac-gf-directory-column-section-list ">
<ul class="n-list n-list__no-bullet ac-gf-directory-column-section-list ">
<li class="ac-gf-directory-column-section-item"><a class="ac-gf-directory-column-section-link" href="/mac/
">Mac</a></li>
<li class="ac-gf-directory-column-section-item"><a class="ac-gf-directory-column-section-link" href="/ipad/
Expand Down Expand Up @@ -151,7 +151,7 @@ <h4>Shop and Learn</h4>

<h4>Apple Store</h4>

<ul class="n-list n-list--no-bullet ac-gf-directory-column-section-list ">
<ul class="n-list n-list__no-bullet ac-gf-directory-column-section-list ">
<li class="ac-gf-directory-column-section-item"><a class="ac-gf-directory-column-section-link" href="/retail/
">Find a Store</a></li>
<li class="ac-gf-directory-column-section-item"><a class="ac-gf-directory-column-section-link" href="/retail/geniusbar/
Expand Down Expand Up @@ -180,7 +180,7 @@ <h4>Apple Store</h4>

<h4>For Education</h4>

<ul class="n-list n-list--no-bullet ac-gf-directory-column-section-list ">
<ul class="n-list n-list__no-bullet ac-gf-directory-column-section-list ">
<li class="ac-gf-directory-column-section-item"><a class="ac-gf-directory-column-section-link" href="/education/
">Apple and Education</a></li>
<li class="ac-gf-directory-column-section-item"><a class="ac-gf-directory-column-section-link" href="/us/shop/goto/educationrouting
Expand All @@ -189,7 +189,7 @@ <h4>For Education</h4>

<h4>For Business</h4>

<ul class="n-list n-list--no-bullet ac-gf-directory-column-section-list ">
<ul class="n-list n-list__no-bullet ac-gf-directory-column-section-list ">
<li class="ac-gf-directory-column-section-item"><a class="ac-gf-directory-column-section-link" href="/business/
">Apple and Business</a></li>
<li class="ac-gf-directory-column-section-item"><a class="ac-gf-directory-column-section-link" href="/retail/business/
Expand All @@ -202,7 +202,7 @@ <h4>For Business</h4>

<h4>Account</h4>

<ul class="n-list n-list--no-bullet ac-gf-directory-column-section-list ">
<ul class="n-list n-list__no-bullet ac-gf-directory-column-section-list ">
<li class="ac-gf-directory-column-section-item"><a class="ac-gf-directory-column-section-link" href="https://appleid.apple.com/us/
">Manage Your Apple ID</a></li>
<li class="ac-gf-directory-column-section-item"><a class="ac-gf-directory-column-section-link" href="/us/shop/goto/account
Expand All @@ -213,7 +213,7 @@ <h4>Account</h4>

<h4>Apple Values</h4>

<ul class="n-list n-list--no-bullet ac-gf-directory-column-section-list ">
<ul class="n-list n-list__no-bullet ac-gf-directory-column-section-list ">
<li class="ac-gf-directory-column-section-item"><a class="ac-gf-directory-column-section-link" href="/accessibility/
">Accessibility</a></li>
<li class="ac-gf-directory-column-section-item"><a class="ac-gf-directory-column-section-link" href="/education/connectED/
Expand All @@ -234,7 +234,7 @@ <h4>Apple Values</h4>

<h4>About Apple</h4>

<ul class="n-list n-list--no-bullet ac-gf-directory-column-section-list ">
<ul class="n-list n-list__no-bullet ac-gf-directory-column-section-list ">
<li class="ac-gf-directory-column-section-item"><a class="ac-gf-directory-column-section-link" href="/about/
">Apple Info</a></li>
<li class="ac-gf-directory-column-section-item"><a class="ac-gf-directory-column-section-link" href="/newsroom/
Expand Down
2 changes: 1 addition & 1 deletion demos/brandunion/brandunion.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

8 changes: 4 additions & 4 deletions demos/brandunion/brandunion.scss
View file
Expand Up @@ -30,13 +30,13 @@ time {

}

.n-slider--vertical > .n-slider--nav {
.n-slider__vertical > .n-slider--nav {

display: none;

}

.n-slider--vertical > .n-slider--arrow, .n-slider--vertical > .n-slider--arrow.right {
.n-slider__vertical > .n-slider--arrow, .n-slider__vertical > .n-slider--arrow.right {

top: auto;
right: 1em;
Expand All @@ -48,14 +48,14 @@ time {

}

.n-slider--vertical>.n-slider--arrow.n-slider--right {
.n-slider__vertical>.n-slider--arrow.n-slider__right {

left: auto;
right: 1em;

}

.n-slider--vertical > .n-slider--arrow {
.n-slider__vertical > .n-slider--arrow {

bottom: 6em;

Expand Down

0 comments on commit 998cd38

Please sign in to comment.