2017-01-22 1 views
0

Я пытаюсь создать веб-библиотеку, которая должна быть инфраструктурой для моих других проектов.
В этих других проектах я буду переопределять некоторые сценарии, стили и другие компоненты, но некоторые функции должны оставаться неизменными, а не быть лишними. Я бы хотел НЕ скопировать все файлы в каждый проект, но упаковка и извлечение файлов на производстве будут в порядке.Переопределение файлов javascripts/hmtl/css/etc ... в проектах

Каков наилучший/стандартный способ сделать это?

ответ

0

Так вы работаете с другими системами, такими как Bootstrap и Foundation. Порядок, в котором вы загружаете файлы css в html, позволяет последним перезаписывать первое, если есть правила той же или более высокой специфичности.

Так просто создать свои базовые стили, а затем загрузить переопределяет:

<link rel="stylesheet" type="text/css" href="base.css"> 
<link rel="stylesheet" type="text/css" href="overrides.css"> 
+0

Я имел в виду, что я искал способ, чтобы дать разработчику все файлы, которые ему нужны, но в то же время, чтобы скрыть их от его (до развертывания), если он не хочет их переопределить. Я хочу, чтобы ему было очень легко использовать мою библиотеку, поэтому ему не нужно видеть то, что он не хочет менять. – Idov

+0

Да, дайте ему свой base.css полный материал и пустой overrides.css, который он может заполнить по своему усмотрению. Это довольно простой мой друг. На самом деле нет никакого способа «скрыть» css. –

0

Например

.button{ 
 
    padding : 12px 6px !important; 
 
    color : #434343 !important; 
 
    margin : 1em 3em !important; 
 
    }

Он работает everywhre через важно, что браузер только должны использовать эти свойства! во всех классах с одинаковым именем. Если вы используете это с другой css-структурой, вам нужно поместить тур CustomCss под bootstrap css.

ОЧЕРЕДНАЯ РЕШЕНИЕ

USE SASS ИЛИ МЕНЕЕ

+1

он не должен использовать! Важно повсюду, достаточно простого порядка загруженных файлов css или их специфичности. Важно слишком храбрый –

+0

Я понимаю, но есть ситуация, которая не может помочь ВАМ упомянутого метода. Например, в бутстрапе без! Важно, чтобы вы не смогли удалить фокусный синий цвет границы. Другая ситуация, в которой вы не хотите, чтобы этот загрузочный элемент менял цвет при наведении курсора :, фокус: или похожие вещи. Вкратце дайте свой идентификатор элемента или класса и используйте его со свойствами! Important. – Levon

Смежные вопросы