- Use
.class
instead - ID used to identify element
- ID can use only once per page
- If we use ID to style element - we write styles for one element, but better if we use selector by class
.class
to write more flexible styles
😡 | 😄 |
---|---|
Add |
Add |
[ | |
{ | |
"name": "users", | |
"label": "Users", | |
"fields": [ | |
{ | |
"name": "name", | |
"label": "User Name", | |
"type": "text", | |
"required": true |
$users = new Collection('users', 'Users', [ | |
new TextField('name', 'Name'), | |
new PasswordField('password', 'Password'), | |
new CheckboxField('role', 'Role', ['guest'=>'Guest', 'admin'=>'Admin']), | |
], ['admin']); | |
$tags = new Collection('tags', 'Tags', [ | |
new TextField('label', 'Label'), | |
new EntryField('author', 'Author'), | |
]); |
/** | |
* CSS3 tooltips. | |
* @link: http://jsfiddle.net/2am9gx72/5/ | |
* @example: | |
* <span data-tip="Information tooltip" tabindex="-1">info</span> | |
*/ | |
.tip, .tip-static, [data-tip]:before { | |
width: 300px; | |
padding: 10px; | |
content: attr(data-tip); |
@import "foundation"; | |
@include foundation-global-styles; | |
@include foundation-grid; | |
@include foundation-typography; |
import EntryUser from './cmp/entry-user'; | |
import DatetimeInput from './cmp/ui/datetime-input'; | |
new Vue({ | |
el: '#event-form', | |
components: { | |
EntryUser, | |
DatetimeInput | |
}, | |
data: { |
var gulp = require('gulp'), | |
gutil = require('gulp-util'), | |
sass = require('gulp-sass'), | |
//csso = require('gulp-csso'), | |
//uglify = require('gulp-uglify'), | |
jade = require('gulp-jade'), | |
concat = require('gulp-concat'), | |
livereload = require('gulp-livereload'), // Livereload plugin needed: https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei | |
tinylr = require('tiny-lr'), | |
express = require('express'), |
/seo-tools/admin/google-analytics/api/auth
in child window/seo-tools/admin/google-analytics/api/auth/callback
Attribute data-auth-state=[true|false]
attached to .js-react-container
is a flag that indicate authed state.
(function($) { | |
"use strict"; | |
/** | |
* @param containerEl | |
* @param directoriesUrl | |
* @param listingUrl | |
* @param country | |
* @param itemTemplate | |
* @constructor |